:root{--bg:#07080d;--bg2:#0d0f17;--fg:#eef0f6;--muted:#98a0b3;--card:#ffffff0a;--border:#ffffff17;--a1:#8b5cf6;--a2:#22d3ee;--glow:#8b5cf638;--nav:#07080d99;--blob-op:.55;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f7f7fb;--bg2:#fff;--fg:#13151f;--muted:#5b6274;--card:#ffffffb3;--border:#1416281a;--a1:#6d3df0;--a2:#0891b2;--glow:#6d3df029;--nav:#f7f7fbb3;--blob-op:.4;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:4.5rem}body{background:var(--bg);color:var(--fg);margin:0;font:16px/1.65 Inter,system-ui,-apple-system,Segoe UI,sans-serif;transition:background .4s,color .4s;overflow-x:hidden}a{color:inherit;text-decoration:none}h1,h2,h3{letter-spacing:-.02em;margin:0;line-height:1.1}.progress{transform-origin:0;z-index:60;background:linear-gradient(90deg, var(--a1), var(--a2));height:3px;position:fixed;inset:0 0 auto}.nav{z-index:50;-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);background:var(--nav);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.8rem clamp(1rem,4vw,2.5rem);display:flex;position:fixed;top:0;left:0;right:0}.logo{letter-spacing:-.04em;font-size:1.2rem;font-weight:800}.logo span{color:var(--a2)}.navlinks{color:var(--muted);align-items:center;gap:clamp(.8rem,2.5vw,1.8rem);font-size:.92rem;display:flex}.navlinks a:hover{color:var(--fg)}.toggle{border:1px solid var(--border);background:var(--card);width:2.2rem;height:2.2rem;color:var(--fg);cursor:pointer;border-radius:50%;font-size:1.05rem;transition:transform .3s,border-color .3s}.toggle:hover{border-color:var(--a1);transform:rotate(25deg)scale(1.08)}@media (width<=620px){.navlinks a{display:none}}.hero{--px:0;--py:0;place-items:center;min-height:100svh;padding:6rem clamp(1rem,5vw,3rem) 4rem;display:grid;position:relative;overflow:hidden}.mesh{z-index:0;position:absolute;inset:0}.blob{filter:blur(80px);opacity:var(--blob-op);will-change:transform;border-radius:50%;transition:transform .6s cubic-bezier(.22,1,.36,1);position:absolute}.b1{background:var(--a1);width:46vmax;height:46vmax;translate:calc(var(--px) * 40px) calc(var(--py) * 30px);animation:18s ease-in-out infinite alternate drift1;top:-12%;left:-8%}.b2{background:var(--a2);width:40vmax;height:40vmax;translate:calc(var(--px) * -55px) calc(var(--py) * -40px);animation:22s ease-in-out infinite alternate drift2;bottom:-18%;right:-10%}.b3{width:28vmax;height:28vmax;opacity:calc(var(--blob-op) * .55);translate:calc(var(--px) * 70px) calc(var(--py) * 50px);background:#ec4899;animation:26s ease-in-out infinite alternate drift3;top:35%;left:45%}@keyframes drift1{to{transform:translate(12vw,10vh)scale(1.15)}}@keyframes drift2{to{transform:translate(-10vw,-12vh)scale(1.1)}}@keyframes drift3{to{transform:translate(-14vw,8vh)scale(.85)}}.grain{opacity:.35;mix-blend-mode:overlay;background-image:radial-gradient(#ffffff2e 1px,#0000 1px);background-size:3px 3px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 75%);mask-image:radial-gradient(#000 30%,#0000 75%)}.hero-inner{z-index:1;text-align:center;max-width:62rem;position:relative}.eyebrow{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;margin:0 0 1.4rem;font-size:.78rem;animation:.9s 50ms both fadeup}.hero h1{letter-spacing:-.05em;font-size:clamp(3rem,12vw,9rem);font-weight:800}.ch{opacity:0;filter:blur(10px);background:linear-gradient(180deg, var(--fg) 30%, color-mix(in srgb, var(--fg) 55%, var(--a1)));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-bottom:.14em;animation:.9s cubic-bezier(.22,1,.36,1) forwards letter;display:inline-block;transform:translateY(.6em)rotate(4deg)}.ch:hover{opacity:1;filter:none;-webkit-text-fill-color:var(--a2);transition:-webkit-text-fill-color .2s;animation:none;transform:none}@keyframes letter{to{opacity:1;filter:blur();transform:none}}@keyframes fadeup{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.roleline{color:var(--muted);min-height:2.2em;margin:1.6rem 0 2.2rem;font-size:clamp(1.1rem,2.6vw,1.7rem);animation:.9s 1s both fadeup}.rotator{background:linear-gradient(90deg, var(--a1), var(--a2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700;animation:2.4s both swap;display:inline-block}@keyframes swap{0%{opacity:0;filter:blur(6px);transform:translateY(.5em)}12%,85%{opacity:1;filter:none;transform:none}to{opacity:0;filter:blur(6px);transform:translateY(-.5em)}}.cta{flex-wrap:wrap;justify-content:center;gap:.8rem;animation:.9s 1.2s both fadeup;display:flex}.cta.center{margin-top:1.5rem;animation:none}.btn{border:1px solid var(--border);will-change:transform;border-radius:999px;align-items:center;gap:.55rem;padding:.8rem 1.5rem;font-size:.95rem;font-weight:600;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .3s,border-color .3s,background .3s;display:inline-flex}.icon{flex:none;width:1.1em;height:1.1em}.btn.ghost{background:var(--card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn.ghost:hover{border-color:var(--a2)}.btn.solid{color:#fff;background:linear-gradient(120deg, var(--a1), var(--a2));box-shadow:0 8px 30px -8px var(--a1);border-color:#0000}.btn.solid:hover{box-shadow:0 12px 44px -6px var(--a2)}.scrollcue{border:2px solid var(--muted);opacity:.7;z-index:1;border-radius:999px;width:1.6rem;height:2.6rem;position:absolute;bottom:1.6rem;left:50%;translate:-50%}.scrollcue span{background:var(--a2);border-radius:4px;width:4px;height:8px;margin-left:-2px;animation:1.8s infinite cue;position:absolute;top:.45rem;left:50%}@keyframes cue{0%{opacity:0;transform:translateY(0)}30%{opacity:1}to{opacity:0;transform:translateY(14px)}}.sec{max-width:62rem;margin:0 auto;padding:clamp(4rem,10vw,7rem) clamp(1rem,5vw,2rem) 0}.sec h2{margin-bottom:1.6rem;font-size:clamp(2rem,5vw,3.2rem)}.num{vertical-align:super;color:var(--a2);letter-spacing:.1em;margin-right:.5rem;font-size:.4em;font-weight:600}.lead{color:var(--muted);max-width:48rem;font-size:clamp(1.1rem,2.2vw,1.4rem)}.stats{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:1rem;margin-top:2.5rem;display:grid}.stat{border:1px solid var(--border);background:var(--card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:1rem;height:100%;padding:1.2rem}.stat b{letter-spacing:-.04em;background:linear-gradient(120deg, var(--a1), var(--a2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,2.8rem);font-weight:800;display:block}.stat>span{color:var(--muted);font-size:.88rem}.spot{border:1px solid var(--border);background:var(--card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1.1rem;height:100%;padding:1.4rem 1.6rem;transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .3s;position:relative;overflow:hidden}.spot:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%), var(--glow), transparent 60%);transition:opacity .3s;position:absolute;inset:0}.spot:hover{border-color:color-mix(in srgb, var(--a1) 55%, var(--border));transform:translateY(-4px)}.spot:hover:before{opacity:1}.spot>*{position:relative}.spot h3{margin-bottom:.6rem;font-size:1.15rem}.spot p{margin:.3rem 0}.spot ul{color:var(--muted);margin:.8rem 0 0;padding-left:1.1rem}.spot li{margin:.4rem 0}.meta{color:var(--muted);font-size:.85rem}.at{color:var(--a2);font-weight:600}.skillgrid{grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:1rem;display:grid}.aicard{border-color:color-mix(in srgb, var(--a1) 45%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--a1) 14%, var(--card)), color-mix(in srgb, var(--a2) 8%, var(--card)));margin-bottom:1rem;padding:1.6rem 1.8rem}.aicard h3{font-size:1.4rem}.aicard p{color:var(--muted);max-width:46rem}.badge{letter-spacing:.14em;color:#fff;background:linear-gradient(120deg, var(--a1), var(--a2));border-radius:999px;margin-bottom:.7rem;padding:.15rem .6rem;font-size:.7rem;font-weight:800;display:inline-block}.chip{border:1px solid var(--border);background:color-mix(in srgb, var(--a1) 10%, transparent);border-radius:999px;margin:.2rem .35rem .2rem 0;padding:.15rem .75rem;font-size:.82rem;font-style:normal;transition:transform .2s,border-color .2s;display:inline-block}.chip:hover{border-color:var(--a2);transform:translateY(-2px)}.timeline{gap:1.2rem;padding-left:2.2rem;display:grid;position:relative}.rail{background:var(--border);border-radius:2px;width:2px;position:absolute;top:.5rem;bottom:.5rem;left:.45rem}.rail-fill{transform-origin:top;background:linear-gradient(var(--a1), var(--a2));border-radius:2px;position:absolute;inset:0}.tl-item{position:relative}.dot{background:var(--bg);border:2px solid var(--a2);width:1rem;height:1rem;box-shadow:0 0 0 4px var(--bg), 0 0 18px var(--a2);border-radius:50%;position:absolute;top:1.6rem;left:-2.2rem}.contact{text-align:center;padding-bottom:3rem}.contact h2{background:linear-gradient(120deg, var(--fg), var(--a2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-bottom:.15em;font-size:clamp(2.2rem,6vw,4rem)}footer{text-align:center;color:var(--muted);border-top:1px solid var(--border);margin-top:3rem;padding:2rem 1rem 3rem;font-size:.85rem}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.ch{opacity:1;filter:none;transform:none}}