:root{--bg: #070a0d;--bg-2: #090d11;--surface: #0c1216;--surface-2: #10181f;--line: #1a242c;--line-bright: #2a3a45;--tx-hi: #e9f1f4;--tx-mid: #8ea0a9;--tx-dim: #5b6c75;--tx-faint:#3a474f;--cyan: #29e7ff;--magenta: #ff2d88;--violet: #9b7bff;--green: #4ef0a3;--amber: #ffc23d;--neon: var(--cyan);--grad: linear-gradient(120deg, var(--cyan) 0%, var(--magenta) 100%);--font-display: "Orbitron", sans-serif;--font-wide: "Rajdhani", sans-serif;--font-mono: "JetBrains Mono", monospace;--maxw: 1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--tx-hi);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track{background:#05080a}::-webkit-scrollbar-thumb{background:linear-gradient(var(--cyan),var(--magenta));border-radius:0}::-moz-selection{background:var(--magenta);color:#fff}::selection{background:var(--magenta);color:#fff}.cp-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;transform:translateZ(0)}.cp-grid{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background-image:linear-gradient(rgba(41,231,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(41,231,255,.05) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 90% 80% at 50% 30%,#000 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 90% 80% at 50% 30%,#000 30%,transparent 80%)}.cp-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.14;will-change:opacity}.cp-orb.a{top:8%;left:-6%;width:560px;height:560px;background:radial-gradient(circle,var(--cyan),transparent 68%);animation:cp-breathe 9s ease-in-out infinite}.cp-orb.b{bottom:6%;right:-8%;width:480px;height:480px;background:radial-gradient(circle,var(--magenta),transparent 68%);animation:cp-breathe 11s ease-in-out infinite 2s}.cp-orb.c{top:46%;left:52%;width:360px;height:360px;background:radial-gradient(circle,var(--violet),transparent 70%);opacity:.08}@keyframes cp-breathe{0%,to{opacity:.12}50%{opacity:.2}}.cp-scan{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0 1px,transparent 1px 3px);opacity:.35}.cp-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 60% at 50% 45%,transparent 55%,var(--bg) 100%)}.cp-noise:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:120px 120px}.cp-root{position:relative;z-index:2}.cp-corners{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cp-corner{position:absolute;width:12px;height:12px;opacity:.7}.cp-corner.tl{top:0;left:0;border-top:1.5px solid var(--neon);border-left:1.5px solid var(--neon)}.cp-corner.tr{top:0;right:0;border-top:1.5px solid var(--neon);border-right:1.5px solid var(--neon)}.cp-corner.bl{bottom:0;left:0;border-bottom:1.5px solid var(--neon);border-left:1.5px solid var(--neon)}.cp-corner.br{bottom:0;right:0;border-bottom:1.5px solid var(--neon);border-right:1.5px solid var(--neon)}.cp-notch{clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%)}.cp-notch-2{clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}.cp-kicker{font-family:var(--font-mono);font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--cyan)}.cp-kicker:before{content:"// ";color:var(--magenta)}.cp-wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}.cp-section{padding:120px 0;position:relative}.cp-head{text-align:center;margin-bottom:72px}.cp-head .eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--cyan);margin:0 0 14px}.cp-head .eyebrow b{color:var(--magenta);font-weight:400}.cp-head h2{font-family:var(--font-display);font-weight:800;font-size:clamp(2rem,4.5vw,3.1rem);letter-spacing:.02em;margin:0;text-transform:uppercase}.cp-head .rule{width:120px;height:2px;margin:22px auto 0;background:var(--grad);position:relative}.cp-head .rule:after{content:"";position:absolute;right:-2px;top:-3px;width:8px;height:8px;background:var(--magenta);box-shadow:0 0 10px var(--magenta)}.cp-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 30px;cursor:pointer;font-family:var(--font-wide);font-weight:600;font-size:15px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border:1px solid transparent;transition:all .25s ease;white-space:nowrap}.cp-btn-primary{color:#04141a;background:var(--cyan);box-shadow:0 0 0 1px var(--cyan),0 8px 30px -8px #29e7ff80}.cp-btn-primary:hover{background:#6cf2ff;transform:translateY(-2px);box-shadow:0 0 0 1px #6cf2ff,0 14px 40px -8px #29e7ffb3}.cp-btn-ghost{color:var(--tx-mid);background:#29e7ff08;border:1px solid var(--line-bright)}.cp-btn-ghost:hover{color:var(--tx-hi);border-color:var(--cyan);background:#29e7ff12;transform:translateY(-2px)}.cp-pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;padding:5px 11px;color:var(--tx-mid);background:#ffffff05;border:1px solid var(--line)}.cp-pill.hoverable{transition:all .2s ease;cursor:default}.cp-pill.hoverable:hover{color:var(--tx-hi);border-color:var(--neon);box-shadow:inset 0 0 12px #29e7ff14}.cp-tech{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:10px;letter-spacing:.03em;padding:4px 9px;color:#ffffffd1;background:#04080b8c;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cp-reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}.cp-reveal.in{opacity:1;transform:none}.cp-grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.cp-glitch{position:relative;display:inline-block}.cp-glitch:before,.cp-glitch:after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;-webkit-background-clip:text;background-clip:text}.cp-glitch:before{color:var(--cyan);-webkit-text-fill-color:var(--cyan);opacity:.55;transform:translate(-2px);mix-blend-mode:screen;animation:cp-gl1 6s infinite steps(1)}.cp-glitch:after{color:var(--magenta);-webkit-text-fill-color:var(--magenta);opacity:.55;transform:translate(2px);mix-blend-mode:screen;animation:cp-gl2 6s infinite steps(1)}@keyframes cp-gl1{0%,92%,to{clip-path:inset(0 0 100% 0)}93%{clip-path:inset(10% 0 60% 0);transform:translate(-3px)}96%{clip-path:inset(40% 0 30% 0);transform:translate(2px)}}@keyframes cp-gl2{0%,92%,to{clip-path:inset(0 0 100% 0)}94%{clip-path:inset(60% 0 10% 0);transform:translate(3px)}97%{clip-path:inset(20% 0 50% 0);transform:translate(-2px)}}@media (prefers-reduced-motion: reduce){.cp-orb,.cp-glitch:before,.cp-glitch:after{animation:none!important}.cp-reveal{opacity:1;transform:none}}.cp-nav{position:fixed;top:0;left:0;width:100%;z-index:50;transition:background .4s ease,border-color .4s ease,box-shadow .4s ease;border-bottom:1px solid transparent}.cp-nav.scrolled{background:#070a0dd1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);box-shadow:0 1px #29e7ff1f,0 18px 40px -24px #000}.cp-nav-inner{max-width:var(--maxw);margin:0 auto;padding:16px 28px;display:flex;align-items:center;justify-content:space-between}.cp-logo{display:flex;align-items:center;gap:13px;text-decoration:none;color:inherit}.cp-logo-mark{position:relative;width:44px;height:44px;display:block;flex-shrink:0}.cp-logo-svg{display:block;width:100%;height:100%}.cp-logo-svg svg{display:block;width:100%;height:100%;overflow:visible}.cp-logo-name{font-family:var(--font-wide);font-weight:700;font-size:16px;letter-spacing:.06em}.cp-logo-name b{color:var(--tx-faint);font-weight:500}.cp-nav-links{display:flex;align-items:center;gap:30px}.cp-nav-link{position:relative;font-family:var(--font-mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--tx-mid);text-decoration:none;transition:color .2s;padding:4px 0}.cp-nav-link:before{content:"[";color:transparent;transition:color .2s;margin-right:3px}.cp-nav-link:after{content:"]";color:transparent;transition:color .2s;margin-left:3px}.cp-nav-link:hover,.cp-nav-link.active{color:var(--tx-hi)}.cp-nav-link:hover:before,.cp-nav-link:hover:after,.cp-nav-link.active:before,.cp-nav-link.active:after{color:var(--magenta)}.cp-lang{display:flex;border:1px solid var(--line-bright)}.cp-lang button{font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.08em;padding:6px 11px;background:transparent;color:var(--tx-dim);border:none;cursor:pointer;transition:all .18s}.cp-lang button.active{background:var(--cyan);color:#04141a}.cp-lang button:not(.active):hover{color:var(--tx-hi)}.cp-burger{display:none;background:none;border:1px solid var(--line-bright);color:var(--tx-hi);width:40px;height:40px;cursor:pointer;align-items:center;justify-content:center}.cp-mobile{display:none}.cp-hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:120px 28px 60px;position:relative}.cp-hero-inner{max-width:880px}.cp-status{display:inline-flex;align-items:center;gap:9px;margin-bottom:38px;font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--green);padding:8px 16px;white-space:nowrap;background:#4ef0a30d;border:1px solid rgba(78,240,163,.28)}.cp-status .dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);animation:cp-blink 1.6s ease-in-out infinite}@keyframes cp-blink{0%,to{opacity:1}50%{opacity:.3}}.cp-hero h1{font-family:var(--font-display);font-weight:900;font-size:clamp(2.7rem,8vw,5.4rem);line-height:1;letter-spacing:.01em;margin:0 0 26px;text-transform:uppercase}.cp-hero h1 .lead{display:block;font-size:.34em;letter-spacing:.35em;color:var(--tx-dim);font-weight:500;margin-bottom:18px;font-family:var(--font-mono);text-transform:uppercase}.cp-hero-sub{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:26px;font-family:var(--font-wide);font-weight:500;font-size:18px;color:var(--tx-mid)}.cp-hero-sub .item{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.cp-hero-sub .sep{color:var(--magenta)}.cp-hero-sub i{color:var(--cyan)}.cp-hero-desc{font-family:var(--font-mono);font-size:15px;line-height:1.75;color:var(--tx-dim);max-width:580px;margin:0 auto 48px}.cp-hero-desc b{color:var(--tx-mid);font-weight:400}.cp-hero-cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:80px}.cp-scrolldown{display:inline-flex;flex-direction:column;align-items:center;gap:10px;background:none;border:none;cursor:pointer;color:var(--tx-faint);transition:color .25s;font-family:var(--font-mono);font-size:10px;letter-spacing:.3em;text-transform:uppercase}.cp-scrolldown:hover{color:var(--cyan)}.cp-scrolldown .arr{animation:cp-bounce 1.8s infinite}@keyframes cp-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.cp-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:56px}.cp-card{position:relative;display:flex;flex-direction:column;text-decoration:none;color:inherit;background:var(--surface);border:1px solid var(--line);transition:transform .4s ease,border-color .4s ease,box-shadow .4s ease}.cp-card:hover{transform:translateY(-6px);border-color:var(--neon);box-shadow:0 30px 60px -24px #000c,0 0 0 1px var(--neon),0 0 40px -12px var(--neon)}.cp-card-bar{display:flex;align-items:center;justify-content:space-between;padding:9px 13px;border-bottom:1px solid var(--line);font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--tx-dim);background:#ffffff04}.cp-card-bar .id{color:var(--neon)}.cp-card-bar .dots{display:flex;gap:5px}.cp-card-bar .dots span{width:6px;height:6px;border:1px solid var(--line-bright)}.cp-card-banner{position:relative;height:184px;display:grid;place-items:center;overflow:hidden}.cp-card-banner .scan{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px);opacity:.5}.cp-card-banner .glow{position:absolute;top:0;right:0;bottom:0;left:0}.cp-card-emoji{position:relative;z-index:2;font-size:66px;filter:drop-shadow(0 10px 26px rgba(0,0,0,.6));transition:transform .4s ease}.cp-card:hover .cp-card-emoji{transform:scale(1.1)}.cp-card-hero-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;padding:16px;z-index:2}.cp-card-tech{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:62%}.cp-badge-role{position:absolute;top:12px;left:12px;z-index:4;display:inline-flex;align-items:center;gap:6px;padding:4px 9px;font-family:var(--font-mono);font-size:10px;color:#ffffffbf;background:#04080b8c;border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cp-badge-wwdc{position:absolute;bottom:12px;left:12px;z-index:4;display:inline-flex;align-items:center;gap:5px;padding:4px 10px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:#cdd3d8;background:#cdd3d81a;border:1px solid rgba(205,211,216,.4)}.cp-card-body{display:flex;flex-direction:column;flex:1;padding:22px;gap:15px}.cp-card-body h3{font-family:var(--font-display);font-weight:700;font-size:19px;margin:0 0 5px;letter-spacing:.01em}.cp-card-tagline{font-family:var(--font-wide);font-weight:600;font-size:14px;margin:0;letter-spacing:.03em}.cp-card-type{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;padding:4px 9px;font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;border:1px solid}.cp-card-desc{font-family:var(--font-mono);font-size:12.5px;line-height:1.7;color:var(--tx-dim);margin:0;flex:1}.cp-card-stats{display:flex;flex-wrap:wrap;gap:8px;font-family:var(--font-mono);font-size:11px;color:var(--tx-faint)}.cp-card-stats b{color:var(--neon);font-weight:700}.cp-card-feats{display:flex;flex-wrap:wrap;gap:6px}.cp-card-actions{display:flex;gap:10px;padding-top:4px}.cp-card-action{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px;font-family:var(--font-wide);font-weight:600;font-size:13px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border:1px solid;transition:all .2s ease}.cp-card-action.locked{color:var(--tx-faint);border-color:var(--line);cursor:default}.cp-card-action.preview{flex:0 0 auto;color:var(--tx-dim);border-color:var(--line)}.cp-card-action.preview:hover{color:var(--tx-mid);border-color:var(--line-bright)}.cp-viewall{text-align:center}.cp-viewall a{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--font-mono);font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);transition:gap .2s}.cp-viewall a:hover{gap:16px}.cp-about-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:64px;align-items:center}.cp-about-left{display:flex;flex-direction:column;align-items:center;gap:34px}.cp-idcard{position:relative;width:230px}.cp-idcard-face{position:relative;aspect-ratio:3/4;display:grid;place-items:center;font-family:var(--font-display);font-weight:900;font-size:64px;color:var(--tx-hi);background:linear-gradient(150deg,#0f1a22,#161022);border:1px solid var(--line-bright);overflow:hidden}.cp-idcard-photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 12%;object-position:center 12%;display:block}.cp-idcard-face .ring{position:absolute;top:18px;right:18px;bottom:18px;left:18px;border:1px solid rgba(41,231,255,.25);clip-path:polygon(0 0,100% 0,100% 80%,80% 100%,0 100%)}.cp-idcard-face .scan{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0 1px,transparent 1px 3px);opacity:.5}.cp-idcard-face .txt{position:relative;z-index:2;text-shadow:0 0 24px rgba(41,231,255,.4)}.cp-idcard-tag{position:absolute;bottom:-14px;right:-14px;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;font-family:var(--font-mono);font-size:12px;color:var(--tx-mid);background:var(--surface-2);border:1px solid var(--line-bright)}.cp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:330px}.cp-stat{position:relative;text-align:center;padding:16px 8px;background:var(--surface);border:1px solid var(--line);transition:border-color .3s}.cp-stat:hover{border-color:var(--neon)}.cp-stat .v{font-family:var(--font-display);font-weight:800;font-size:24px}.cp-stat .l{font-family:var(--font-mono);font-size:9.5px;line-height:1.3;color:var(--tx-dim);margin-top:6px;white-space:pre-line;letter-spacing:.04em}.cp-about-right h3{font-family:var(--font-display);font-weight:700;font-size:clamp(1.4rem,2.6vw,1.9rem);line-height:1.25;margin:0 0 22px;letter-spacing:.01em}.cp-about-right p{font-family:var(--font-mono);font-size:14px;line-height:1.8;color:var(--tx-mid);margin:0 0 18px}.cp-about-right p b{color:var(--tx-hi);font-weight:500}.cp-about-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.cp-skill-divider{display:flex;align-items:center;gap:18px;margin:0 0 26px}.cp-skill-divider span.line{flex:1;height:1px;background:var(--line)}.cp-skill-divider span.lbl{font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--tx-dim)}.cp-skill-group{margin-bottom:48px}.cp-skill-grid{display:grid;gap:14px}.cp-skill-grid.lang{grid-template-columns:repeat(4,1fr)}.cp-skill-grid.tools{grid-template-columns:repeat(3,1fr)}.cp-skill{position:relative;display:flex;flex-direction:column;align-items:center;gap:13px;padding:22px 12px;background:var(--surface);border:1px solid var(--line);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;cursor:default}.cp-skill:hover{transform:translateY(-4px)}.cp-skill .ic{width:52px;height:52px;display:grid;place-items:center;font-size:26px;border:1px solid var(--line);transition:transform .3s ease}.cp-skill:hover .ic{transform:scale(1.1)}.cp-skill .nm{font-family:var(--font-mono);font-size:12px;color:var(--tx-dim);letter-spacing:.04em;transition:color .2s}.cp-skill:hover .nm{color:var(--tx-hi)}.cp-skill .ts{font-family:var(--font-display);font-weight:800;font-size:17px}.cp-footer{position:relative;z-index:2;border-top:1px solid var(--line);background:var(--bg-2);padding:70px 0 36px}.cp-footer-top{display:flex;justify-content:space-between;gap:48px;flex-wrap:wrap;margin-bottom:48px}.cp-footer-brand{max-width:320px}.cp-footer-brand .row{display:flex;align-items:center;gap:13px;margin-bottom:16px}.cp-footer-brand p{font-family:var(--font-mono);font-size:12.5px;line-height:1.7;color:var(--tx-dim);margin:0}.cp-footer-col .ttl{font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--tx-faint);margin:0 0 18px}.cp-footer-col a{display:block;font-family:var(--font-wide);font-weight:500;font-size:14px;letter-spacing:.04em;color:var(--tx-mid);text-decoration:none;margin-bottom:12px;transition:color .2s}.cp-footer-col a:hover{color:var(--cyan)}.cp-socials{display:flex;gap:12px;margin-bottom:16px}.cp-socials .cp-social{width:42px;height:42px;display:grid;place-items:center;line-height:1;color:var(--tx-dim);background:var(--surface);border:1px solid var(--line);transition:all .2s}.cp-socials .cp-social i{font-size:16px;line-height:1}.cp-socials .cp-social:hover{color:var(--cyan);border-color:var(--cyan);box-shadow:0 0 18px -6px var(--cyan)}.cp-footer-note{font-family:var(--font-mono);font-size:11px;color:var(--tx-dim);margin:0}.cp-footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding-top:28px;border-top:1px solid var(--line);font-family:var(--font-mono);font-size:11px;color:var(--tx-faint);letter-spacing:.04em}.cp-footer-bottom .made{display:flex;align-items:center;gap:8px}@media (max-width: 920px){.cp-cards{grid-template-columns:1fr;max-width:460px;margin-left:auto;margin-right:auto}.cp-about-grid{grid-template-columns:1fr;gap:48px}.cp-skill-grid.lang,.cp-skill-grid.tools{grid-template-columns:repeat(2,1fr)}}@media (max-width: 720px){.cp-nav-links{display:none}.cp-burger{display:flex}.cp-mobile{display:block;overflow:hidden;transition:max-height .35s ease;background:#070a0df5;border-bottom:1px solid var(--line)}.cp-mobile-inner{padding:18px 28px;display:flex;flex-direction:column;gap:16px}.cp-mobile a{font-family:var(--font-mono);font-size:14px;color:var(--tx-mid);text-decoration:none;letter-spacing:.08em;text-transform:uppercase}.cp-section{padding:84px 0}.cp-footer-top{flex-direction:column;gap:32px}}.cp-page{padding:130px 0 110px}.cp-section-lead{text-align:center;max-width:560px;margin:-44px auto 52px;font-family:var(--font-mono);font-size:14px;line-height:1.7;color:var(--tx-dim)}.cp-link{font-family:var(--font-mono);font-size:14px;color:var(--cyan);text-decoration:none}.cp-link:hover{text-decoration:underline}.cp-back{display:inline-flex;align-items:center;gap:9px;margin-bottom:32px;white-space:nowrap;font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--tx-dim);text-decoration:none;transition:color .2s}.cp-back:hover{color:var(--cyan)}.cp-cards.grid4{grid-template-columns:repeat(3,1fr)}.cp-filters{margin-bottom:44px;display:flex;flex-direction:column;gap:14px}.cp-search{position:relative}.cp-search>i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--tx-faint);font-size:13px;pointer-events:none}.cp-search input{width:100%;padding:14px 42px;background:var(--surface);color:var(--tx-hi);border:1px solid var(--line);font-family:var(--font-mono);font-size:13px;letter-spacing:.02em;transition:border-color .2s;outline:none}.cp-search input::-moz-placeholder{color:var(--tx-faint)}.cp-search input::placeholder{color:var(--tx-faint)}.cp-search input:focus{border-color:var(--cyan);box-shadow:inset 0 0 16px #29e7ff0f}.cp-search button{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--tx-faint);cursor:pointer;font-size:13px}.cp-search button:hover{color:var(--tx-hi)}.cp-filter-toggle-row{display:flex;align-items:center;justify-content:space-between}.cp-filter-toggle{display:inline-flex;align-items:center;gap:9px;background:none;border:none;cursor:pointer;font-family:var(--font-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--tx-dim);transition:color .2s}.cp-filter-toggle:hover{color:var(--tx-hi)}.cp-filter-toggle .badge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 4px;background:#29e7ff26;border:1px solid var(--cyan);color:var(--cyan);font-size:10px;font-weight:700}.cp-filter-toggle .chev{transition:transform .2s;font-size:10px}.cp-filter-toggle .chev.up{transform:rotate(180deg)}.cp-clear{background:none;border:none;cursor:pointer;font-family:var(--font-mono);font-size:11px;color:var(--magenta)}.cp-clear:hover{color:#ff66a6}.cp-filter-rows{overflow:hidden;transition:max-height .3s ease,opacity .3s ease;display:flex;flex-direction:column;gap:12px}.cp-filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:4px}.cp-filter-row .lbl{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--tx-faint);margin-right:4px}.cp-filter-row .sep{width:1px;height:16px;background:var(--line);margin:0 6px}.cp-filter-tags-pills{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,auto);gap:8px;overflow-x:auto;overflow-y:hidden;padding-bottom:6px;flex:1;min-width:0}.cp-filter-tags-pills::-webkit-scrollbar{height:4px}.cp-filter-tags-pills::-webkit-scrollbar-track{background:transparent}.cp-filter-tags-pills::-webkit-scrollbar-thumb{background:var(--line-bright)}.cp-fpill{padding:5px 12px;font-family:var(--font-mono);font-size:11px;letter-spacing:.02em;white-space:nowrap;background:var(--surface);border:1px solid var(--line);color:var(--tx-dim);cursor:pointer;transition:all .15s;flex-shrink:0}.cp-fpill:hover{color:var(--tx-mid);border-color:var(--line-bright)}.cp-fpill.active{background:#29e7ff1f;border-color:var(--cyan);color:var(--cyan)}.cp-filter-summary{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--tx-dim);margin:2px 0 0}.cp-empty{text-align:center;padding:80px 0}.cp-empty p{color:var(--tx-dim);margin-bottom:16px;font-family:var(--font-mono);font-size:14px}.cp-empty button{background:none;border:none;cursor:pointer;color:var(--cyan);font-family:var(--font-mono);font-size:13px}.cp-detail-banner{position:relative;height:230px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);margin-bottom:28px}.cp-detail-banner .glow{position:absolute;top:0;right:0;bottom:0;left:0}.cp-detail-banner .scan{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px);opacity:.5}.cp-detail-banner .emoji{position:relative;z-index:2;font-size:92px;filter:drop-shadow(0 12px 30px rgba(0,0,0,.6))}.cp-detail-banner .cp-card-tech{position:absolute;top:14px;right:14px;z-index:3;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:60%}.cp-carousel{display:flex;gap:16px;overflow-x:auto;padding-bottom:14px;margin-bottom:36px;scroll-snap-type:x mandatory}.cp-carousel::-webkit-scrollbar{height:6px}.cp-imgframe{flex-shrink:0;scroll-snap-align:start;background:var(--surface);border:1px solid var(--line)}.cp-imgframe-bar{display:flex;align-items:center;justify-content:space-between;padding:7px 11px;border-bottom:1px solid var(--line);font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;color:var(--tx-dim)}.cp-imgframe-bar .id{color:var(--cyan)}.cp-imgframe-body{position:relative;padding:10px}.cp-imgframe-body img{display:block;height:420px;width:auto;-o-object-fit:cover;object-fit:cover}.cp-imgph{height:420px;width:210px;display:grid;place-items:center;background-image:repeating-linear-gradient(45deg,rgba(41,231,255,.05) 0 10px,transparent 10px 20px);background-color:#0a0f13;border:1px dashed var(--line-bright)}.cp-imgph-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;color:var(--tx-faint);text-align:center;line-height:1.6}.cp-detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:44px}.cp-detail-head .row{display:flex;align-items:center;gap:14px;margin-bottom:8px;flex-wrap:wrap}.cp-detail-head h1{font-family:var(--font-display);font-weight:800;font-size:clamp(1.7rem,3.4vw,2.3rem);margin:0;letter-spacing:.01em}.cp-detail-head .tagline{font-family:var(--font-wide);font-weight:600;font-size:15px;margin:0;letter-spacing:.03em}.cp-detail-head .role{font-family:var(--font-mono);font-size:12px;color:var(--tx-dim);margin:6px 0 0}.cp-detail-desc{font-family:var(--font-mono);font-size:14.5px;line-height:1.8;color:var(--tx-mid);margin:22px 0}.cp-detail-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--tx-faint);margin:0 0 14px}.cp-detail-story{margin-top:30px;padding-top:26px;border-top:1px solid var(--line)}.cp-detail-story .story-p{font-family:var(--font-mono);font-size:14px;line-height:1.85;color:var(--tx-dim);margin:0 0 18px}.cp-detail-story .story-empty{font-family:var(--font-mono);font-size:13px;font-style:italic;color:var(--tx-faint)}.cp-detail-side{display:flex;flex-direction:column;gap:12px;align-self:start;position:sticky;top:96px}.cp-side-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px;font-family:var(--font-wide);font-weight:600;font-size:14px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border:1px solid;transition:all .2s}.cp-side-btn.ghost{color:var(--tx-dim);border-color:var(--line);background:#ffffff03}.cp-side-btn.ghost:hover{color:var(--tx-hi);border-color:var(--line-bright);transform:translateY(-2px)}.cp-side-btn.locked{color:var(--tx-faint);border-color:var(--line);cursor:default}.cp-side-block{margin-top:12px;padding-top:18px;border-top:1px solid var(--line)}.cp-credits{display:flex;flex-direction:column;gap:11px}.cp-credits a{display:flex;align-items:center;gap:9px;font-family:var(--font-mono);font-size:12.5px;color:var(--tx-dim);text-decoration:none;transition:color .2s}.cp-credits a:hover{color:var(--tx-hi)}.cp-side-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cp-side-stat{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 4px;background:var(--surface);border:1px solid var(--line)}.cp-side-stat .v{font-family:var(--font-display);font-weight:800;font-size:20px}.cp-side-stat .l{font-family:var(--font-mono);font-size:9px;color:var(--tx-faint);text-align:center;line-height:1.3}.cp-crumbs{display:flex;align-items:center;gap:10px;margin-bottom:30px;font-family:var(--font-mono);font-size:12px;color:var(--tx-faint)}.cp-crumbs a{color:var(--tx-dim);text-decoration:none}.cp-crumbs a:hover{color:var(--tx-hi)}.cp-crumbs .cur{color:var(--cyan)}.cp-prose h1{font-family:var(--font-display);font-weight:800;font-size:1.9rem;margin:0 0 22px;letter-spacing:.01em}.cp-prose h2{font-family:var(--font-wide);font-weight:700;font-size:1.2rem;color:var(--tx-mid);margin:34px 0 12px;letter-spacing:.02em;text-transform:uppercase}.cp-prose p{font-family:var(--font-mono);font-size:14px;line-height:1.8;color:var(--tx-dim);margin:0 0 16px}.cp-prose p.meta{font-size:12px;color:var(--tx-faint);letter-spacing:.04em}.cp-contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:560px;margin:0 auto}.cp-contact{position:relative;display:flex;align-items:center;gap:14px;padding:18px 20px;text-decoration:none;background:var(--surface);border:1px solid var(--line);transition:all .2s;overflow:hidden}.cp-contact:hover{transform:translateY(-3px);border-color:var(--neon);box-shadow:0 14px 32px -14px var(--neon)}.cp-contact .ic{width:42px;height:42px;display:grid;place-items:center;flex-shrink:0;border:1px solid;font-size:16px}.cp-contact .meta{min-width:0;display:flex;flex-direction:column;gap:3px}.cp-contact .lbl{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--tx-faint)}.cp-contact .val{font-family:var(--font-mono);font-size:13px;color:var(--tx-mid);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .2s}.cp-contact:hover .val{color:var(--tx-hi)}.cp-contact-foot{text-align:center;font-family:var(--font-mono);font-size:11px;color:var(--tx-faint);margin:44px 0 0;letter-spacing:.04em}@media (max-width: 920px){.cp-cards.grid4{grid-template-columns:1fr;max-width:460px;margin-left:auto;margin-right:auto}.cp-detail-grid{grid-template-columns:1fr;gap:32px}.cp-detail-side{position:static}.cp-contact-grid{grid-template-columns:1fr}}@media (max-width: 720px){.cp-page{padding:100px 0 80px}.cp-imgframe-body img,.cp-imgph{height:340px}}.cp-badge-role{position:absolute!important;top:12px!important;left:12px!important;z-index:10!important;display:inline-flex!important;align-items:center!important;gap:6px!important;padding:4px 9px!important;font-family:JetBrains Mono,monospace!important;font-size:10px!important;letter-spacing:.06em!important;color:#fffffff2!important;background:#06080ae0!important;border:1px solid rgba(255,255,255,.3)!important;-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important;white-space:nowrap!important}.cp-badge-wwdc{position:absolute!important;bottom:12px!important;left:12px!important;z-index:10!important;display:inline-flex!important;align-items:center!important;gap:5px!important;padding:4px 10px!important;font-family:JetBrains Mono,monospace!important;font-size:10px!important;letter-spacing:.08em!important;color:#cdd3d8!important;background:#06080ae0!important;border:1px solid rgba(205,211,216,.6)!important;white-space:nowrap!important;box-shadow:0 0 10px -2px #cdd3d859!important}.cp-card-hero-img{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;-o-object-fit:contain!important;object-fit:contain!important;padding:16px!important;z-index:2!important}