*,*:before,*:after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}img,svg,video,canvas{display:block;max-width:100%}button,input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}:root{--bg: #06070c;--bg-elev: #0b0e17;--ink: #eef3ff;--muted: #9aa6c4;--faint: #5f6b8a;--line: rgba(255,255,255,.09);--cyan: #35e2ff;--magenta: #ff4d93;--violet: #9a6bff;--accent: var(--cyan);--blob-1: rgba(53,226,255,.16);--blob-2: rgba(154,107,255,.18);--blob-3: rgba(255,77,147,.14);--glass-bg: rgba(255,255,255,.055);--glass-brd: rgba(255,255,255,.14);--glass-hi: rgba(255,255,255,.24);--glass-shadow: 0 24px 60px -26px rgba(0,0,0,.85);--glass-blur: 22px;--neon-glow: 0 0 28px rgba(53,226,255,.35);--scheme: dark;--mono: ui-monospace,"SF Mono","Cascadia Code","JetBrains Mono",Menlo,Consolas,monospace;--sans: system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--maxw: 1160px;--radius: 24px;--ease: cubic-bezier(.16,1,.3,1)}:root[data-theme=light]{--bg: #eef1f7;--bg-elev: #ffffff;--ink: #0d1220;--muted: #55607a;--faint: #8a93a8;--line: rgba(12,18,34,.1);--cyan: #0a9fc2;--magenta: #db2f7b;--violet: #6a49d6;--accent: var(--cyan);--blob-1: rgba(10,159,194,.14);--blob-2: rgba(106,73,214,.12);--blob-3: rgba(219,47,123,.1);--glass-bg: rgba(255,255,255,.55);--glass-brd: rgba(255,255,255,.75);--glass-hi: rgba(255,255,255,.95);--glass-shadow: 0 22px 50px -26px rgba(24,34,64,.35);--glass-blur: 24px;--neon-glow: 0 0 22px rgba(10,159,194,.22);--scheme: light}@media (prefers-color-scheme: light){:root:not([data-theme=dark]):not([data-theme=light]){--bg: #eef1f7;--bg-elev: #ffffff;--ink: #0d1220;--muted: #55607a;--faint: #8a93a8;--line: rgba(12,18,34,.1);--cyan: #0a9fc2;--magenta: #db2f7b;--violet: #6a49d6;--blob-1: rgba(10,159,194,.14);--blob-2: rgba(106,73,214,.12);--blob-3: rgba(219,47,123,.1);--glass-bg: rgba(255,255,255,.55);--glass-brd: rgba(255,255,255,.75);--glass-hi: rgba(255,255,255,.95);--glass-shadow: 0 22px 50px -26px rgba(24,34,64,.35);--neon-glow: 0 0 22px rgba(10,159,194,.22);--scheme: light}}body{font-family:var(--sans);color:var(--ink);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}p{text-wrap:pretty}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(60% 50% at 82% -6%,var(--blob-2),transparent 60%),radial-gradient(55% 45% at 2% 18%,var(--blob-1),transparent 58%),radial-gradient(50% 45% at 60% 108%,var(--blob-3),transparent 58%)}::selection{background:color-mix(in srgb,var(--accent) 40%,transparent);color:var(--ink)}h1,h2,h3,h4{line-height:1.05;text-wrap:balance;font-weight:800;letter-spacing:-.02em}.container{max-width:var(--maxw);margin-inline:auto;padding-left:max(clamp(1rem,4vw,2rem),env(safe-area-inset-left));padding-right:max(clamp(1rem,4vw,2rem),env(safe-area-inset-right))}.section{padding-block:clamp(4rem,9vw,7.5rem);position:relative}section[id]{scroll-margin-top:92px}.section-head{max-width:640px;margin-bottom:clamp(2rem,5vw,3.2rem)}.section-head h2{font-size:clamp(1.8rem,4.6vw,3rem)}.section-head p{color:var(--muted);margin-top:1rem;font-size:1.05rem}.accent{color:var(--accent)}.eyebrow{font-family:var(--mono);font-size:.74rem;letter-spacing:.08em;color:var(--accent);display:inline-flex;align-items:center;gap:.7em;margin-bottom:1rem}.eyebrow:before{content:"";width:26px;height:1px;background:linear-gradient(90deg,var(--accent),transparent)}.glass{position:relative;background:var(--glass-bg);border:1px solid var(--glass-brd);border-radius:var(--radius);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);backdrop-filter:blur(var(--glass-blur)) saturate(180%);box-shadow:var(--glass-shadow),inset 0 1px 0 var(--glass-hi),inset 0 -1px 1px #0000001f;isolation:isolate}.glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:-1;background:linear-gradient(180deg,var(--glass-hi),transparent 42%);opacity:.5;mix-blend-mode:overlay}.btn{--b: var(--glass-brd);display:inline-flex;align-items:center;gap:.55em;cursor:pointer;font-family:var(--mono);font-size:.85rem;letter-spacing:.01em;padding:.82rem 1.35rem;border-radius:999px;background:var(--glass-bg);border:1px solid var(--b);color:var(--ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s var(--ease)}.btn:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 60%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 25%,transparent),0 14px 34px -14px color-mix(in srgb,var(--accent) 55%,transparent)}.btn:active,.theme-toggle:active,.nav-burger:active{transform:scale(.97);transition-duration:.1s}.btn.primary{background:linear-gradient(120deg,color-mix(in srgb,var(--cyan) 26%,transparent),color-mix(in srgb,var(--violet) 26%,transparent));border-color:color-mix(in srgb,var(--cyan) 45%,transparent);box-shadow:var(--neon-glow)}.btn.ghost{background:transparent}.pill{display:inline-block;font-family:var(--mono);font-size:.7rem;letter-spacing:.04em;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:999px;padding:.38em .95em}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.in{opacity:1;transform:none}.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:var(--maxw);margin-inline:auto;padding:.7rem clamp(1rem,4vw,1.4rem);margin-top:max(.7rem,env(safe-area-inset-top));border-radius:999px;inset-inline:0;width:calc(100% - clamp(1rem,6vw,3rem));background:color-mix(in srgb,var(--bg-elev) 84%,transparent);border:1px solid color-mix(in srgb,var(--glass-brd) 86%,transparent);-webkit-backdrop-filter:blur(20px) saturate(170%);backdrop-filter:blur(20px) saturate(170%);box-shadow:0 14px 36px -28px #000000b8;transition:background .3s,box-shadow .3s,backdrop-filter .3s}.nav.scrolled{background:color-mix(in srgb,var(--bg-elev) 92%,transparent);border-color:var(--glass-brd);-webkit-backdrop-filter:blur(18px) saturate(180%);backdrop-filter:blur(18px) saturate(180%);box-shadow:var(--glass-shadow),inset 0 1px 0 var(--glass-hi)}.nav .brand{min-height:48px;display:flex;align-items:center;gap:.6rem;font-family:var(--mono);font-weight:700;letter-spacing:.02em}.brand-mark{color:var(--accent);font-size:.72rem}.nav-links{display:flex;align-items:center;gap:.3rem}.nav-links a{min-height:48px;display:inline-flex;align-items:center;font-family:var(--mono);font-size:.82rem;color:color-mix(in srgb,var(--ink) 82%,var(--muted));padding:.5rem .8rem;border-radius:999px;transition:color .2s,background .2s}.nav-links a:hover{color:var(--ink);background:var(--glass-bg)}.nav-actions{display:flex;align-items:center;gap:.5rem}.nav-contact{min-height:48px;padding:.55rem 1rem;border-radius:999px;display:inline-flex;align-items:center;color:var(--bg);background:var(--ink);font-size:.82rem;font-weight:700}.theme-toggle{width:48px;height:48px;border-radius:50%;cursor:pointer;display:grid;place-items:center;font-size:1rem;background:var(--glass-bg);border:1px solid var(--glass-brd);color:var(--ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .25s var(--ease),border-color .2s}.theme-toggle:hover{transform:rotate(-15deg) scale(1.05);border-color:color-mix(in srgb,var(--accent) 55%,transparent)}.nav-burger{display:none;width:48px;height:48px;border-radius:14px;background:var(--glass-bg);border:1px solid var(--glass-brd);color:var(--ink);cursor:pointer;font-size:1.1rem}@media (max-width: 780px){.nav-links{position:fixed;inset:0 0 auto 0;margin:.7rem;padding:1rem;flex-direction:column;align-items:stretch;top:72px;border-radius:20px;background:color-mix(in srgb,var(--bg-elev) 94%,transparent);border:1px solid var(--glass-brd);-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);box-shadow:var(--glass-shadow);transform:translateY(-12px) scale(.98);opacity:0;pointer-events:none;transition:.25s var(--ease)}.nav-links.open{transform:none;opacity:1;pointer-events:auto}.nav-links a{min-height:50px;padding:.75rem 1rem;font-size:.95rem;display:flex;align-items:center}.nav-burger{display:grid;place-items:center}.nav-contact{display:none}}.hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;isolation:isolate;padding-block:7rem 4rem}.hero .matrix{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-2;opacity:.5}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(115% 85% at 50% 42%,transparent 34%,color-mix(in srgb,var(--bg) 70%,transparent) 76%,var(--bg) 100%)}.hero-inner{display:grid;grid-template-columns:1fr .72fr;gap:clamp(1.5rem,4vw,3rem);align-items:center;width:100%;max-width:1080px;margin-inline:auto}@media (max-width: 900px){.hero-inner{grid-template-columns:1fr}.hero-portrait{max-width:340px}}.hero-card{width:min(100%,590px);padding:clamp(1.4rem,2.7vw,2.1rem)}.hero h1{font-size:clamp(2.5rem,4.7vw,3.75rem);letter-spacing:-.03em;margin:.4rem 0 .9rem}.hero h1 .grad{background:linear-gradient(120deg,var(--cyan),var(--violet) 55%,var(--magenta));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 24px color-mix(in srgb,var(--cyan) 35%,transparent))}.hero .role{font-family:var(--mono);color:var(--ink);font-size:.9rem;display:inline-flex;align-items:center;gap:.5rem}.hero .role svg{color:#52e6a4;flex:none}.hero p.lead{color:var(--muted);font-size:clamp(.98rem,1.8vw,1.08rem);max-width:47ch;margin-bottom:1.35rem}.hero .cta-row{display:flex;flex-wrap:wrap;gap:.75rem}.hero-assurances{list-style:none;padding:0;margin-top:1.25rem;display:flex;flex-wrap:wrap;gap:.55rem 1rem}.hero-assurances li{display:inline-flex;align-items:center;gap:.4rem;color:var(--muted);font-size:.8rem}.hero-assurances svg{color:var(--accent);flex:none}.hero-portrait{position:relative;justify-self:center}.profile-poster{width:min(350px,34vw);margin:0;filter:drop-shadow(0 24px 32px rgba(0,0,0,.38))}.profile-poster img{width:100%;height:auto;object-fit:contain;border-radius:0}.hero-portrait .frame{position:relative;width:min(340px,78vw);aspect-ratio:1/1.12;border-radius:30px;overflow:hidden}.hero-portrait img{width:100%;height:100%;object-fit:cover}.hero-portrait .ring{position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;border-radius:40px;border:1px dashed color-mix(in srgb,var(--accent) 40%,transparent);animation:spin 26s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hero-portrait .chip{position:absolute;bottom:14px;left:14px;right:14px;padding:.7rem .9rem;border-radius:16px;font-family:var(--mono);font-size:.74rem;color:var(--ink);display:flex;justify-content:space-between;gap:.5rem}.scroll-hint{position:absolute;bottom:1.2rem;left:50%;transform:translate(-50%);color:var(--faint);font-family:var(--mono);font-size:.66rem;letter-spacing:.08em;display:flex;flex-direction:column;align-items:center;gap:.5rem}.scroll-hint .bar{width:1px;height:32px;background:linear-gradient(var(--accent),transparent);animation:pulseBar 1.8s infinite}@keyframes pulseBar{0%,to{opacity:.3;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}.proof-section{padding-block:clamp(1.8rem,4vw,3rem);border-block:1px solid var(--line)}.proof-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.stat{padding:.7rem clamp(.8rem,2.4vw,1.6rem);text-align:left;border-right:1px solid var(--line)}.stat:last-child{border-right:0}.stat .v{font-size:clamp(1.25rem,3vw,1.8rem)}.stat .l{margin-top:.1rem}@media (max-width: 720px){.proof-strip{grid-template-columns:repeat(2,1fr);row-gap:1.4rem}.stat:nth-child(2){border-right:0}}.stat .v{font-family:var(--mono);font-size:clamp(1.8rem,4vw,2.4rem);font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}.stat .l{color:var(--muted);font-size:.85rem;margin-top:.3rem}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.4rem,4vw,3rem);align-items:center}@media (max-width: 860px){.about-grid{grid-template-columns:1fr}}.about-copy h2{font-size:clamp(1.7rem,4.4vw,2.7rem)}.about-copy p{color:var(--muted);margin-top:1.1rem;font-size:1.05rem}.process-section{background:color-mix(in srgb,var(--bg-elev) 52%,transparent);border-block:1px solid var(--line)}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,3vw,2rem)}.process-step{padding:clamp(1.25rem,3vw,2rem) 0}.process-step>span{display:block;font-family:var(--mono);color:var(--accent);font-size:.78rem;margin-bottom:1.2rem}.process-step h3{font-size:clamp(1.3rem,3vw,1.7rem)}.process-step p{color:var(--muted);margin-top:.75rem;max-width:34ch}.skills-section{padding-top:clamp(3.5rem,7vw,6rem)}@media (max-width: 760px){.process-grid{grid-template-columns:1fr;gap:0}.process-step{border-bottom:1px solid var(--line)}.process-step:last-child{border-bottom:0}}.creative-lab{overflow:hidden;border-block:1px solid var(--line);background:radial-gradient(50% 45% at 12% 18%,var(--blob-1),transparent 72%),radial-gradient(45% 42% at 92% 78%,var(--blob-2),transparent 72%)}.mission-code{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(1rem,3vw,2.4rem);padding:clamp(1.2rem,3.5vw,2.2rem);margin-bottom:1.2rem;overflow:hidden}.mission-intro{align-self:center;padding:.4rem}.mission-kicker{color:var(--accent);display:inline-flex;align-items:center;gap:.45rem;font-family:var(--mono);font-size:.74rem}.mission-intro h3{font-size:clamp(1.8rem,4vw,3rem);margin-top:.6rem}.mission-intro p{color:var(--muted);max-width:28ch;margin-top:.7rem}.mission-console{min-width:0;padding:clamp(1rem,2.5vw,1.5rem);border-radius:calc(var(--radius) - 7px);background:color-mix(in srgb,var(--bg-elev) 72%,transparent);border:1px solid var(--line)}.mission-progress{display:grid;grid-template-columns:auto minmax(90px,1fr);align-items:center;gap:1rem;color:var(--muted);font-family:var(--mono);font-size:.72rem}.mission-track{height:6px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--muted) 15%,transparent)}.mission-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--violet));transition:width .3s var(--ease)}.mission-question{margin:1.35rem 0 1rem;animation:missionEnter .25s var(--ease) both}.mission-question h4{font-size:clamp(1.15rem,2.5vw,1.45rem)}.mission-question p{color:var(--muted);margin-top:.4rem}.mission-choices{display:grid;gap:.55rem}.mission-choice{min-height:52px;width:100%;display:flex;align-items:center;gap:.75rem;text-align:left;padding:.7rem .85rem;border-radius:14px;cursor:pointer;color:var(--ink);background:var(--glass-bg);border:1px solid var(--glass-brd);transition:transform .15s var(--ease),border-color .18s,background .18s}.mission-choice>span{width:28px;height:28px;flex:none;display:grid;place-items:center;border-radius:9px;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);font-family:var(--mono);font-size:.72rem}.mission-choice:active{transform:scale(.985)}.mission-choice:disabled{cursor:default;opacity:.68}.mission-choice.correct{opacity:1;border-color:color-mix(in srgb,#52e6a4 65%,transparent);background:color-mix(in srgb,#52e6a4 10%,transparent)}.mission-choice.wrong{opacity:1;border-color:color-mix(in srgb,#ff7373 62%,transparent);background:color-mix(in srgb,#ff7373 9%,transparent)}@media (hover: hover) and (pointer: fine){.mission-choice:not(:disabled):hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 55%,var(--glass-brd))}}.mission-feedback{display:grid;grid-template-columns:auto 1fr;gap:.65rem;align-items:start;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line);animation:missionEnter .22s var(--ease) both}.mission-feedback>svg{color:#52e6a4;margin-top:.2rem}.mission-feedback p{color:var(--muted);font-size:.88rem}.mission-feedback strong{color:var(--ink)}.mission-feedback .btn{grid-column:2;width:fit-content;min-height:48px}.mission-result{grid-column:2;align-self:center;padding:clamp(1rem,3vw,2rem);animation:missionEnter .28s var(--ease) both}.mission-score{display:block;color:var(--accent);font:800 clamp(2.8rem,7vw,5rem)/1 var(--mono);font-variant-numeric:tabular-nums}.mission-result h4{font-size:clamp(1.5rem,3vw,2rem);margin-top:.7rem}.mission-result p{color:var(--muted);max-width:50ch;margin-top:.7rem}.mission-result-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.2rem}@keyframes missionEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.lab-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.lab-card{min-width:0;overflow:hidden;display:grid;grid-template-rows:minmax(280px,1fr) auto}.lab-card.lab-wide{grid-column:1 / -1;grid-template-columns:.8fr 1.2fr;grid-template-rows:minmax(380px,auto);align-items:center}.lab-card.lab-cube{grid-template-rows:auto minmax(330px,1fr)}.lab-copy{position:relative;z-index:3;padding:1.35rem 1.5rem 1.5rem}.lab-copy>span{display:block;color:var(--accent);font-family:var(--mono);font-size:.72rem;letter-spacing:.05em;margin-bottom:.45rem}.lab-copy h3{font-size:clamp(1.25rem,3vw,1.8rem)}.lab-copy p{color:var(--muted);margin-top:.55rem;max-width:42ch}.lab-visual,.lab-tree{position:relative;min-height:320px;overflow:hidden}.lab-card .stage{min-height:330px}.lab-tree .tree-box{min-height:390px;aspect-ratio:auto;background:transparent}.lab-visual .dna-canvas,.lab-visual .brain-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.code-panel{background:linear-gradient(180deg,#1e16066b,#06050ac7)}@media (max-width: 760px){.mission-code{grid-template-columns:1fr}.mission-intro p{max-width:38ch}.mission-result{grid-column:auto}.mission-progress{grid-template-columns:1fr;gap:.5rem}.mission-feedback{grid-template-columns:auto 1fr}.mission-result-actions{display:grid}.mission-result-actions .btn{width:100%;justify-content:center;min-height:48px}.lab-grid{grid-template-columns:1fr}.lab-card.lab-wide{grid-column:auto;grid-template-columns:1fr;grid-template-rows:auto minmax(330px,auto)}.lab-card{grid-template-rows:minmax(260px,1fr) auto}.lab-card.lab-cube{grid-template-rows:auto minmax(310px,1fr)}.lab-card .stage{min-height:310px;transform:scale(.84);margin-block:-25px}.lab-tree .tree-box{min-height:340px}}.skills-svg{width:100%;height:auto;overflow:visible}.skills-svg .badge-g{opacity:0;transform:translate(34px);cursor:default;transition:opacity .6s ease,transform .6s var(--ease);transition-delay:calc(var(--i) * 55ms)}.skills-svg.in .badge-g{opacity:1;transform:translate(0)}.skills-svg .badge-rect{transition:filter .25s}.skills-svg .badge-g:hover .badge-rect{filter:brightness(1.22) drop-shadow(0 0 10px currentColor)}.skills-svg .connector{fill:none;stroke-dasharray:1.5 9;stroke-linecap:round;opacity:0;transition:opacity .6s ease;transition-delay:calc(var(--i) * 55ms + .12s);animation:flow 1.1s linear infinite}.skills-svg.in .connector{opacity:.85}@keyframes flow{to{stroke-dashoffset:-21}}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.1rem}.service{position:relative;padding:1.7rem 1.6rem;display:flex;flex-direction:column;gap:.6rem;overflow:hidden;transition:transform .35s var(--ease),border-color .35s var(--ease)}.service:before{content:none}.service:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--accent) 40%,var(--glass-brd))}.service:hover:before{opacity:1}.service-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.service .ic{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid var(--glass-brd);transition:transform .35s var(--ease),box-shadow .35s}.service:hover .ic{transform:rotate(-6deg) scale(1.06);box-shadow:0 0 22px -6px color-mix(in srgb,var(--accent) 70%,transparent)}.service .num{font-family:var(--mono);font-size:1.5rem;font-weight:700;color:var(--faint);font-variant-numeric:tabular-nums}.service h3{font-size:1.18rem}.service .short{color:var(--muted);font-size:.93rem}.service ul{list-style:none;padding:0;margin:.3rem 0 .2rem;display:flex;flex-direction:column;gap:.45rem}.service li{color:var(--muted);font-size:.88rem;padding-left:1.35rem;position:relative}.service li:before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px color-mix(in srgb,var(--accent) 70%,transparent)}.service-link{margin-top:auto;padding-top:.6rem;display:inline-flex;align-items:center;gap:.35em;font-family:var(--mono);font-size:.8rem;color:var(--accent);width:fit-content;transition:gap .25s}.service-link{min-height:48px;padding-block:.7rem}.service-link:hover{gap:.7em}.gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:1.1rem}.showcase{position:relative;border-radius:var(--radius);overflow:hidden;min-height:200px;transform-style:preserve-3d;transition:box-shadow .4s var(--ease);cursor:pointer}.showcase.span-6{grid-column:span 6}.showcase.span-4{grid-column:span 4}.showcase.span-8{grid-column:span 8}.showcase.tall{aspect-ratio:3/4}.showcase.wide{aspect-ratio:16/10}@media (max-width: 820px){.showcase.span-6,.showcase.span-4,.showcase.span-8{grid-column:span 12}}.showcase img{position:absolute;left:0;top:-10%;width:100%;height:120%;object-fit:cover;will-change:transform}.showcase .veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 40%,rgba(3,4,10,.82));z-index:1}:root[data-theme=light] .showcase .veil{background:linear-gradient(180deg,transparent 42%,rgba(8,12,26,.78))}.showcase .glow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;opacity:0;transition:opacity .4s;border-radius:inherit;box-shadow:inset 0 0 60px color-mix(in srgb,var(--accent) 45%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent)}.showcase:hover .glow{opacity:1}@keyframes scFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.showcase{animation:scFloat 7s ease-in-out infinite}@keyframes scFlash{0%{transform:scale(1)}35%{transform:scale(1.025)}to{transform:scale(1)}}.showcase.flash{animation:scFlash .5s var(--ease)}.showcase.flash .glow{opacity:1}.showcase .cap{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:1.1rem 1.2rem;transform:translateZ(30px)}.showcase .cap .t{font-weight:700;font-size:1.05rem}.showcase .cap .s{font-family:var(--mono);font-size:.74rem;color:var(--accent);letter-spacing:.06em;margin-top:.2rem}.showcase .missing{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;place-items:center;text-align:center;padding:1rem;background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,transparent) 0 12px,transparent 12px 24px),var(--bg-elev);border:1px dashed color-mix(in srgb,var(--accent) 40%,transparent);border-radius:var(--radius)}.showcase .missing code{font-family:var(--mono);font-size:.78rem;color:var(--accent)}.showcase .missing p{color:var(--muted);font-size:.82rem;margin-top:.4rem}.cube-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3rem);align-items:center}@media (max-width: 860px){.cube-layout{grid-template-columns:1fr}}.stage{perspective:1100px;display:flex;align-items:center;justify-content:center;min-height:360px;cursor:grab}.stage:active{cursor:grabbing}.cube{position:relative;width:200px;height:200px;transform-style:preserve-3d}.cube .face{position:absolute;width:200px;height:200px;border:1px solid color-mix(in srgb,var(--cyan) 50%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--cyan) 12%,transparent),color-mix(in srgb,var(--violet) 8%,transparent));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:inset 0 0 40px -8px color-mix(in srgb,var(--cyan) 55%,transparent);display:grid;place-items:center;overflow:hidden}.cube .face:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.6;background-image:linear-gradient(color-mix(in srgb,var(--cyan) 16%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--cyan) 16%,transparent) 1px,transparent 1px);background-size:22px 22px}.cube .tag{position:absolute;top:8px;left:10px;font-family:var(--mono);font-size:.58rem;color:var(--cyan);letter-spacing:.1em}.cube .bars{display:flex;gap:6px;align-items:flex-end;height:62px;z-index:1}.cube .bars b{width:9px;border-radius:2px;background:linear-gradient(var(--cyan),var(--magenta));box-shadow:0 0 10px color-mix(in srgb,var(--cyan) 60%,transparent);animation:barPulse 1.6s ease-in-out infinite}@keyframes barPulse{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.cube .f1{transform:rotateY(0) translateZ(100px)}.cube .f2{transform:rotateY(90deg) translateZ(100px)}.cube .f3{transform:rotateY(180deg) translateZ(100px)}.cube .f4{transform:rotateY(-90deg) translateZ(100px)}.cube .f5{transform:rotateX(90deg) translateZ(100px)}.cube .f6{transform:rotateX(-90deg) translateZ(100px)}.cube-note{font-family:var(--mono);font-size:.74rem;color:var(--faint);text-align:center;margin-top:1rem;letter-spacing:.05em}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.3rem}.project{overflow:hidden;display:flex;flex-direction:column;transition:transform .35s var(--ease)}.project:hover{transform:translateY(-6px)}.project .media{position:relative;aspect-ratio:16/10;overflow:hidden}.project .media img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}.project:hover .media img{transform:scale(1.06)}.project .badge{position:absolute;top:.8rem;right:.8rem;z-index:2}.project .techs{position:absolute;left:.8rem;bottom:.8rem;z-index:2;display:flex;flex-wrap:wrap;gap:.35rem}.project .techs span{font-family:var(--mono);font-size:.66rem;padding:.28em .7em;border-radius:999px;background:#03040a8c;border:1px solid var(--glass-brd);color:#eaf1ff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.project .body{padding:1.3rem 1.4rem;display:flex;flex-direction:column;gap:.6rem;flex:1}.project .body h3{font-size:1.2rem}.project .body p{color:var(--muted);font-size:.93rem;flex:1}.project-outcome{margin-top:.35rem;padding:.8rem .9rem;border-radius:14px;background:color-mix(in srgb,var(--accent) 7%,transparent)}.project-outcome strong{display:block;color:var(--accent);font-family:var(--mono);font-size:.7rem;letter-spacing:.04em;margin-bottom:.2rem}.project-outcome span{display:block;color:var(--ink);font-size:.86rem;line-height:1.45}.project .actions{display:flex;gap:.6rem;margin-top:.4rem}.project .actions .btn{padding:.6rem 1rem;font-size:.78rem}.project .actions .btn{min-height:48px}.btn.disabled{opacity:.65;cursor:default}.btn.disabled:hover{transform:none;box-shadow:none;border-color:var(--glass-brd)}.empty-state{padding:clamp(1.5rem,5vw,3rem);max-width:680px}.empty-state h3{font-size:clamp(1.4rem,3vw,2rem)}.empty-state p{color:var(--muted);margin:.75rem 0 1.3rem}.pill.badge{display:inline-flex;align-items:center;gap:.4em;background:#03040a8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pill.badge.completed{color:#52e6a4;border-color:color-mix(in srgb,#52e6a4 45%,transparent)}.pill.badge.in-progress{color:#ffcf6b;border-color:color-mix(in srgb,#ffcf6b 45%,transparent)}.proj-mock{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:linear-gradient(150deg,hsl(var(--hue,210) 70% 24%),hsl(calc(var(--hue,210) + 40) 60% 11%))}.proj-mock-bar{display:flex;align-items:center;gap:6px;padding:.55rem .8rem;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.08)}.proj-mock-bar i{width:9px;height:9px;border-radius:50%;background:#ffffff59;flex:none}.proj-mock-bar i:nth-child(1){background:#ff5f57}.proj-mock-bar i:nth-child(2){background:#febc2e}.proj-mock-bar i:nth-child(3){background:#28c840}.proj-mock-bar em{margin-left:.5rem;font-style:normal;font-family:var(--mono);font-size:.72rem;color:#ffffffc7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.proj-mock-body{flex:1;display:grid;place-items:center}.proj-mock-body span{font-family:var(--mono);font-weight:800;font-size:2.6rem;letter-spacing:.05em;color:#ffffffeb;text-shadow:0 0 30px rgba(255,255,255,.4)}.timeline{position:relative;display:flex;flex-direction:column;gap:1rem;padding-left:1.6rem}.timeline:before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:1px;background:linear-gradient(var(--accent),transparent)}.tl-item{position:relative;padding:1.3rem 1.5rem}.tl-item:before{content:"";position:absolute;left:-1.6rem;top:1.7rem;width:11px;height:11px;border-radius:50%;background:var(--bg);border:3px solid var(--accent);transform:translate(-1px)}.tl-item .top{display:flex;flex-wrap:wrap;align-items:baseline;gap:.6rem;justify-content:space-between}.tl-item h3{font-size:1.15rem}.tl-item .date{font-family:var(--mono);font-size:.76rem;color:var(--accent)}.tl-item .co{color:var(--muted);font-size:.84rem;font-family:var(--mono)}.tl-item p{color:var(--muted);margin-top:.5rem;font-size:.95rem}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(1.4rem,4vw,2.5rem);align-items:start;min-width:0}@media (max-width: 820px){.contact-grid{grid-template-columns:1fr}}.contact-info{padding:1.6rem;display:flex;flex-direction:column;gap:1rem;min-width:0}.contact-info h3{font-size:1.2rem}.contact-note{display:flex;align-items:flex-start;gap:.55rem;color:var(--muted);font-size:.88rem}.contact-note svg{color:var(--accent);flex:none;margin-top:.2rem}.contact-info .row{display:flex;align-items:center;gap:.8rem;color:var(--muted);font-size:.95rem;min-width:0;overflow-wrap:anywhere}.contact-info .row .ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid var(--glass-brd);flex:none}.contact-info .socials{display:flex;gap:.6rem;margin-top:.4rem}.contact-info .socials a{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:1.1rem;background:var(--glass-bg);border:1px solid var(--glass-brd);transition:transform .2s,border-color .2s}.contact-info .socials a:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 55%,transparent);color:var(--accent)}.contact-form{padding:1.6rem;display:flex;flex-direction:column;gap:1rem;min-width:0}.field{display:flex;flex-direction:column;gap:.4rem}.field label{font-family:var(--mono);font-size:.74rem;letter-spacing:.06em;color:var(--muted);display:flex;align-items:center;gap:.5rem}.field input,.field textarea{background:color-mix(in srgb,var(--bg-elev) 60%,transparent);border:1px solid var(--glass-brd);border-radius:14px;padding:.85rem 1rem;color:var(--ink);transition:border-color .2s,box-shadow .2s;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:var(--faint)}.field input:focus,.field textarea:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 60%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.form-alert{border-radius:12px;padding:.8rem 1rem;font-size:.88rem;font-family:var(--mono)}.form-alert.success{background:color-mix(in srgb,#22c55e 16%,transparent);border:1px solid color-mix(in srgb,#22c55e 40%,transparent);color:#b6f4c9}.form-alert.error{background:color-mix(in srgb,#ef4444 16%,transparent);border:1px solid color-mix(in srgb,#ef4444 40%,transparent);color:#ffc9c9}:root[data-theme=light] .form-alert.success{color:#0a7d38}:root[data-theme=light] .form-alert.error{color:#b42323}.footer{padding:3rem 0 3.5rem;border-top:1px solid var(--line);margin-top:2rem}.footer-inner{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center;color:var(--faint);font-family:var(--mono);font-size:.8rem}.anim-panel{position:relative;overflow:hidden;border-radius:var(--radius);aspect-ratio:4/5;min-height:360px;border:1px solid var(--glass-brd);box-shadow:var(--glass-shadow),inset 0 1px 0 var(--glass-hi)}.anim-panel .tag{position:absolute;top:.9rem;left:1rem;z-index:3}.dna-panel{background:radial-gradient(120% 90% at 50% 28%,#14469659,#040814eb)}.dna-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.brain-panel{background:radial-gradient(120% 95% at 50% 34%,#5a2da057,#060610f0)}.brain-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.tree-box{position:relative;overflow:hidden;aspect-ratio:4/5;min-height:360px;display:grid;place-items:center;background:linear-gradient(180deg,#162c5a29,#060a1657)}.tree-box:after{content:"";position:absolute;left:0;right:0;bottom:0;height:42%;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(90,180,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(90,180,255,.09) 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:linear-gradient(transparent,#000);mask-image:linear-gradient(transparent,#000)}.tree-svg{position:relative;z-index:1;width:100%;height:100%}.tree-seg{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.1s var(--ease);transition-delay:calc(var(--i) * .16s)}.tree-svg.in .tree-seg{stroke-dashoffset:0}.tree-tip{opacity:0;transform-box:fill-box;transform-origin:center;animation:tipPulse 2.4s ease-in-out infinite}.tree-svg.in .tree-tip{opacity:1}@keyframes tipPulse{0%,to{transform:scale(.7)}50%{transform:scale(1.35)}}.tree-crystal{transform-box:fill-box;animation:crystalFloat 6s ease-in-out infinite}@keyframes crystalFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(45deg)}}.tree-tag{position:absolute;bottom:.9rem;left:1.1rem;z-index:3;font-family:var(--mono);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan)}.codestream{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0;-webkit-mask-image:linear-gradient(180deg,transparent,#000 12%,#000 86%,transparent);mask-image:linear-gradient(180deg,transparent,#000 12%,#000 86%,transparent)}.codestream .cs-track{display:flex;flex-direction:column;gap:.3rem;padding:1rem 1.2rem;animation:csScroll linear infinite;will-change:transform}@keyframes csScroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.cs-line{font-family:var(--mono);font-size:.8rem;line-height:1.5;white-space:nowrap}.cs-cyan .cs-line{color:#78e1ffd9;text-shadow:0 0 8px rgba(53,226,255,.5)}.cs-gold .cs-line{color:#ffd482eb;text-shadow:0 0 10px rgba(255,180,70,.6)}.cs-green .cs-line{color:#78ffaad9;text-shadow:0 0 8px rgba(60,255,130,.5)}.cs-line:nth-child(3n){opacity:.55}.cs-line:nth-child(4n){opacity:.8}.cs-panel{background:linear-gradient(180deg,#1e160680,#06050ad9)}.portrait-stack{position:relative;width:min(360px,82vw);aspect-ratio:3/4;border-radius:30px;overflow:hidden;padding:0}.portrait-stack .codestream{opacity:.5}.portrait-stack .frame{position:absolute;top:38px;right:16px;bottom:16px;left:16px;width:auto;aspect-ratio:auto;border-radius:20px;overflow:hidden;z-index:1;border:1px solid color-mix(in srgb,var(--cyan) 30%,var(--glass-brd));box-shadow:0 14px 40px -14px #000000b3,inset 0 0 0 1px #ffffff0f}.portrait-stack .frame img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.portrait-stack .chip{z-index:2}@media (prefers-reduced-motion: reduce){.codestream .cs-track{animation:none}}.feature-title{font-size:clamp(1.5rem,3.6vw,2.2rem);margin:1rem 0 .8rem}.feature-text{color:var(--muted);font-size:1.02rem}.cta-band{position:relative;overflow:hidden;isolation:isolate;padding-block:clamp(4.5rem,12vw,8rem)}.cta-bg-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;overflow:hidden;animation:kenburns 24s ease-in-out infinite alternate}@keyframes kenburns{0%{transform:scale(1.02)}to{transform:scale(1.14)}}.cta-bg{position:absolute;left:0;top:-12%;width:100%;height:124%;object-fit:cover}.cta-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(120% 100% at 50% 0%,#080a1680,#04060ee6 75%)}.cta-content{max-width:640px;margin-inline:auto;text-align:center;color:#eef3ff}.cta-content h2{font-size:clamp(2rem,5.5vw,3.3rem)}.cta-content p{color:#b3bedd;margin:1rem auto 1.7rem;font-size:1.1rem;max-width:46ch}.btn.lg{padding:1rem 1.9rem;font-size:.95rem}.profile-card{width:min(380px,92vw);border-radius:28px;overflow:hidden;padding:0}.pc-cover{position:relative;height:clamp(140px,34vw,190px);overflow:hidden}.pc-cover img{width:100%;height:100%;object-fit:cover;transform-origin:center;animation:coverDrift 16s ease-in-out infinite;will-change:transform}@keyframes coverDrift{0%{transform:scale(1.16) translate(0) rotate(0)}20%{transform:scale(1.19) translate(-2.4%,-1.8%) rotate(-.7deg)}45%{transform:scale(1.15) translate(2%,1.4%) rotate(.6deg)}70%{transform:scale(1.2) translate(-1.4%,1.8%) rotate(-.5deg)}to{transform:scale(1.16) translate(0) rotate(0)}}.pc-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 42%,color-mix(in srgb,var(--bg-elev) 62%,transparent))}.pc-status{position:absolute;top:12px;left:12px;z-index:2;display:inline-flex;align-items:center;gap:.45em;font-family:var(--mono);font-size:.66rem;letter-spacing:.05em;color:#eafff4;background:#060a106b;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:.32em .72em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pc-status svg{color:#52e6a4}.pc-avatar{width:116px;height:116px;border-radius:50%;overflow:hidden;margin:-58px auto 0;position:relative;z-index:2;border:3px solid var(--bg-elev);box-shadow:0 12px 30px -12px #000000a6}.pc-avatar img{width:100%;height:100%;object-fit:cover;object-position:center 30%}.pc-info{padding:.7rem 1.3rem 1.5rem;text-align:center}.pc-name{font-size:1.3rem;font-weight:800;letter-spacing:-.01em}.pc-role{color:var(--accent);font-family:var(--mono);font-size:.82rem;margin-top:.3rem}.pc-loc{color:var(--muted);font-size:.84rem;margin-top:.35rem;display:inline-flex;align-items:center;gap:.4em}.pc-socials{display:flex;justify-content:center;gap:.55rem;margin-top:1.1rem}.pc-socials a{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:1.05rem;background:var(--glass-bg);border:1px solid var(--glass-brd);color:var(--ink);transition:transform .2s var(--ease),border-color .2s,color .2s}.pc-socials a:hover{transform:translateY(-3px);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 55%,transparent)}@media (min-width: 900px){.profile-card{width:min(430px,100%)}.pc-cover{height:clamp(180px,15vw,220px)}.pc-avatar{width:142px;height:142px;margin-top:-71px;border-width:4px}.pc-name{font-size:1.5rem}.pc-role{font-size:.88rem}}.services-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}@media (max-width: 900px){.hero-portrait{max-width:420px;margin-inline:auto}.hero{min-height:auto;padding:6.5rem 0 4.5rem}.hero-inner{gap:1.5rem}.hero-card{order:1}.hero-portrait{order:2}.profile-poster{width:min(100%,390px)}.scroll-hint{display:none}}@media (max-width: 400px){.stats{grid-template-columns:1fr 1fr}.pc-socials a{width:48px;height:48px}.hero h1{font-size:clamp(2.35rem,11.5vw,3.15rem)}.hero-card{padding:1.35rem}.hero .cta-row{display:grid;grid-template-columns:1fr}.hero .cta-row .btn{width:100%;justify-content:center;min-height:48px}}@media (hover: none),(pointer: coarse){.btn:hover,.service:hover,.project:hover,.pc-socials a:hover,.contact-info .socials a:hover,.theme-toggle:hover{transform:none;box-shadow:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}}