:root{--bg:#080a09;--bg-2:#0c0f0e;--surface:#111413;--surface-2:#161a18;--surface-3:#1c211e;--line:#e2ff2d14;--line-soft:#ffffff12;--ink:#f4f6f3;--ink-dim:#aeb4ac;--ink-faint:#8a9082;--acid:#e2ff2d;--acid-deep:#c5e600;--acid-glow:#e2ff2d80;--acid-haze:#e2ff2d1f;--cool:#5b8cff;--font-display:"Clash Display", "Bricolage Grotesque", system-ui, sans-serif;--font-body:"General Sans", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", monospace;--container:1200px;--radius:20px;--radius-lg:28px;--ease:cubic-bezier(.22, 1, .36, 1);--accent-ink:var(--acid);--acid-ink:#4f7a00;--glass:var(--glass);--glass-strong:#080a09f2;--panel:var(--panel);--overlay:#040605a8;--fill:var(--fill);--fill-faint:var(--fill-faint);--input-bg:var(--input-bg);--input-focus-bg:var(--input-focus-bg);--edge-accent:var(--edge-accent);--shadow-strong:#000000d9;--shadow-card:#0006}:root[data-theme=light]{--bg:#e8ece0;--bg-2:#dfe3d4;--surface:#fff;--surface-2:#f4f7ec;--surface-3:#e9ecdf;--line:#3a540033;--line-soft:#1a240a24;--ink:#11150b;--ink-dim:#444b3c;--ink-faint:#767d6c;--acid-glow:#96be0073;--acid-haze:#78a50029;--accent-ink:var(--acid-ink);--glass:#ffffffb8;--glass-strong:#fafbf5f2;--panel:#fffffffa;--overlay:#2832144d;--fill:#1e2d000d;--fill-faint:#1e2d0008;--input-bg:#1e2d000a;--input-focus-bg:#96be001a;--edge-accent:#5f820073;--shadow-strong:#28320f38;--shadow-card:#232d0f33}:root[data-theme=light] .service-card,:root[data-theme=light] .project-card,:root[data-theme=light] .exp-card,:root[data-theme=light] .xp-panel,:root[data-theme=light] .blog-card,:root[data-theme=light] .cricket-card,:root[data-theme=light] .contact-wrap,:root[data-theme=light] .project-preview{background:var(--surface)}:root[data-theme=light] .service-card,:root[data-theme=light] .project-card,:root[data-theme=light] .stat-card,:root[data-theme=light] .exp-card,:root[data-theme=light] .award-card,:root[data-theme=light] .blog-card,:root[data-theme=light] .footer-link-card,:root[data-theme=light] .post-more-card,:root[data-theme=light] .contact-wrap,:root[data-theme=light] .xp-panel{box-shadow:0 16px 34px -22px var(--shadow-card)}:root[data-theme=light] .blog-cover{background:linear-gradient(135deg, #f4f7ec, hsl(var(--hue,150) 52% 88%))}:root[data-theme=light] .post-cover{background:linear-gradient(135deg, #f4f7ec, hsl(var(--hue,150) 52% 86%))}:root[data-theme=light] .blog-cover:before,:root[data-theme=light] .post-cover:before{background:radial-gradient(120% 130% at 82% -20%,#78a50038,#0000 58%)}:root[data-theme=light] .blog-cover-icon,:root[data-theme=light] .post-cover-icon{color:#5f820038}:root[data-theme=light] ::-webkit-scrollbar-thumb{background:#28320f38}:root[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#28320f5c}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){z-index:9999}::view-transition-old(root){z-index:1}body{transition:background-color .5s var(--ease), color .5s var(--ease)}:root[data-theme=light] body:before{background:radial-gradient(60% 50% at 78% -5%,#96be0029,#0000 60%),radial-gradient(45% 40% at 8% 18%,#5b8cff14,#0000 60%),radial-gradient(55% 45% at 50% 110%,#96be001a,#0000 60%)}:root[data-theme=light] body:after{opacity:.05}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:17px;font-weight:400;line-height:1.6;overflow-x:hidden}body:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(60% 50% at 78% -5%,#e2ff2d1a,#0000 60%),radial-gradient(45% 40% at 8% 18%,#5b8cff12,#0000 60%),radial-gradient(55% 45% at 50% 110%,#e2ff2d0f,#0000 60%);position:fixed;inset:0}body:after{content:"";z-index:-1;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}::selection{background:var(--acid);color:#0a0a0a}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#2a302c}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;font-weight:600;line-height:1.02}.eyebrow{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--accent-ink);align-items:center;gap:.6em;font-size:.72rem;font-weight:500;display:inline-flex}.eyebrow:before{content:"";background:var(--acid);opacity:.7;width:26px;height:1px}.accent{color:var(--accent-ink)}.section-title{letter-spacing:-.03em;font-size:clamp(2.1rem,5.5vw,4rem)}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:28px}.section{padding-block:clamp(70px,11vw,140px);position:relative}.section-head{flex-direction:column;gap:18px;margin-bottom:56px;display:flex}.section-head .lead{max-width:620px;color:var(--ink-dim);font-size:1.05rem}.about{padding-block:clamp(56px,8vw,100px)}.about-grid{grid-template:"card copy""sign copy"".copy"1fr/.82fr 1.18fr;align-items:start;gap:30px clamp(36px,5vw,72px);display:grid}.about-card-wrap{grid-area:card}.about-copy{grid-area:copy;min-width:0}.about-card{will-change:transform}.about-card-inner{border-radius:var(--radius-lg);background:linear-gradient(165deg, var(--surface-2), var(--bg-2));border:1px solid var(--line-soft);box-shadow:0 40px 80px -42px var(--shadow-strong);padding:30px;position:relative;overflow:hidden}.about-card-inner:before{content:"";background-image:linear-gradient(var(--line-soft) 1px, transparent 1px), linear-gradient(90deg, var(--line-soft) 1px, transparent 1px);opacity:.6;pointer-events:none;background-size:30px 30px;position:absolute;inset:0;-webkit-mask:radial-gradient(120% 90% at 82% 0,#000,#0000 70%);mask:radial-gradient(120% 90% at 82% 0,#000,#0000 70%)}.about-card-glow{background:radial-gradient(260px 260px at var(--mx,50%) var(--my,30%), var(--acid-haze), transparent 70%);opacity:0;transition:opacity .4s var(--ease);pointer-events:none;position:absolute;inset:0}.about-card:hover .about-card-glow{opacity:1}.about-card-top{align-items:center;gap:14px;margin-bottom:24px;display:flex;position:relative}.about-emblem{background:var(--acid);color:#0a0d05;width:54px;height:54px;font-family:var(--font-display);letter-spacing:-.03em;box-shadow:0 14px 30px -12px var(--acid-glow);border-radius:15px;flex-shrink:0;place-items:center;font-size:1.3rem;font-weight:700;display:grid}.about-emblem-meta{flex-direction:column;gap:3px;min-width:0;display:flex}.about-card-name{font-family:var(--font-display);font-size:1.2rem;font-weight:600}.about-card-role{color:var(--ink-dim);font-size:.85rem}.about-status{border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);flex-direction:column;gap:14px;padding:22px 0;list-style:none;display:flex;position:relative}.about-status li{color:var(--ink-dim);align-items:center;gap:11px;font-size:.95rem;display:flex}.about-status .about-status-ic{text-align:center;flex-shrink:0;width:18px}.about-status .dot,.about-status .tick{border-radius:50%;flex-shrink:0;width:9px;height:9px;margin:0 5px}.about-status .dot{background:var(--acid);box-shadow:0 0 8px var(--acid-glow);animation:2.4s infinite pulse}.about-status .tick{background:var(--accent-ink)}.about-links{gap:12px;margin-top:22px;display:flex;position:relative}.about-links a{border:1px solid var(--line-soft);width:42px;height:42px;color:var(--ink-dim);transition:color .3s var(--ease), border-color .3s var(--ease), transform .3s var(--ease);border-radius:12px;place-items:center;font-size:1.1rem;display:grid}.about-links a:hover{color:var(--accent-ink);border-color:var(--accent-ink);transform:translateY(-3px)}:root[data-theme=light] .about-card-inner{background:var(--surface);box-shadow:0 16px 34px -22px var(--shadow-card)}.about-head{margin-bottom:22px;font-size:clamp(1.9rem,4vw,2.9rem)}.about-reveal-wrap{align-items:stretch;gap:22px;display:flex}.about-rail{background:var(--line-soft);border-radius:2px;flex-shrink:0;width:2px;position:relative}.about-rail-fill{background:linear-gradient(var(--acid), var(--acid-deep));box-shadow:0 0 12px var(--acid-glow);transform-origin:top;will-change:transform;border-radius:2px;position:absolute;inset:0}.about-reveal{min-width:0;font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);flex:1;margin-bottom:0;font-size:clamp(1.15rem,1.9vw,1.6rem);font-weight:500;line-height:1.4}.aw{display:inline}.aw-accent{color:var(--accent-ink);text-shadow:0 0 22px var(--acid-glow)}.about-card-aura{background:radial-gradient(circle, var(--acid-haze), transparent 70%);filter:blur(6px);pointer-events:none;border-radius:50%;width:240px;height:240px;animation:6.5s ease-in-out infinite aboutPulse;position:absolute;top:-70px;right:-50px}@keyframes aboutPulse{0%,to{opacity:.45;transform:scale(1)}50%{opacity:.85;transform:scale(1.12)}}.about-sign-wrap{flex-direction:column;grid-area:sign;align-self:start;align-items:flex-start;gap:9px;padding-top:4px;display:flex}.about-sign-stage{aspect-ratio:581/286;width:clamp(168px,15vw,205px);position:relative}.about-sign{background:var(--accent-ink);clip-path:inset(0 100% 0 0);transition:clip-path 1.8s var(--ease);position:absolute;inset:0;-webkit-mask:url(/signature.png) 50%/contain no-repeat;mask:url(/signature.png) 50%/contain no-repeat}.about-sign.drawn{clip-path:inset(0)}.about-sign-pen{background:linear-gradient(90deg, transparent, var(--acid-glow), transparent);filter:blur(2px);opacity:0;pointer-events:none;width:22px;position:absolute;top:-10%;bottom:-10%;left:0;transform:translate(-50%)}.about-sign-pen.drawn{animation:signInk 1.8s var(--ease) forwards}@keyframes signInk{0%{opacity:0;left:0%}12%{opacity:.95}86%{opacity:.95}to{opacity:0;left:100%}}.about-sign-cap{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);font-size:.62rem}@media (prefers-reduced-motion:reduce){.about-sign{clip-path:none;transition:none}.about-sign-pen{display:none}}.about-stats{border-top:1px solid var(--line-soft);grid-template-columns:repeat(4,1fr);gap:18px;margin-top:30px;padding-top:26px;display:grid}.about-stat{flex-direction:column;gap:6px;display:flex}.about-stat-num{font-family:var(--font-display);letter-spacing:-.03em;color:var(--accent-ink);font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:600;line-height:1}.about-stat-label{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);font-size:.68rem}@media (width<=860px){.about-grid{grid-template:"card""copy""sign"/1fr;gap:30px}.about-card-wrap{width:100%;max-width:380px}.about-sign-wrap{align-self:start}.about-stats{grid-template-columns:repeat(2,1fr);gap:22px}}.btn{--pad-y:14px;--pad-x:26px;padding:var(--pad-y) var(--pad-x);font-family:var(--font-body);cursor:pointer;transition:transform .35s var(--ease), background .3s var(--ease), color .3s var(--ease), box-shadow .3s var(--ease);will-change:transform;border:1px solid #0000;border-radius:100px;align-items:center;gap:10px;font-size:.98rem;font-weight:600;display:inline-flex}.btn svg{transition:transform .35s var(--ease)}.btn-primary{background:var(--acid);color:#0a0d05;box-shadow:0 0 #e2ff2d00}.btn-primary:hover{box-shadow:0 14px 40px -10px var(--acid-glow);transform:translateY(-3px)}.btn-primary:hover svg{transform:translate(3px,-3px)}.btn-ghost{color:var(--ink);border-color:var(--line-soft);background:0 0}.btn-ghost:hover{border-color:var(--accent-ink);color:var(--accent-ink);transform:translateY(-3px)}.nav{z-index:100;transition:background .4s var(--ease), border-color .4s var(--ease), backdrop-filter .4s var(--ease);border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}.nav.scrolled{background:var(--glass);-webkit-backdrop-filter:blur(16px)saturate(160%);backdrop-filter:blur(16px)saturate(160%);border-bottom-color:var(--line-soft)}.nav-inner{justify-content:space-between;align-items:center;height:76px;display:flex}.brand{font-family:var(--font-display);letter-spacing:-.01em;white-space:nowrap;flex-shrink:0;align-items:center;gap:11px;font-size:1.05rem;font-weight:600;display:inline-flex}.brand-mark{background:var(--acid);color:#0a0d05;width:38px;height:38px;font-family:var(--font-display);letter-spacing:-.03em;border-radius:11px;place-items:center;font-size:1rem;font-weight:700;display:grid}.nav-links{align-items:center;gap:6px;display:flex}.nav-links a{color:var(--ink-dim);white-space:nowrap;transition:color .25s var(--ease);border-radius:100px;padding:9px 14px;font-size:.95rem;position:relative}.nav-links a:after{content:"";background:var(--acid);transform-origin:0;height:1px;transition:transform .3s var(--ease);position:absolute;bottom:4px;left:14px;right:14px;transform:scaleX(0)}.nav-links a:hover{color:var(--ink)}.nav-links a:hover:after{transform:scaleX(1)}.nav-cta{align-items:center;gap:14px;display:flex}.theme-toggle{cursor:pointer;background:0 0;border:0;border-radius:100px;justify-content:center;align-items:center;padding:4px;display:inline-flex}.tt-track{border:1px solid var(--line-soft);background:var(--fill);width:60px;height:30px;transition:border-color .3s var(--ease), background .3s var(--ease);border-radius:100px;align-items:center;display:inline-flex;position:relative}.theme-toggle:hover .tt-track{border-color:var(--accent-ink)}.tt-bg-ic{color:var(--ink-faint);opacity:.55;pointer-events:none;font-size:.78rem;position:absolute}.tt-bg-ic.sun{left:9px}.tt-bg-ic.moon{right:9px}.tt-knob{background:var(--acid);color:#0a0d05;width:24px;height:24px;box-shadow:0 0 14px var(--acid-glow);transition:transform .42s var(--ease), background .3s var(--ease);border-radius:50%;place-items:center;font-size:.78rem;display:grid;position:absolute;top:50%;left:3px;transform:translateY(-50%)}:root[data-theme=light] .tt-knob{transform:translate(30px,-50%)}.accent{align-items:center;display:inline-flex;position:relative}.accent-trigger{border:1px solid var(--line-soft);background:var(--fill);width:34px;height:30px;color:var(--accent-ink);cursor:pointer;transition:border-color .3s var(--ease), background .3s var(--ease), transform .3s var(--ease);border-radius:100px;place-items:center;padding:0;font-size:.9rem;display:grid}.accent-trigger:hover,.accent-trigger.open{border-color:var(--accent-ink)}.accent-trigger:hover{transform:translateY(-1px)}.accent-pop{background:var(--panel);border:1px solid var(--line-soft);box-shadow:0 20px 44px -18px var(--shadow-strong);z-index:120;transform-origin:100% 0;animation:accentPop .18s var(--ease);border-radius:14px;align-items:center;gap:10px;padding:11px 13px;display:flex;position:absolute;top:calc(100% + 12px);right:0}@keyframes accentPop{0%{opacity:0;transform:translateY(-6px)scale(.96)}to{opacity:1;transform:none}}.accent-dot{background:var(--swatch);cursor:pointer;width:18px;height:18px;transition:transform .25s var(--ease), box-shadow .25s var(--ease);border:0;border-radius:50%;padding:0;position:relative}.accent-dot:hover{transform:scale(1.18)}.accent-dot.active{box-shadow:0 0 0 2px var(--panel), 0 0 0 4px var(--swatch)}@media (width<=560px){.accent{display:none}}.nav-toggle{cursor:pointer;background:0 0;border:0;flex-direction:column;gap:5px;padding:8px;display:none}.nav-toggle span{background:var(--ink);width:24px;height:2px;transition:transform .3s var(--ease), opacity .3s var(--ease);border-radius:2px}.nav-toggle.open span:first-child{transform:translateY(7px)rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu{background:var(--glass-strong);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--line-soft);z-index:99;flex-direction:column;gap:4px;padding:22px 28px 30px;display:flex;position:fixed;inset:76px 0 auto}.mobile-menu a{font-family:var(--font-display);border-bottom:1px solid var(--line-soft);color:var(--ink);padding:14px 4px;font-size:1.5rem}.mobile-menu a:last-of-type{border-bottom:0}.hero{align-items:center;min-height:100svh;padding-top:90px;display:flex;position:relative;overflow:hidden}.hero-grid{grid-template-columns:1.35fr .9fr;align-items:center;gap:48px;width:100%;display:grid}.hero-status{border:1px solid var(--line-soft);font-family:var(--font-mono);letter-spacing:.05em;color:var(--ink-dim);background:var(--fill-faint);border-radius:100px;align-items:center;gap:9px;margin-bottom:30px;padding:8px 16px;font-size:.74rem;display:inline-flex}.hero-status .dot{background:var(--acid);width:8px;height:8px;box-shadow:0 0 0 0 var(--acid-glow);border-radius:50%;animation:2.4s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--acid-glow)}70%{box-shadow:0 0 0 9px #e2ff2d00}to{box-shadow:0 0 #e2ff2d00}}.hero h1{letter-spacing:-.035em;font-size:clamp(2.9rem,8vw,6.4rem);font-weight:600;line-height:.96}.hero h1 .line{display:block;overflow:hidden}.hero h1 em{color:var(--accent-ink);font-style:normal;position:relative}.hero h1 .line.hero-role{letter-spacing:-.02em;margin-top:16px;font-size:clamp(1.35rem,3.4vw,2.5rem);font-weight:600;line-height:1.1;overflow:visible}.hero-sub{max-width:540px;color:var(--ink-dim);margin-top:28px;font-size:1.12rem;line-height:1.65}.hero-tags{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.hero-tag{font-family:var(--font-mono);letter-spacing:.04em;border:1px solid var(--line-soft);color:var(--ink-dim);border-radius:100px;padding:7px 13px;font-size:.74rem}.hero-tag .accent{color:var(--accent-ink)}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:38px;display:flex}.hero-socials{gap:12px;margin-left:6px;display:flex}.icon-btn{border:1px solid var(--line-soft);width:46px;height:46px;color:var(--ink-dim);transition:all .3s var(--ease);border-radius:50%;place-items:center;font-size:1.15rem;display:grid}.icon-btn:hover{color:var(--accent-ink);border-color:var(--accent-ink);transform:translateY(-3px)}.hero-portrait{aspect-ratio:1;justify-self:center;width:min(380px,80vw);position:relative}.portrait-ring{border:1px dashed #e2ff2d59;border-radius:50%;animation:26s linear infinite spin;position:absolute;inset:0}.portrait-ring.inner{border-style:solid;border-color:var(--line-soft);animation-duration:36s;animation-direction:reverse;inset:26px}@keyframes spin{to{transform:rotate(360deg)}}.portrait-core{background:radial-gradient(120% 120% at 30% 20%, var(--surface-2), var(--bg-2));border:1px solid var(--line-soft);border-radius:50%;place-items:center;display:grid;position:absolute;inset:44px;overflow:hidden;box-shadow:inset 0 0 60px #0009,0 30px 80px -30px #e2ff2d40}.portrait-core .mono{font-family:var(--font-display);letter-spacing:-.04em;background:linear-gradient(160deg, var(--ink), var(--ink-faint));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(4rem,12vw,7rem);font-weight:700}.portrait-photo-wrap{border-radius:50%;position:absolute;inset:0;overflow:hidden}.portrait-photo{object-fit:cover;object-position:center 28%;filter:grayscale(.32)contrast(1.1)brightness(1.04)saturate(1.06);width:100%;height:100%}.portrait-tint{mix-blend-mode:overlay;pointer-events:none;background:linear-gradient(155deg,#e2ff2d8c,#e2ff2d00 44%,#031c08d9);position:absolute;inset:0}.portrait-rim{pointer-events:none;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 -46px 60px -24px #000000d9,inset 0 0 0 1px #e2ff2d2e,inset 0 30px 50px -30px #e2ff2d59}.portrait-badge{background:var(--acid);color:#0a0d05;font-family:var(--font-display);text-align:center;box-shadow:0 18px 40px -12px var(--acid-glow);border-radius:16px;place-items:center;padding:12px 16px;font-weight:600;line-height:1;display:grid;position:absolute}.portrait-badge .num{font-size:1.5rem}.portrait-badge .cap{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;opacity:.8;margin-top:3px;font-size:.58rem}.portrait-badge.tl{animation:5s ease-in-out infinite float;top:4%;left:-6%}.portrait-badge.br{background:var(--surface-2);color:var(--ink);border:1px solid var(--line-soft);animation:6s ease-in-out infinite reverse float;bottom:6%;right:-8%;box-shadow:0 18px 40px -12px #000000b3}.portrait-badge.br .accent{color:var(--accent-ink)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.scroll-cue{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint);flex-direction:column;align-items:center;gap:8px;font-size:.62rem;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.scroll-cue .bar{background:linear-gradient(var(--acid), transparent);width:1px;height:42px;animation:cue 2s var(--ease) infinite;transform-origin:top}@keyframes cue{0%{opacity:0;transform:scaleY(0)}50%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(0)translateY(42px)}}.services-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.service-card{border-radius:var(--radius-lg);background:linear-gradient(180deg, var(--surface), var(--bg-2));border:1px solid var(--line-soft);transition:transform .45s var(--ease), border-color .45s var(--ease);padding:34px 30px 30px;position:relative;overflow:hidden}.service-card:before{content:"";background:radial-gradient(240px 240px at var(--mx,50%) var(--my,0%), var(--acid-haze), transparent 70%);opacity:0;transition:opacity .45s var(--ease);pointer-events:none;position:absolute;inset:0}.service-card:hover{border-color:var(--edge-accent);transform:translateY(-6px)}.service-card:hover:before{opacity:1}.service-num{font-family:var(--font-mono);color:var(--ink-faint);font-size:.78rem}.service-icon{width:58px;height:58px;color:var(--accent-ink);background:var(--acid-haze);border:1px solid #e2ff2d2e;border-radius:16px;place-items:center;margin:20px 0 24px;font-size:1.5rem;display:grid;position:relative}.service-card h3{margin-bottom:12px;font-size:1.5rem;position:relative}.service-card p{color:var(--ink-dim);font-size:.98rem;position:relative}.service-tags{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex;position:relative}.service-tags span{font-family:var(--font-mono);background:var(--fill);color:var(--ink-dim);border-radius:100px;padding:5px 11px;font-size:.68rem}.marquee{padding-block:8px;display:flex;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000);mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000)}.marquee-track{flex-shrink:0;gap:16px;padding-right:16px;animation:40s linear infinite marquee;display:flex}.marquee.reverse .marquee-track{animation-direction:reverse}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes marquee{to{transform:translate(-50%)}}.tech-chip{border:1px solid var(--line-soft);background:var(--surface);font-family:var(--font-mono);white-space:nowrap;color:var(--ink-dim);transition:color .3s var(--ease), border-color .3s var(--ease);border-radius:100px;align-items:center;gap:11px;padding:14px 22px;font-size:.9rem;display:inline-flex}.tech-chip svg{transition:transform .3s var(--ease);font-size:1.3rem}.tech-chip:hover{color:var(--ink);border-color:var(--edge-accent)}.tech-chip:hover svg{transform:scale(1.15)}.timeline{flex-direction:column;gap:10px;display:flex;position:relative}.timeline-spine{background:var(--line-soft);border-radius:2px;width:2px;position:absolute;top:24px;bottom:24px;left:11px;overflow:hidden}.timeline-progress{background:linear-gradient(var(--acid), var(--acid-deep));transform-origin:top;box-shadow:0 0 14px var(--acid-glow);position:absolute;inset:0}.exp-row{padding-left:52px;position:relative}.exp-node{background:var(--bg-2);border:2px solid var(--ink-faint);z-index:1;width:18px;height:18px;transition:border-color .3s var(--ease);border-radius:50%;position:absolute;top:40px;left:3px}.exp-row:hover .exp-node{border-color:var(--accent-ink)}.exp-node.current{border-color:var(--accent-ink);background:var(--acid);animation:2.4s infinite pulse}.exp-card{border-radius:var(--radius-lg);background:linear-gradient(165deg, var(--surface), var(--bg-2));border:1px solid var(--line-soft);transition:border-color .4s var(--ease), box-shadow .4s var(--ease);position:relative;overflow:hidden}.exp-card:hover{border-color:var(--edge-accent)}.exp-card.open{border-color:var(--edge-accent);box-shadow:0 24px 60px -34px #e2ff2d66}.exp-card-head{cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;background:0 0;border:0;align-items:center;gap:16px;padding:22px 26px;display:flex}.exp-toggle{border:1px solid var(--line-soft);width:34px;height:34px;color:var(--ink-dim);transition:transform .4s var(--ease), background .3s var(--ease), color .3s var(--ease), border-color .3s var(--ease);border-radius:50%;flex-shrink:0;place-items:center;font-size:1rem;display:grid}.exp-card.open .exp-toggle{background:var(--acid);color:#0a0d05;border-color:var(--accent-ink);transform:rotate(135deg)}.exp-card-head:hover .exp-toggle{border-color:var(--accent-ink);color:var(--accent-ink)}.exp-body{overflow:hidden}.exp-body-inner{padding:0 26px 26px}.exp-node.active{border-color:var(--accent-ink);box-shadow:0 0 0 4px var(--acid-haze)}.exp-logo{background:var(--acid-haze);width:52px;height:52px;color:var(--accent-ink);font-family:var(--font-display);letter-spacing:-.02em;border:1px solid #e2ff2d33;border-radius:14px;flex-shrink:0;place-items:center;font-size:1.15rem;font-weight:600;display:grid}.exp-headline{flex-direction:column;gap:3px;margin-right:auto;display:flex}.exp-company{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.4rem;font-weight:600}.exp-role{color:var(--ink-dim);font-size:.9rem}.exp-when{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:8px;display:flex}.exp-date{font-family:var(--font-mono);letter-spacing:.03em;color:var(--accent-ink);white-space:nowrap;font-size:.76rem}.exp-badge{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;background:var(--acid);color:#0a0d05;border-radius:100px;padding:4px 10px;font-size:.6rem;font-weight:600}.exp-points{flex-direction:column;gap:11px;list-style:none;display:flex}.exp-points li{color:var(--ink-dim);padding-left:24px;font-size:.97rem;line-height:1.55;position:relative}.exp-points li:before{content:"";background:var(--acid);opacity:.85;border-radius:2px;width:7px;height:7px;position:absolute;top:9px;left:0}.exp-stack{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.exp-stack span{font-family:var(--font-mono);border:1px solid var(--line-soft);color:var(--ink-faint);border-radius:100px;padding:4px 10px;font-size:.66rem}.xp{grid-template-columns:300px 1fr;align-items:start;gap:28px;display:grid}.xp-tabs{flex-direction:column;gap:6px;display:flex}.xp-tab{cursor:pointer;text-align:left;font:inherit;color:inherit;transition:background .3s var(--ease), border-color .3s var(--ease);background:0 0;border:1px solid #0000;border-radius:16px;align-items:center;gap:13px;padding:15px 18px;display:flex;position:relative}.xp-tab:hover{background:var(--surface)}.xp-tab.active{background:var(--surface-2);border-color:var(--line-soft)}.xp-tab-ind{background:var(--acid);width:3px;box-shadow:0 0 12px var(--acid-glow);border-radius:0 3px 3px 0;position:absolute;top:14px;bottom:14px;left:0}.xp-tab-logo{background:var(--acid-haze);width:42px;height:42px;color:var(--accent-ink);font-family:var(--font-display);border:1px solid #e2ff2d2e;border-radius:12px;flex-shrink:0;place-items:center;font-size:.95rem;font-weight:600;display:grid}.xp-tab-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.xp-tab-co{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.02rem;font-weight:600}.xp-tab-period{font-family:var(--font-mono);color:var(--ink-faint);white-space:nowrap;font-size:.66rem}.xp-tab-dot{background:var(--acid);width:8px;height:8px;box-shadow:0 0 8px var(--acid-glow);border-radius:50%;flex-shrink:0;margin-left:auto}.xp-panel{border-radius:var(--radius-lg);background:linear-gradient(165deg, var(--surface), var(--bg-2));border:1px solid var(--line-soft);min-height:340px;padding:32px;position:relative;overflow:hidden}.xp-panel:before{content:"";background:radial-gradient(circle, var(--acid-haze), transparent 70%);pointer-events:none;width:320px;height:320px;position:absolute;top:-130px;right:-130px}.xp-panel-head{margin-bottom:24px;position:relative}.xp-panel-head h3{font-family:var(--font-display);align-items:center;gap:12px;font-size:1.7rem;display:inline-flex}.xp-panel-role{color:var(--ink-dim);margin-top:6px;font-size:.98rem;display:block}.xp-panel-period{font-family:var(--font-mono);letter-spacing:.03em;color:var(--accent-ink);margin-top:12px;font-size:.74rem;display:inline-block}.xp-panel .exp-points,.xp-panel .exp-stack{position:relative}@media (width<=800px){.xp{grid-template-columns:1fr;gap:18px}.xp-tabs{scrollbar-width:none;flex-direction:row;padding-bottom:6px;overflow-x:auto}.xp-tabs::-webkit-scrollbar{display:none}.xp-tab{flex-shrink:0}.xp-tab-ind{border-radius:3px 3px 0 0;width:auto;height:3px;inset:auto 14px 0}.xp-tab-period{display:none}.xp-panel{min-height:0}}.projects-grid{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}.project-card{border-radius:var(--radius-lg);background:linear-gradient(165deg, var(--surface), var(--bg-2));border:1px solid var(--line-soft);min-height:280px;transition:transform .45s var(--ease), border-color .45s var(--ease);flex-direction:column;padding:32px;display:flex;position:relative;overflow:hidden}.project-card:after{content:"";background:radial-gradient(300px 300px at var(--mx,80%) var(--my,8%), var(--acid-haze), transparent 70%);opacity:0;transition:opacity .5s var(--ease);pointer-events:none;position:absolute;inset:0}.project-card:hover{border-color:var(--edge-accent);transform:translateY(-6px)}.project-card:hover:after{opacity:1}.project-top{justify-content:space-between;align-items:flex-start;margin-bottom:auto;display:flex}.project-index{font-family:var(--font-mono);color:var(--ink-faint);font-size:.78rem}.project-flag{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;background:var(--acid-haze);color:var(--accent-ink);border-radius:100px;margin-left:10px;padding:5px 11px;font-size:.62rem}.project-arrow{border:1px solid var(--line-soft);width:44px;height:44px;color:var(--ink-dim);transition:all .35s var(--ease);border-radius:50%;flex-shrink:0;place-items:center;font-size:1.1rem;display:grid}.project-card:hover .project-arrow{background:var(--acid);color:#0a0d05;border-color:var(--accent-ink);transform:rotate(45deg)}.project-card h3{margin:36px 0 12px;font-size:1.7rem;position:relative}.project-card p{color:var(--ink-dim);font-size:.98rem;line-height:1.55;position:relative}.project-tags{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex;position:relative}.project-tags span{font-family:var(--font-mono);letter-spacing:.03em;border:1px solid var(--line-soft);color:var(--ink-dim);border-radius:100px;padding:5px 11px;font-size:.66rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:22px;display:grid}.stat-card{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line-soft);transition:transform .4s var(--ease), border-color .4s var(--ease);padding:34px 28px;position:relative;overflow:hidden}.stat-card:hover{border-color:var(--edge-accent);transform:translateY(-5px)}.stat-card.feature{background:var(--acid);color:#0a0d05;border-color:var(--accent-ink)}.stat-num{font-family:var(--font-display);letter-spacing:-.04em;font-size:clamp(2.6rem,5vw,3.6rem);font-weight:600;line-height:1}.stat-card:not(.feature) .stat-num{color:var(--accent-ink)}.stat-label{margin-top:12px;font-size:.98rem;font-weight:500}.stat-card:not(.feature) .stat-label{color:var(--ink-dim)}.stat-sub{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;opacity:.7;margin-top:6px;font-size:.66rem}.awards-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin:64px 0 18px;font-size:.72rem;display:block}.awards-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.award-card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line-soft);height:100%;transition:transform .35s var(--ease), border-color .35s var(--ease);gap:15px;padding:20px;display:flex}.award-card:hover{border-color:var(--edge-accent);transform:translateY(-4px)}.award-emoji{background:var(--surface-2);border:1px solid var(--line-soft);border-radius:13px;flex-shrink:0;place-items:center;width:46px;height:46px;font-size:1.35rem;display:grid}.award-card-body{flex-direction:column;gap:5px;min-width:0;display:flex}.award-title{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.1rem;font-weight:600}.award-result{font-family:var(--font-mono);color:var(--accent-ink);font-size:.72rem}.award-year{color:var(--ink-faint)}.award-detail{color:var(--ink-dim);margin-top:2px;font-size:.88rem;line-height:1.5}@media (width<=680px){.awards-grid{grid-template-columns:1fr}}.cricket{padding-block:clamp(30px,5vw,56px)}.cricket-card{border-radius:var(--radius-lg);background:linear-gradient(120deg, var(--surface), var(--bg-2));border:1px solid var(--line-soft);align-items:center;gap:clamp(24px,4vw,48px);padding:clamp(28px,4vw,46px);display:flex;position:relative;overflow:hidden}.cricket-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#d6483b33,#0000 70%);width:320px;height:320px;position:absolute;top:50%;left:-70px;transform:translateY(-50%)}.cricket-ball{filter:drop-shadow(0 16px 32px #d6483b73);flex-shrink:0;width:clamp(92px,12vw,132px);height:clamp(92px,12vw,132px);animation:9s linear infinite spin;position:relative}.cricket-copy{position:relative}.cricket-copy h3{letter-spacing:-.02em;margin:14px 0 12px;font-size:clamp(1.4rem,3vw,2.1rem)}.cricket-copy p{color:var(--ink-dim);max-width:560px;line-height:1.6}@media (width<=620px){.cricket-card{text-align:center;flex-direction:column;align-items:center}.cricket-copy .eyebrow{justify-content:center}}.contact{position:relative}.contact-wrap{border-radius:var(--radius-lg);background:linear-gradient(160deg, var(--surface), var(--bg-2));border:1px solid var(--line-soft);grid-template-columns:1fr 1fr;gap:56px;padding:clamp(36px,5vw,64px);display:grid;position:relative;overflow:hidden}.contact-wrap:before{content:"";background:radial-gradient(circle, var(--acid-haze), transparent 70%);pointer-events:none;width:460px;height:460px;position:absolute;bottom:-260px;left:-160px}.contact-lead h2{font-size:clamp(2rem,4.4vw,3.4rem)}.contact-lead p{color:var(--ink-dim);max-width:380px;margin-top:20px}.contact-direct{flex-direction:column;gap:16px;margin-top:34px;display:flex}.contact-link{color:var(--ink-dim);width:fit-content;transition:color .3s var(--ease);align-items:center;gap:13px;font-size:1rem;display:inline-flex}.contact-link svg{color:var(--accent-ink);font-size:1.2rem}.contact-link:hover{color:var(--ink)}.form{flex-direction:column;gap:18px;display:flex}.field{flex-direction:column;gap:8px;display:flex}.field label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);font-size:.7rem}.field input,.field textarea{background:var(--input-bg);border:1px solid var(--line-soft);width:100%;color:var(--ink);font-family:var(--font-body);transition:border-color .3s var(--ease), background .3s var(--ease);border-radius:14px;padding:15px 18px;font-size:1rem}.field textarea{resize:vertical;min-height:120px}.field input::placeholder,.field textarea::placeholder{color:var(--ink-faint)}.field input:focus,.field textarea:focus{border-color:var(--accent-ink);background:var(--input-focus-bg);outline:none}.form .btn-primary{justify-content:center;margin-top:6px}.form-note{color:var(--ink-faint);text-align:center;font-size:.82rem}.footer{padding-top:100px;padding-bottom:40px;position:relative;overflow:hidden}.footer-arc{pointer-events:none;background:radial-gradient(circle,#e2ff2d29,#e2ff2d0d 42%,#0000 66%);border-radius:50%;width:min(820px,120vw);height:820px;position:absolute;bottom:-360px;left:50%;transform:translate(-50%)}.footer-arc:after{content:"";border:1.5px solid var(--edge-accent);border-radius:50%;position:absolute;inset:0;box-shadow:0 0 60px #e2ff2d2e;-webkit-mask:linear-gradient(#000,#000 38%,#0000 58%);mask:linear-gradient(#000,#000 38%,#0000 58%)}.footer:before{content:"";background-image:linear-gradient(var(--input-focus-bg) 1px, transparent 1px), linear-gradient(90deg, var(--input-focus-bg) 1px, transparent 1px);pointer-events:none;background-size:48px 48px;position:absolute;inset:0;-webkit-mask:radial-gradient(70% 70% at 50% 100%,#000,#0000 72%);mask:radial-gradient(70% 70% at 50% 100%,#000,#0000 72%)}.footer-inner{z-index:1;position:relative}.footer-cta{text-align:center;flex-direction:column;align-items:center;display:flex}.footer-cta .eyebrow{justify-content:center;margin-top:18px}.footer-status{font-family:var(--font-mono);letter-spacing:.04em;color:var(--ink-dim);background:#e2ff2d0d;border:1px solid #e2ff2d40;border-radius:100px;align-items:center;gap:9px;padding:8px 16px;font-size:.72rem;display:inline-flex}.footer-status i{background:var(--acid);width:8px;height:8px;box-shadow:0 0 0 0 var(--acid-glow);border-radius:50%;animation:2.4s infinite pulse}.footer-cta h2{letter-spacing:-.04em;margin:22px 0 36px;font-size:clamp(2.6rem,8vw,6rem);line-height:.98}.footer-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.copy-btn{font-family:var(--font-mono);font-size:.86rem}.copy-btn svg{font-size:1rem}.footer-lead{max-width:460px;color:var(--ink-dim);margin:0 auto;font-size:1.02rem}.footer-form-wrap{text-align:left;width:100%;max-width:600px;margin:44px auto 0}.footer-form-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}@media (width<=560px){.footer-form-row{grid-template-columns:1fr}}.footer-links{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:56px;display:grid}.footer-link-card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line-soft);min-width:0;transition:transform .35s var(--ease), border-color .35s var(--ease), background .35s var(--ease);align-items:center;gap:14px;padding:20px;display:flex}.footer-link-card:hover{border-color:var(--edge-accent);background:var(--surface-2);transform:translateY(-4px)}.flc-icon{background:var(--acid-haze);width:44px;height:44px;color:var(--accent-ink);border-radius:12px;flex-shrink:0;place-items:center;font-size:1.2rem;display:grid}.flc-meta{flex-direction:column;min-width:0;display:flex}.flc-label{color:var(--ink-faint);font-size:.74rem;font-family:var(--font-mono);letter-spacing:.04em}.flc-handle{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:500;overflow:hidden}.flc-arrow{color:var(--ink-faint);transition:color .3s var(--ease), transform .3s var(--ease);flex-shrink:0;margin-left:auto}.footer-link-card:hover .flc-arrow{color:var(--accent-ink);transform:translate(3px,-3px)}.footer-bottom{border-top:1px solid var(--line-soft);color:var(--ink-faint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:64px;padding-top:28px;font-size:.84rem;display:flex}.footer-clock{font-family:var(--font-mono);align-items:center;gap:8px;display:inline-flex}.footer-clock i{background:var(--acid);border-radius:50%;width:6px;height:6px}.footer-top{transition:color .3s var(--ease);align-items:center;gap:8px;display:inline-flex}.footer-top:hover{color:var(--accent-ink)}.footer-socials{gap:12px;display:flex}.globe{z-index:0;place-items:center;width:min(720px,112vw);height:min(720px,112vw);display:grid;position:absolute;bottom:-14%;left:50%;transform:translate(-50%)}.globe canvas{cursor:grab;display:block}.globe canvas:active{cursor:grabbing}.globe:before{content:"";filter:blur(12px);pointer-events:none;background:radial-gradient(circle,#0000 52%,#78b4ff4d 60%,#e2ff2d1f 66%,#0000 80%);border-radius:50%;position:absolute;inset:-10%}.globe-ring{border:1px dashed var(--edge-accent);border-radius:50%;animation:26s linear infinite spin;position:absolute;inset:-7%}.globe-sphere{background-image:url(/earth-night.jpg);background-position:50%;background-repeat:repeat;background-size:200% 100%;border-radius:50%;position:absolute;inset:0;overflow:hidden;box-shadow:0 30px 90px -20px #3c78c84d}.globe-sphere:after{content:"";background:radial-gradient(circle,#0000 54%,#0408108c 86%,#040810d9 100%);border-radius:50%;position:absolute;inset:0}.globe-marker{z-index:3;opacity:0;transition:opacity .7s var(--ease);pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.globe-marker.show{opacity:1}.globe-dot{background:var(--acid);width:12px;height:12px;box-shadow:0 0 14px var(--acid), 0 0 4px #fff;z-index:1;border-radius:50%;display:block;position:relative}.globe-ping{border:2px solid var(--acid);border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;animation:2.2s ease-out infinite globe-ping;position:absolute;top:50%;left:50%}@keyframes globe-ping{0%{opacity:.9;transform:scale(.7)}to{opacity:0;transform:scale(3.6)}}.globe-loc-label{white-space:nowrap;font-family:var(--font-mono);background:var(--glass-strong);border:1px solid var(--line-soft);color:var(--ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:100px;align-items:center;gap:8px;padding:7px 13px;font-size:.72rem;display:inline-flex;position:absolute;top:-12px;left:20px;box-shadow:0 10px 30px -10px #000000b3}.globe-loc-ping{background:var(--acid);width:7px;height:7px;box-shadow:0 0 8px var(--acid);border-radius:50%;flex-shrink:0}@media (width<=760px){.footer-links{grid-template-columns:1fr 1fr}.footer-bottom{text-align:left;flex-direction:column;align-items:flex-start}}@media (width<=440px){.footer-links{grid-template-columns:1fr}}@media (width<=980px){.hero-grid{text-align:left;grid-template-columns:1fr;gap:56px}.hero-portrait{order:-1;width:min(300px,70vw)}.services-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.contact-wrap{grid-template-columns:1fr;gap:40px}}@media (width<=1024px){.nav-links,.nav-cta .btn{display:none}.nav-toggle{display:flex}}@media (width<=760px){.projects-grid{grid-template-columns:1fr}.exp-item{grid-template-columns:1fr;gap:18px}.hero h1{font-size:clamp(2.6rem,13vw,4rem)}}@media (width<=480px){.container{padding-inline:20px}.stats-grid{grid-template-columns:1fr}}.cmdk-launcher{z-index:390;border:1px solid var(--line-soft);background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:42px;color:var(--ink-dim);font-family:var(--font-mono);cursor:pointer;transition:color .25s var(--ease), border-color .25s var(--ease), transform .25s var(--ease);border-radius:100px;align-items:center;gap:6px;padding:0 15px;font-size:.78rem;display:inline-flex;position:fixed;bottom:26px;left:24px}.cmdk-launcher:hover{color:var(--accent-ink);border-color:var(--accent-ink);transform:translateY(-2px)}.cmdk-launcher svg{font-size:.95rem}.cmdk-overlay{z-index:700;background:var(--overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);justify-content:center;align-items:flex-start;padding:14vh 20px 20px;display:flex;position:fixed;inset:0}.cmdk{background:var(--panel);border:1px solid var(--line-soft);width:100%;max-width:560px;box-shadow:0 40px 100px -24px var(--shadow-strong);border-radius:18px;overflow:hidden}.cmdk-input{border-bottom:1px solid var(--line-soft);color:var(--ink-faint);align-items:center;gap:12px;padding:16px 18px;display:flex}.cmdk-input svg{font-size:1.1rem}.cmdk-input input{color:var(--ink);font-family:var(--font-body);background:0 0;border:0;outline:none;flex:1;font-size:1.02rem}.cmdk-input kbd{font-family:var(--font-mono);color:var(--ink-faint);border:1px solid var(--line-soft);border-radius:6px;padding:3px 6px;font-size:.62rem}.cmdk-list{max-height:52vh;padding:8px;overflow-y:auto}.cmdk-empty{text-align:center;color:var(--ink-faint);padding:28px;font-size:.92rem}.cmdk-item{width:100%;color:var(--ink-dim);cursor:pointer;text-align:left;font:inherit;background:0 0;border:0;border-radius:12px;align-items:center;gap:13px;padding:11px 13px;display:flex}.cmdk-item.active{background:var(--surface-2);color:var(--ink)}.cmdk-ic{background:var(--fill);width:30px;height:30px;color:var(--accent-ink);border-radius:9px;flex-shrink:0;place-items:center;font-size:1rem;display:grid}.cmdk-label{margin-right:auto;font-size:.96rem}.cmdk-hint{font-family:var(--font-mono);color:var(--ink-faint);text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:.68rem;overflow:hidden}.cmdk-group{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);opacity:.55;margin-left:10px;font-size:.6rem}.term-overlay{z-index:800;background:var(--overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.term{background:var(--panel);border:1px solid var(--line-soft);width:100%;max-width:680px;height:min(520px,80vh);box-shadow:0 40px 100px -24px var(--shadow-strong);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.term-bar{border-bottom:1px solid var(--line-soft);background:var(--fill-faint);align-items:center;gap:8px;padding:12px 14px;display:flex}.term-dot{border-radius:50%;width:12px;height:12px}.term-dot.r{background:#ff5f57}.term-dot.y{background:#febc2e}.term-dot.g{background:#28c840}.term-title{font-family:var(--font-mono);color:var(--ink-faint);margin-left:10px;font-size:.74rem}.term-close{color:var(--ink-faint);cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:.9rem}.term-close:hover{color:var(--accent-ink)}.term-body{font-family:var(--font-mono);color:var(--ink-dim);flex:1;padding:18px;font-size:.86rem;line-height:1.6;overflow-y:auto}.term-prompt{color:var(--accent-ink)}.term-line{color:var(--ink);margin-bottom:2px}.term-out{white-space:pre-wrap;color:var(--ink-dim);margin:4px 0 12px;font-family:inherit}.term-input-line{align-items:center;gap:8px;display:flex}.term-input-line input{color:var(--ink);font-family:inherit;font-size:inherit;caret-color:var(--accent-ink);background:0 0;border:0;outline:none;flex:1}.gitlog{--gl-rail:color-mix(in srgb, var(--accent-ink) 28%, transparent);border:1px solid var(--line-soft);background:var(--panel);box-shadow:0 40px 90px -34px var(--shadow-strong), inset 0 1px 0 color-mix(in srgb, var(--ink) 6%, transparent);border-radius:16px;margin-top:8px;overflow:hidden}.gitlog-bar{border-bottom:1px solid var(--line-soft);background:var(--fill-faint);align-items:center;gap:8px;padding:13px 16px;display:flex;position:relative}.gitlog-path{font-family:var(--font-mono);color:var(--ink-faint);white-space:nowrap;font-size:.74rem;position:absolute;left:50%;transform:translate(-50%)}.gitlog-git{font-family:var(--font-mono);color:var(--ink-faint);opacity:.5;margin-left:auto;font-size:.72rem}.gitlog-body{font-family:var(--font-mono);padding:20px clamp(14px,3vw,26px) 18px;font-size:.86rem;line-height:1.55}.gl-cmd{color:var(--ink);margin-bottom:14px}.gl-prompt{color:var(--accent-ink);font-weight:700}.gl-flag{color:color-mix(in srgb, var(--accent-ink) 82%, var(--ink))}.gl-checkout{margin-top:26px}.gl-comment{color:var(--ink-faint);margin-left:10px}.gl-row{grid-template-columns:24px 1fr;display:grid}.gl-rail{position:relative}.gl-rail:before{content:"";background:var(--gl-rail);width:2px;position:absolute;top:0;bottom:0;left:11px}.gl-row:first-child .gl-rail:before{top:16px}.gl-row:last-child .gl-rail:before{height:16px;bottom:auto}.gl-node{border:2px solid var(--accent-ink);background:var(--panel);box-sizing:border-box;z-index:1;border-radius:50%;width:13px;height:13px;transition:transform .2s;position:absolute;top:10px;left:5px}.gl-row.head .gl-node{background:var(--accent-ink);animation:2.6s ease-in-out infinite gl-pulse}@keyframes gl-pulse{0%,to{box-shadow:0 0 0 2px var(--acid-glow), 0 0 12px var(--acid-glow)}50%{box-shadow:0 0 0 6px transparent, 0 0 4px var(--acid-glow)}}.gl-row:hover .gl-node{transform:scale(1.18)}.gl-content{min-width:0;padding-bottom:2px}.gl-commit{text-align:left;cursor:pointer;width:100%;font:inherit;color:var(--ink-dim);background:0 0;border:0;border-radius:9px;flex-wrap:wrap;align-items:center;gap:4px 9px;padding:6px 10px;transition:background .18s;display:flex}.gl-commit:hover{background:var(--fill-faint)}.gl-hash{color:var(--ink-faint);letter-spacing:.02em}.gl-ref{color:var(--ink-faint);font-size:.78rem}.gl-head{color:#5ad6c4;font-weight:700}.gl-branch-ref{color:var(--accent-ink);font-weight:700}.gl-year{color:var(--accent-ink)}.gl-star{color:var(--accent-ink);font-size:.78rem}.gl-co{color:var(--ink);font-weight:600}.gl-dash{color:var(--ink-faint)}.gl-role{color:var(--ink-dim)}.gl-tag{letter-spacing:.07em;text-transform:uppercase;color:var(--accent-ink);border:1px solid color-mix(in srgb, var(--accent-ink) 45%, transparent);background:var(--acid-glow);border-radius:999px;padding:1px 8px;font-size:.62rem}.gl-caret{color:var(--ink-faint);flex-shrink:0;margin-left:auto;font-size:.9rem;transition:transform .25s,color .2s}.gl-caret.down{color:var(--accent-ink);transform:rotate(90deg)}.gl-commit:hover .gl-caret{color:var(--accent-ink)}.gl-body{overflow:hidden}.gl-body-inner{padding:8px 10px 18px;font-size:.82rem}.gl-meta{color:var(--ink-faint);margin-bottom:2px}.gl-meta-k{color:color-mix(in srgb, var(--accent-ink) 70%, var(--ink))}.gl-diff{margin:12px 0 0;padding:0;list-style:none}.gl-add{color:var(--ink-dim);padding:3px 0 3px 22px;line-height:1.55;position:relative}.gl-add:before{content:"+";color:#3fb950;font-weight:700;position:absolute;top:3px;left:4px}.gl-stack{flex-wrap:wrap;gap:7px;margin-top:16px;display:flex}.gl-chip{color:var(--ink-dim);border:1px solid var(--line-soft);background:var(--fill-faint);border-radius:7px;padding:3px 10px;font-size:.72rem}.gl-status{border-top:1px dashed var(--line-soft);color:var(--ink-faint);margin-top:14px;padding:12px 10px 2px;font-size:.8rem}.gl-check{color:#3fb950;font-weight:700}.gl-branch-name{color:var(--accent-ink)}.gl-cursor{vertical-align:-2px;background:var(--accent-ink);width:8px;height:1em;margin-left:6px;animation:1.1s step-end infinite gl-blink;display:inline-block}@keyframes gl-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.gl-cursor{opacity:1;animation:none}.gl-row.head .gl-node{box-shadow:0 0 0 3px var(--acid-glow);animation:none}}@media (width<=560px){.gitlog-body{font-size:.78rem}.gitlog-path{font-size:.66rem}.gl-row{grid-template-columns:20px 1fr}}.route-wipe{z-index:600;background:var(--bg-2);border-top:2px solid var(--acid);box-shadow:0 -10px 40px var(--acid-glow);pointer-events:none;position:fixed;inset:0}@media (width<=600px){.cmdk-launcher{bottom:16px;left:16px}.cmdk-group{display:none}}.bento{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.bento-cell{height:100%}.bento-heat{grid-column:span 2}.bento-tile{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line-soft);height:100%;transition:transform .4s var(--ease), border-color .4s var(--ease), background .4s var(--ease);background:#ffffff08;flex-direction:column;gap:10px;padding:22px;display:flex}a.bento-tile{color:inherit;text-decoration:none}.bento-tile:hover{background:#ffffff0d;border-color:#e2ff2d47;transform:translateY(-5px)}.bento-tile-head{font-family:var(--font-mono);color:var(--ink-dim);align-items:center;gap:9px;font-size:.78rem;display:flex}.bento-tile-head>svg{color:var(--acid)}.bento-link{color:var(--ink-faint);transition:color .25s var(--ease);margin-left:auto}.bento-link:hover{color:var(--acid)}.heat{grid-template-rows:repeat(7,1fr);grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;height:96px;margin:6px 0;display:grid;overflow:hidden}.heat-cell{border-radius:2px;min-width:0}.bento-loading{font-family:var(--font-mono);color:var(--ink-faint);font-size:.78rem}.bento-stat{color:var(--ink-dim);margin-top:auto;font-size:.9rem}.bento-stat strong{color:var(--ink);font-family:var(--font-display)}.bento-num{justify-content:center}.bento-big{font-family:var(--font-display);letter-spacing:-.03em;color:var(--acid);font-size:clamp(2.2rem,4vw,3.2rem);font-weight:600;line-height:1}.bento-big.mono{font-family:var(--font-mono);color:var(--ink);font-weight:500}.bento-cap{color:var(--ink-dim);font-size:.84rem}.bento-kicker{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--acid);font-size:.7rem}.bento-learn{background:linear-gradient(150deg, var(--acid-haze), transparent)}.bento-learn-title{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:600}.bento-post-title{font-family:var(--font-display);margin-top:4px;font-size:1.15rem;font-weight:600;line-height:1.2}.bento-link-row{color:var(--acid);align-items:center;gap:6px;margin-top:auto;font-size:.85rem;display:inline-flex}@media (width<=860px){.bento{grid-template-columns:repeat(2,1fr)}.bento-heat{grid-column:span 2}}@media (width<=480px){.bento{grid-template-columns:1fr}.bento-heat{grid-column:span 1}}.quotes{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.quote-card{border-radius:var(--radius-lg);background:linear-gradient(165deg, var(--surface), var(--bg-2));border:1px solid var(--line-soft);height:100%;padding:32px;position:relative}.quote-mark{color:var(--acid);opacity:.5;margin-bottom:14px;font-size:1.4rem}.quote-card blockquote{color:var(--ink);margin-bottom:20px;font-size:1.1rem;line-height:1.6}.quote-card figcaption{flex-direction:column;gap:2px;display:flex}.quote-name{font-family:var(--font-display);font-weight:600}.quote-role{color:var(--ink-dim);font-size:.85rem}.notfound{place-items:center;min-height:100svh;padding:80px 24px;display:grid}.nf-inner{text-align:center;max-width:560px}.nf-code{font-family:var(--font-display);letter-spacing:-.05em;color:var(--acid);text-shadow:0 0 60px var(--acid-glow);font-size:clamp(5rem,22vw,12rem);font-weight:600;line-height:.9;display:block}.nf-cmd{font-family:var(--font-mono);color:var(--ink-dim);margin-top:18px;font-size:.9rem}.nf-msg{color:var(--ink-dim);margin-top:14px;line-height:1.6}.nf-err{font-family:var(--font-mono);color:#ff6b6b;font-size:.88rem}.nf-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:30px;display:flex}.cricket-ball{cursor:pointer}.six-egg{z-index:950;pointer-events:none;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.six-banner{font-family:var(--font-display);letter-spacing:-.04em;color:var(--acid);text-shadow:0 0 50px var(--acid-glow);align-items:center;gap:.18em;font-size:clamp(3rem,14vw,9rem);font-weight:700;display:inline-flex}.six-confetti{will-change:transform;font-size:clamp(1.4rem,3vw,2.3rem);animation-name:six-fall;animation-timing-function:ease-in;animation-iteration-count:1;position:absolute;top:-10%}@keyframes six-fall{0%{opacity:1;transform:translateY(-12vh)rotate(0)}to{opacity:.85;transform:translateY(115vh)rotate(540deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.has-cursor,.has-cursor a,.has-cursor button,.has-cursor input,.has-cursor textarea,.has-cursor [data-cursor]{cursor:none}.cursor-dot,.cursor-ring{pointer-events:none;z-index:9999;border-radius:50%;position:fixed;top:0;left:0}.cursor-dot{background:var(--accent-ink);width:7px;height:7px;transition:opacity .25s var(--ease);margin:-3.5px 0 0 -3.5px}.cursor-ring{border:1px solid color-mix(in srgb, var(--accent-ink) 60%, transparent);width:38px;height:38px;transition:width .28s var(--ease), height .28s var(--ease), margin .28s var(--ease), background .28s var(--ease), border-color .28s var(--ease);margin:-19px 0 0 -19px}.cursor-hover .cursor-ring{background:color-mix(in srgb, var(--accent-ink) 12%, transparent);border-color:var(--accent-ink);width:66px;height:66px;margin:-33px 0 0 -33px}.cursor-hover .cursor-dot{opacity:0}.scroll-progress{background:var(--acid);transform-origin:0;z-index:200;height:2px;box-shadow:0 0 12px var(--acid-glow);position:fixed;top:0;left:0;right:0}.grid-cell{height:100%}.tilt{height:100%;transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .4s var(--ease)}.service-card,.project-card{height:100%}.project-cover{z-index:1;border-radius:inherit;position:absolute;inset:0}.project-foot{z-index:2;flex-direction:column;gap:16px;width:fit-content;margin-top:24px;display:flex;position:relative}.project-foot .project-tags{margin-top:0}.project-links{gap:20px;display:flex}.proj-link{font-family:var(--font-mono);color:var(--ink-dim);transition:color .25s var(--ease);align-items:center;gap:7px;font-size:.78rem;display:inline-flex}.proj-link svg{font-size:.95rem}.proj-link:hover,.proj-link.live{color:var(--accent-ink)}.proj-link.live:hover{text-shadow:0 0 14px var(--acid-glow)}.band-wrap{margin-block:clamp(40px,8vw,96px);padding-block:30px;overflow:hidden}.band{border-block:1px solid var(--line-soft);background:var(--bg-2);width:108%;margin-left:-4%;padding-block:26px;position:relative;overflow:hidden;transform:rotate(-2deg)}.band-track{white-space:nowrap;will-change:transform;width:max-content;display:flex}.band-item{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);align-items:center;gap:22px;padding-inline:22px;font-size:clamp(1.5rem,4vw,2.8rem);font-weight:600;display:inline-flex}.band-item.outline{color:#0000;-webkit-text-stroke:1px var(--ink-faint)}.band-star{color:var(--accent-ink);font-size:.55em}.blog-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.blog-card{text-align:left;border-radius:var(--radius-lg);background:linear-gradient(165deg, var(--surface), var(--bg-2));border:1px solid var(--line-soft);cursor:pointer;height:100%;font:inherit;color:inherit;transition:transform .4s var(--ease), border-color .4s var(--ease);flex-direction:column;padding:26px;display:flex}.blog-card:hover{border-color:var(--edge-accent);transform:translateY(-6px)}.blog-card-top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.blog-cat{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;background:var(--acid-haze);color:var(--accent-ink);border-radius:100px;padding:5px 11px;font-size:.64rem}.blog-read{font-family:var(--font-mono);color:var(--ink-faint);align-items:center;gap:6px;font-size:.7rem;display:inline-flex}.blog-card h3{margin-bottom:12px;font-size:1.32rem;line-height:1.16}.blog-card p{color:var(--ink-dim);margin-bottom:auto;font-size:.94rem;line-height:1.55}.blog-card-foot{justify-content:space-between;align-items:center;margin-top:22px;display:flex}.blog-date{font-family:var(--font-mono);color:var(--ink-faint);font-size:.72rem}.blog-go{color:var(--accent-ink);align-items:center;gap:6px;font-size:.85rem;display:inline-flex}.blog-go svg{transition:transform .3s var(--ease)}.blog-card:hover .blog-go svg{transform:translate(3px,-3px)}.reader-overlay{z-index:500;background:var(--overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:center;align-items:flex-start;padding:40px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.reader{border-radius:var(--radius-lg);background:var(--bg-2);border:1px solid var(--line-soft);width:100%;max-width:720px;box-shadow:0 40px 100px -30px var(--shadow-strong);margin:auto;padding:clamp(28px,5vw,56px);position:relative}.reader-close{border:1px solid var(--line-soft);background:var(--surface);width:42px;height:42px;color:var(--ink);cursor:pointer;transition:background .3s var(--ease), color .3s var(--ease), border-color .3s var(--ease), transform .3s var(--ease);border-radius:50%;place-items:center;font-size:1.2rem;display:grid;position:absolute;top:20px;right:20px}.reader-close:hover{background:var(--acid);color:#0a0d05;border-color:var(--accent-ink);transform:rotate(90deg)}.reader-meta{font-family:var(--font-mono);color:var(--ink-faint);align-items:center;gap:14px;margin-bottom:18px;font-size:.74rem;display:flex}.reader-title{letter-spacing:-.03em;font-size:clamp(1.8rem,4.5vw,2.9rem);line-height:1.05}.reader-tags{flex-wrap:wrap;gap:8px;margin:20px 0 30px;display:flex}.reader-tags span{font-family:var(--font-mono);border:1px solid var(--line-soft);color:var(--ink-dim);border-radius:100px;padding:5px 11px;font-size:.66rem}.reader-body{color:var(--ink-dim);font-size:1.05rem;line-height:1.75}.reader-body p{margin-bottom:20px}.reader-body h2,.reader-body h3{font-family:var(--font-display);color:var(--ink);letter-spacing:-.02em;margin:36px 0 14px;font-size:1.45rem;font-weight:600}.reader-body ul{flex-direction:column;gap:11px;margin:0 0 22px;padding-left:2px;list-style:none;display:flex}.reader-body li{padding-left:24px;position:relative}.reader-body li:before{content:"";background:var(--acid);border-radius:2px;width:7px;height:7px;position:absolute;top:11px;left:0}.reader-body blockquote{border-left:3px solid var(--acid);background:var(--acid-haze);color:var(--ink);font-family:var(--font-display);border-radius:0 12px 12px 0;margin:28px 0;padding:18px 24px;font-size:1.18rem;line-height:1.4}.reader-sign{border-top:1px solid var(--line-soft);font-family:var(--font-display);margin-top:40px;padding-top:24px;font-size:1.2rem}@media (width<=900px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.blog-grid{grid-template-columns:1fr}}.post-nav{z-index:100;background:var(--glass);-webkit-backdrop-filter:blur(16px)saturate(160%);backdrop-filter:blur(16px)saturate(160%);border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;height:72px;padding:0 28px;display:flex;position:sticky;top:0}.post-back{color:var(--ink-dim);transition:color .3s var(--ease);align-items:center;gap:8px;font-size:.92rem;display:inline-flex}.post-back:hover{color:var(--accent-ink)}.post{max-width:720px;margin:0 auto;padding:clamp(40px,7vw,80px) 24px 40px}.post-hero{margin-bottom:36px}.post-hero-meta{font-family:var(--font-mono);color:var(--ink-faint);align-items:center;gap:14px;margin-bottom:22px;font-size:.74rem;display:flex}.post-title{letter-spacing:-.035em;font-size:clamp(2rem,5.5vw,3.4rem);line-height:1.04}.post-excerpt{color:var(--ink-dim);margin-top:20px;font-size:1.15rem;line-height:1.6}.post-more{border-top:1px solid var(--line-soft);margin-top:60px;padding-top:32px}.post-more .eyebrow{margin-bottom:20px}.post-more-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:6px;display:grid}.post-more-card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line-soft);transition:transform .35s var(--ease), border-color .35s var(--ease);flex-direction:column;gap:12px;padding:22px;display:flex}.post-more-card:hover{border-color:var(--edge-accent);transform:translateY(-4px)}.post-more-title{font-family:var(--font-display);margin-bottom:auto;font-size:1.1rem;font-weight:600;line-height:1.2}@media (width<=560px){.post-more-grid{grid-template-columns:1fr}}.uses{padding:clamp(112px,14vw,156px) 0 clamp(64px,9vw,110px);position:relative}.uses-grid{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}.uses-card{border-radius:var(--radius-lg);background:linear-gradient(165deg, var(--surface), var(--bg-2));border:1px solid var(--line-soft);transition:transform .4s var(--ease), border-color .4s var(--ease);padding:30px}.uses-card:hover{border-color:var(--edge-accent);transform:translateY(-5px)}.uses-card-head{align-items:center;gap:13px;margin-bottom:18px;display:flex}.uses-card-head h3{font-size:1.3rem}.uses-ic{background:var(--acid-haze);width:46px;height:46px;color:var(--accent-ink);border:1px solid #e2ff2d2e;border-radius:13px;flex-shrink:0;place-items:center;font-size:1.2rem;display:grid}.uses-list{flex-direction:column;list-style:none;display:flex}.uses-list li{border-top:1px solid var(--line-soft);align-items:baseline;gap:12px;padding:11px 0;display:flex}.uses-list li:first-child{border-top:0}.uses-name{font-weight:500}.uses-note{text-align:right;font-family:var(--font-mono);letter-spacing:.02em;color:var(--ink-faint);white-space:nowrap;margin-left:auto;font-size:.74rem}:root[data-theme=light] .uses-card{background:var(--surface);box-shadow:0 16px 34px -22px var(--shadow-card)}@media (width<=760px){.uses-grid{grid-template-columns:1fr}}.blog-card{overflow:hidden}.blog-cover{background:linear-gradient(135deg, var(--surface-2), hsl(var(--hue,150) 45% 9%));align-items:flex-end;height:132px;margin:-26px -26px 20px;padding:14px;display:flex;position:relative}.blog-cover:before{content:"";background:radial-gradient(120% 130% at 82% -20%,#e2ff2d2e,#0000 58%);position:absolute;inset:0}.blog-cover-icon{color:#e2ff2d29;font-size:5.2rem;position:absolute;top:-16px;right:-6px}.blog-cover .blog-cat{position:relative}.post-cover{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--surface-2), hsl(var(--hue,150) 45% 10%));border:1px solid var(--line-soft);align-items:flex-end;height:clamp(160px,26vw,240px);margin-bottom:28px;padding:22px;display:flex;position:relative;overflow:hidden}.post-cover:before{content:"";background:radial-gradient(110% 130% at 85% -10%,#e2ff2d33,#0000 55%);position:absolute;inset:0}.post-cover-icon{color:#e2ff2d24;font-size:clamp(7rem,16vw,12rem);position:absolute;top:-24px;right:-10px}.post-cover .blog-cat{position:relative}.blog-cover-img,.post-cover-img{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.blog-cover:after,.post-cover:after{content:"";z-index:1;background:linear-gradient(#06080a0d 0%,#06080ab8 100%);position:absolute;inset:0}.blog-cover .blog-cat,.post-cover .blog-cat{z-index:2}.hero-backdrop{z-index:0;pointer-events:none;position:absolute;inset:0}.hero>.container{z-index:1;position:relative}.hero .scroll-cue{z-index:2}.split{display:inline-block}.split-mask{vertical-align:top;white-space:pre;padding-bottom:.08em;display:inline-block;overflow:hidden}.split-char{display:inline-block}.cursor-ring{place-items:center;display:grid}.cursor-text{font-family:var(--font-mono);letter-spacing:.02em;color:#0a0d05;white-space:nowrap;opacity:0;font-size:.62rem;font-weight:600}.cursor-label .cursor-ring{background:var(--acid);border-color:var(--accent-ink);width:74px;height:74px;margin:-37px 0 0 -37px}.cursor-label .cursor-text{opacity:1}.cursor-label .cursor-dot{opacity:0}.project-preview{z-index:350;pointer-events:none;background:linear-gradient(160deg, var(--surface-2), var(--bg-2));border:1px solid var(--edge-accent);border-radius:18px;width:256px;padding:22px;position:fixed;overflow:hidden;transform:translate(28px,-50%);box-shadow:0 30px 70px -20px #000000bf}.project-preview:before{content:"";background:radial-gradient(circle, var(--acid-haze), transparent 70%);pointer-events:none;width:220px;height:220px;position:absolute;top:-90px;right:-90px}.pp-index{font-family:var(--font-mono);color:var(--ink-faint);font-size:.8rem;position:relative}.pp-name{font-family:var(--font-display);letter-spacing:-.02em;margin:6px 0 14px;font-size:1.55rem;font-weight:600;display:block;position:relative}.pp-tags{flex-wrap:wrap;gap:6px;display:flex;position:relative}.pp-tags span{font-family:var(--font-mono);border:1px solid var(--line-soft);color:var(--ink-dim);border-radius:100px;padding:4px 9px;font-size:.62rem}.pp-cta{font-family:var(--font-mono);color:var(--accent-ink);align-items:center;gap:6px;margin-top:18px;font-size:.7rem;display:inline-flex;position:relative}.brand-badge{width:38px;height:38px;position:relative}.brand-mark{transition:opacity .4s var(--ease), transform .4s var(--ease);position:absolute;inset:0}.brand-mark.hide{opacity:0;transform:scale(.6)}.nav-avatar{object-fit:cover;opacity:0;width:38px;height:38px;transition:opacity .4s var(--ease), transform .4s var(--ease);border:1px solid #e2ff2d66;border-radius:11px;position:absolute;inset:0;transform:scale(.6)}.nav-avatar.show{opacity:1;transform:scale(1)}.chat-fab{z-index:400;background:var(--acid);color:#0a0d05;height:56px;font-family:var(--font-body);cursor:pointer;box-shadow:0 12px 34px -8px var(--acid-glow);border:none;border-radius:100px;align-items:center;gap:9px;padding:0 22px 0 18px;font-size:1rem;font-weight:600;display:inline-flex;position:fixed;bottom:28px;right:28px}.chat-fab svg{font-size:1.4rem}.chat-fab.open{justify-content:center;width:56px;padding:0}.chat-fab-label{white-space:nowrap}.chat-panel{z-index:400;background:var(--panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--line-soft);transform-origin:100% 100%;border-radius:22px;flex-direction:column;width:min(390px,100vw - 40px);height:min(560px,100vh - 130px);display:flex;position:fixed;bottom:96px;right:28px;overflow:hidden;box-shadow:0 30px 80px -24px #000c}.chat-head{border-bottom:1px solid var(--line-soft);background:linear-gradient(#e2ff2d0f,#0000);align-items:center;gap:12px;padding:16px 18px;display:flex}.chat-avatar{background:var(--acid);color:#0a0d05;border-radius:12px;place-items:center;width:38px;height:38px;font-size:1.25rem;display:grid}.chat-head strong{font-family:var(--font-display);font-size:1rem;font-weight:600;display:block}.chat-status{font-family:var(--font-mono);color:var(--ink-faint);align-items:center;gap:6px;font-size:.68rem;display:inline-flex}.chat-status i{background:var(--acid);width:7px;height:7px;box-shadow:0 0 8px var(--acid-glow);border-radius:50%}.chat-body{scroll-behavior:smooth;flex-direction:column;flex:1;gap:12px;padding:18px;display:flex;overflow-y:auto}.bubble-row{display:flex}.bubble-row.user{justify-content:flex-end}.bubble{border-radius:16px;max-width:84%;padding:11px 14px;font-size:.92rem;line-height:1.5}.bubble.bot{background:var(--surface-2);border:1px solid var(--line-soft);border-bottom-left-radius:5px}.bubble.user{background:var(--acid);color:#0a0d05;border-bottom-right-radius:5px;font-weight:500}.bubble-text{white-space:pre-line}.bubble-chips{flex-wrap:wrap;gap:7px;margin-top:11px;display:flex}.bubble-chip{font-family:var(--font-mono);background:var(--acid-haze);color:var(--accent-ink);transition:background .25s var(--ease);border:1px solid #e2ff2d33;border-radius:100px;padding:6px 11px;font-size:.7rem}.bubble-chip:hover{background:#e2ff2d33}.bubble.typing{align-items:center;gap:4px;display:inline-flex}.bubble.typing span{background:var(--ink-faint);border-radius:50%;width:7px;height:7px;animation:1.3s infinite both blink}.bubble.typing span:nth-child(2){animation-delay:.2s}.bubble.typing span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.chat-suggestions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.suggestion{font-family:var(--font-body);border:1px solid var(--line-soft);color:var(--ink-dim);cursor:pointer;transition:border-color .25s var(--ease), color .25s var(--ease);background:0 0;border-radius:100px;padding:8px 13px;font-size:.8rem}.suggestion:hover{border-color:var(--accent-ink);color:var(--accent-ink)}.chat-followups{flex-direction:column;gap:9px;margin-top:2px;display:flex}.followups-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);font-size:.62rem}.chat-input{border-top:1px solid var(--line-soft);gap:10px;padding:14px;display:flex}.chat-input input{background:var(--fill);border:1px solid var(--line-soft);color:var(--ink);font-family:var(--font-body);border-radius:12px;flex:1;padding:12px 15px;font-size:.92rem}.chat-input input:focus{border-color:var(--accent-ink);outline:none}.chat-input button{background:var(--acid);color:#0a0d05;cursor:pointer;width:46px;transition:opacity .25s var(--ease), transform .25s var(--ease);border:none;border-radius:12px;place-items:center;font-size:1.1rem;display:grid}.chat-input button:disabled{opacity:.4;cursor:not-allowed}.chat-input button:not(:disabled):hover{transform:scale(1.05)}@media (width<=480px){.chat-fab{bottom:16px;right:16px}.chat-panel{bottom:84px;right:12px}}.intro{z-index:1000;background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.intro-grid{background-image:linear-gradient(#e2ff2d0d 1px,#0000 1px),linear-gradient(90deg,#e2ff2d0d 1px,#0000 1px);background-size:54px 54px;position:absolute;inset:0;-webkit-mask:radial-gradient(circle at 50% 45%,#000,#0000 72%);mask:radial-gradient(circle at 50% 45%,#000,#0000 72%)}.intro-inner{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:22px;padding:24px;display:flex;position:relative}.intro-mark{background:var(--acid);color:#0a0d05;width:64px;height:64px;font-family:var(--font-display);letter-spacing:-.03em;box-shadow:0 16px 40px -10px var(--acid-glow);border-radius:18px;place-items:center;font-size:1.5rem;font-weight:700;display:grid}.intro-name{font-family:var(--font-display);letter-spacing:-.035em;font-size:clamp(2rem,7vw,4.4rem);font-weight:600}.intro-role{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--accent-ink);font-size:.76rem}.intro-foot{align-items:center;gap:22px;padding:0 clamp(24px,5vw,56px) clamp(28px,5vw,48px);display:flex;position:relative}.intro-foot-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);white-space:nowrap;font-size:.72rem}.intro-bar{background:var(--line-soft);flex:1;height:2px;position:relative;overflow:hidden}.intro-bar span{background:var(--acid);box-shadow:0 0 14px var(--acid-glow);transition:width .12s linear;position:absolute;top:0;bottom:0;left:0}.intro-count{font-family:var(--font-mono);letter-spacing:-.04em;color:var(--ink);font-variant-numeric:tabular-nums;font-size:clamp(2.4rem,9vw,5.5rem);font-weight:500;line-height:.9}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.spin{animation:.9s linear infinite spin}