:root{--bg:#06080c;--bg-elevated:#0c0f16;--fg:#f1f5f9;--fg-soft:#cbd5e1;--fg-muted:#94a3b8;--stroke:#94a3b82e;--accent:#38bdf8;--accent-2:#22d3ee;--shadow-card:0 18px 50px #00000059;--shadow-card-hover:0 24px 70px #00000073;--font-display:"Outfit", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;font-family:var(--font-display);color:var(--fg-muted);background-color:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:17px;line-height:1.5}@media (width<=640px){:root{font-size:16px}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg);min-height:100svh;margin:0}#app{width:100%;max-width:100%;min-height:100svh;margin:0}h1,h2,h3{font-family:var(--font-display)}p{margin:0}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.shell{min-height:100svh;color:var(--fg-muted);position:relative;overflow-x:clip}.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}.bg-grid{z-index:0;pointer-events:none;background-image:linear-gradient(#38bdf80a 1px,#0000 1px),linear-gradient(90deg,#38bdf80a 1px,#0000 1px);background-size:64px 64px;animation:80s linear infinite grid-drift;position:fixed;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 0,#000 20%,#0000 75%);mask-image:radial-gradient(80% 60% at 50% 0,#000 20%,#0000 75%)}@media (prefers-reduced-motion:reduce){.bg-grid{animation:none}}@keyframes grid-drift{0%{transform:translate(0,0)}to{transform:translate(-64px,-64px)}}.bg-glow{filter:blur(100px);opacity:.45;pointer-events:none;z-index:0;will-change:transform;border-radius:50%;position:fixed}.bg-glow--a{background:radial-gradient(circle,#38bdf88c,#0000 70%);width:min(520px,90vw);height:min(520px,90vw);animation:22s ease-in-out infinite alternate orb-a;top:-120px;right:-80px}.bg-glow--b{background:radial-gradient(circle,#a78bfa73,#0000 70%);width:min(420px,80vw);height:min(420px,80vw);animation:26s ease-in-out infinite alternate orb-b;bottom:10%;left:-100px}.bg-glow--c{background:radial-gradient(circle,#22d3ee40,#0000 70%);width:min(360px,70vw);height:min(360px,70vw);animation:30s ease-in-out infinite alternate orb-c;top:40%;left:40%}@keyframes orb-a{0%{transform:translate(0,0)scale(1)}to{transform:translate(-40px,60px)scale(1.08)}}@keyframes orb-b{0%{transform:translate(0,0)scale(1)}to{transform:translate(50px,-30px)scale(1.12)}}@keyframes orb-c{0%{transform:translate(0,0)scale(1)}to{transform:translate(-30px,40px)scale(1.06)}}@media (prefers-reduced-motion:reduce){.bg-glow{opacity:.28;animation:none}}.site-header{z-index:40;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;gap:1rem;padding:1rem clamp(1rem,4vw,2rem);transition:background .35s,border-color .35s,-webkit-backdrop-filter .35s,backdrop-filter .35s;display:flex;position:sticky;top:0}.site-header--scrolled{border-color:var(--stroke);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0c12b8}.brand{color:var(--fg);font-family:var(--font-display);letter-spacing:.06em;align-items:center;gap:.6rem;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-flex}.brand__mark{background:linear-gradient(135deg, var(--accent-2), var(--accent));border-radius:3px;width:10px;height:10px;box-shadow:0 0 20px #38bdf873}.nav-desktop{display:block}.nav-list{gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.nav-list a{color:var(--fg-soft);border-radius:999px;padding:.5rem .85rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s,background .2s;display:inline-block}.nav-list a:hover{color:var(--fg);background:#ffffff0f}.nav-toggle{border:1px solid var(--stroke);cursor:pointer;background:#ffffff0a;border-radius:12px;width:44px;height:44px;padding:0;display:none;position:relative}.nav-toggle__bars,.nav-toggle__bars:before,.nav-toggle__bars:after{content:"";background:var(--fg);border-radius:2px;width:18px;height:2px;transition:transform .25s,opacity .2s;display:block;position:absolute;left:50%;transform:translate(-50%)}.nav-toggle__bars{margin-top:-1px;top:50%}.nav-toggle__bars:before{top:-6px}.nav-toggle__bars:after{top:6px}.nav-toggle__bars.is-open{background:0 0}.nav-toggle__bars.is-open:before{top:0;transform:translate(-50%)rotate(45deg)}.nav-toggle__bars.is-open:after{top:0;transform:translate(-50%)rotate(-45deg)}.mobile-drawer{z-index:35;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;pointer-events:none;background:#06080ceb;padding:5.5rem 1.5rem 2rem;transition:opacity .3s;display:none;position:fixed;inset:0}.mobile-drawer.is-open{opacity:1;pointer-events:auto}.mobile-drawer__list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.mobile-drawer__list a{color:var(--fg);border:1px solid var(--stroke);background:#ffffff0a;border-radius:14px;padding:1rem 1.1rem;font-size:1.15rem;font-weight:600;text-decoration:none;display:block}@media (width<=900px){.nav-desktop{display:none}.nav-toggle,.mobile-drawer{display:block}}main{z-index:1;position:relative}.section{max-width:960px;margin:0 auto;padding:clamp(3.5rem,10vw,6rem) clamp(1rem,4vw,2rem)}.section--alt{border-block:1px solid var(--stroke);background:linear-gradient(#ffffff05,#0000)}.section--cta{padding-bottom:clamp(4rem,12vw,7rem)}.section__head{max-width:42rem;margin-bottom:2.5rem}.eyebrow{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 .75rem;font-size:.78rem;font-weight:500}.section__title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--fg);margin:0 0 .75rem;font-size:clamp(1.75rem,4vw,2.35rem);font-weight:700;line-height:1.15}.section__lede{color:var(--fg-soft);margin:0;font-size:1.05rem;line-height:1.65}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:min(92svh,880px);padding:6.5rem 1.25rem 5rem;display:flex;position:relative}.hero__badge{color:var(--fg-soft);border:1px solid var(--stroke);background:#ffffff0a;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1.75rem;padding:.45rem 1rem .45rem .65rem;font-size:.82rem;font-weight:500;display:inline-flex}.hero__dot{background:var(--accent-2);width:8px;height:8px;box-shadow:0 0 12px var(--accent);border-radius:50%}.animate-float{animation:5s ease-in-out infinite float-y}@media (prefers-reduced-motion:reduce){.animate-float{animation:none}}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.hero__avatar-wrap{background:linear-gradient(135deg, var(--accent-2), var(--accent), #a78bfa);border-radius:50%;margin:0 0 1.5rem;padding:3px;box-shadow:0 16px 48px #00000073,0 0 0 1px #ffffff14,0 0 32px #38bdf826}.hero__avatar{object-fit:cover;object-position:center 20%;background:var(--bg-elevated);border-radius:50%;width:clamp(104px,28vw,160px);height:clamp(104px,28vw,160px);display:block}.hero__title{flex-direction:column;gap:.35rem;margin:0 0 1.25rem;display:flex}.hero__name{font-family:var(--font-display);letter-spacing:-.04em;background:linear-gradient(120deg,#f8fafc 0%,#a5f3fc 35%,#c4b5fd 70%,#f8fafc 100%) 0 0/200%;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.4rem,7vw,3.75rem);font-weight:800;line-height:1.05;animation:8s linear infinite shine}@media (prefers-reduced-motion:reduce){.hero__name{color:var(--fg);background:0 0;-webkit-background-clip:unset;background-clip:unset;animation:none}}@keyframes shine{0%{background-position:0%}to{background-position:200%}}.hero__role{font-family:var(--font-display);color:var(--fg-soft);letter-spacing:.02em;font-size:clamp(1rem,2.4vw,1.25rem);font-weight:500}.hero__sub{max-width:38rem;color:var(--fg-muted);margin:0 auto 2rem;font-size:1.05rem;line-height:1.7}.hero__actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:2.75rem;display:flex}.btn{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:.75rem 1.35rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .25s,background .2s,border-color .2s;display:inline-flex}.btn--primary{color:#0a0c12;background:linear-gradient(135deg, var(--accent-2), var(--accent));box-shadow:0 0 0 1px #38bdf859,0 12px 40px #38bdf833}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #38bdf880,0 16px 48px #38bdf847}.btn--ghost{color:var(--fg);border-color:var(--stroke);background:#ffffff0d}.btn--ghost:hover{background:#ffffff17;transform:translateY(-2px)}.hero__metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;width:100%;max-width:720px;display:grid}.metric{border:1px solid var(--stroke);text-align:left;background:#ffffff08;border-radius:16px;padding:1rem .75rem}.metric__k{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:.35rem;font-size:.7rem;display:block}.metric__v{color:var(--fg-soft);font-size:.88rem;font-weight:500;line-height:1.35}@media (width<=640px){.hero__metrics{grid-template-columns:1fr}}.scroll-hint{border:1px solid var(--stroke);opacity:.7;border-radius:999px;justify-content:center;width:28px;height:44px;padding-top:8px;transition:opacity .2s;display:flex;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.scroll-hint:hover{opacity:1}.scroll-hint__line{background:linear-gradient(180deg, var(--accent), transparent);border-radius:999px;width:4px;height:10px;animation:1.8s ease-in-out infinite scroll-pulse}@media (prefers-reduced-motion:reduce){.scroll-hint{display:none}}@keyframes scroll-pulse{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(6px)}}.reveal{opacity:0;transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1);transform:translateY(28px)}.reveal--visible{opacity:1;transform:translate(0,0)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}.timeline{flex-direction:column;gap:1.5rem;display:flex}.timeline__card{grid-template-columns:28px 1fr;align-items:start;gap:1rem;display:grid}@media (width>=641px){.timeline__card{gap:1.35rem}}.timeline__rail{width:100%;min-height:100%;position:relative}.timeline__rail:before{content:"";background:linear-gradient(180deg, var(--accent), #a78bfa33);border-radius:999px;width:2px;margin-left:-1px;position:absolute;top:10px;bottom:-1.5rem;left:50%}.timeline__card:last-child .timeline__rail:before{bottom:0}.timeline__node{background:var(--bg-elevated);border:2px solid var(--accent);border-radius:50%;width:14px;height:14px;margin:6px auto 0;display:block;box-shadow:0 0 16px #38bdf859}.timeline__body{border:1px solid var(--stroke);box-shadow:var(--shadow-card);background:#ffffff08;border-radius:20px;padding:1.35rem 1.5rem;transition:transform .35s,border-color .35s,box-shadow .35s}.timeline__body:hover{box-shadow:var(--shadow-card-hover);border-color:#38bdf859;transform:translateY(-3px)}.timeline__header{margin-bottom:1rem}.timeline__role{font-family:var(--font-display);color:var(--fg);letter-spacing:-.02em;margin:0 0 .2rem;font-size:1.2rem;font-weight:700}.timeline__company{color:var(--accent-2);margin:0;font-size:.95rem;font-weight:600}.timeline__period{font-family:var(--font-mono);color:var(--fg-muted);margin:.35rem 0 0;font-size:.75rem}.timeline__list{color:var(--fg-soft);flex-direction:column;gap:.65rem;margin:0;padding-left:1.1rem;font-size:.95rem;line-height:1.65;display:flex}.timeline__list li::marker{color:var(--accent)}.bento{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}@media (width<=900px){.bento{grid-template-columns:1fr}}.bento__card{border:1px solid var(--stroke);color:var(--fg-soft);background:#ffffff08;border-radius:20px;padding:1.5rem 1.35rem;font-size:.95rem;line-height:1.65;transition:transform .35s,border-color .35s;position:relative;overflow:hidden}.bento__card:hover{border-color:#a78bfa66;transform:translateY(-4px)}.bento__card p{z-index:1;margin:0;position:relative}.bento__shine{opacity:.6;pointer-events:none;background:conic-gradient(from 120deg,#0000,#38bdf814,#0000 40%);animation:14s linear infinite spin-slow;position:absolute;inset:-40%}@media (prefers-reduced-motion:reduce){.bento__shine{animation:none}}@keyframes spin-slow{to{transform:rotate(360deg)}}.bento__card--1{grid-column:span 1}.skill-groups{flex-direction:column;gap:2rem;display:flex}.skill-group__title{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted);margin:0 0 .85rem;font-size:.78rem}.skill-pills{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.skill-pill{color:var(--fg-soft);border:1px solid var(--stroke);background:#ffffff0a;border-radius:999px;padding:.45rem .9rem;font-size:.88rem;font-weight:500;transition:transform .2s,border-color .2s,box-shadow .2s;display:inline-block}.skill-pill:hover{border-color:#38bdf873;transform:translateY(-2px);box-shadow:0 8px 24px #00000040}.cta{background:linear-gradient(145deg,#38bdf81f,#a78bfa14);border:1px solid #38bdf840;border-radius:28px;padding:clamp(2rem,5vw,3rem);box-shadow:0 24px 80px #00000059}.cta__copy{margin-bottom:2rem}.cta__lede{max-width:36rem}.social-row{flex-wrap:wrap;gap:.65rem;display:flex}.social-btn{color:var(--fg);border:1px solid var(--stroke);background:#0a0c128c;border-radius:999px;align-items:center;gap:.55rem;padding:.65rem 1.1rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:transform .2s,border-color .2s,background .2s;display:inline-flex}.social-btn:hover{background:#0a0c12d9;border-color:#38bdf880;transform:translateY(-2px)}.social-icon{flex-shrink:0;width:1.15rem;height:1.15rem}.site-footer{z-index:1;text-align:center;color:var(--fg-muted);border-top:1px solid var(--stroke);padding:2rem 1.25rem 2.5rem;font-size:.85rem;position:relative}.site-footer p{margin:0}