:root{color:#eef8ff;background:#07090d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;background:radial-gradient(circle at 10% 20%,rgba(124,247,255,.12),transparent 26rem),radial-gradient(circle at 86% 12%,rgba(239,244,255,.11),transparent 28rem),linear-gradient(135deg,#05060a,#0d1016 46%,#05070b)}a{color:inherit;text-decoration:none}.scroll-progress{position:fixed;top:0;left:0;height:3px;z-index:9999;background:linear-gradient(90deg,#9af5ff,#64e8f0,#9af5ff);box-shadow:0 0 12px #9af5ff99;transition:width 60ms linear}.particles-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;width:100%;height:100%}.site-shell{position:relative;isolation:isolate;z-index:1}.hero-section{position:relative;min-height:92vh;padding:24px clamp(18px,4vw,64px) 72px;overflow:hidden}.ambient-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:88px 88px;-webkit-mask-image:radial-gradient(circle at center,black,transparent 76%);mask-image:radial-gradient(circle at center,black,transparent 76%)}.beam{position:absolute;width:34vw;height:1px;background:linear-gradient(90deg,transparent,rgba(150,247,255,.9),transparent);filter:drop-shadow(0 0 18px rgba(150,247,255,.7));animation:drift 9s ease-in-out infinite}.beam-a{top:24%;left:10%;transform:rotate(-22deg)}.beam-b{right:4%;top:46%;animation-delay:-3s;transform:rotate(18deg)}.beam-c{bottom:20%;left:36%;animation-delay:-6s;transform:rotate(7deg)}.topbar,.glass-tile,.project-card,.status-card,.icon-button{border:1px solid rgba(210,244,255,.18);background:linear-gradient(135deg,#ffffff21,#ffffff0a);box-shadow:0 24px 70px #00000047,inset 0 1px #ffffff2e;-webkit-backdrop-filter:blur(22px) saturate(145%);backdrop-filter:blur(22px) saturate(145%)}.topbar{display:flex;align-items:center;justify-content:space-between;max-width:1180px;min-height:58px;margin:0 auto;padding:9px 12px;border-radius:8px}.brand-mark{display:grid;width:40px;height:40px;place-items:center;border-radius:50%;background:#eafcff;color:#081018;font-weight:800;transition:transform .2s ease,box-shadow .2s ease}.brand-mark:hover{transform:scale(1.1);box-shadow:0 0 20px #9af5ff80}.nav-links{display:flex;gap:clamp(12px,2vw,26px);color:#eef8ffb8;font-size:.92rem}.nav-links a{position:relative;padding:4px 0;transition:color .2s ease}.nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:#9af5ff;transition:width .25s ease}.nav-links a:hover:after,.nav-links a.nav-active:after{width:100%}.nav-links a:hover,.nav-links a.nav-active{color:#9af5ff}.hero-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.75fr);align-items:center;gap:clamp(32px,7vw,92px);width:min(1180px,100%);min-height:calc(92vh - 90px);margin:0 auto}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;color:#9af5ff;font-size:.78rem;font-weight:700;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:760px;margin-bottom:8px;font-size:clamp(4.4rem,14vw,9.8rem);line-height:.9;letter-spacing:0}.alias{margin-bottom:10px;color:#eef8ffc7;font-size:clamp(1.6rem,4vw,3.4rem);font-weight:700}.role{color:#9af5ff;font-size:1.05rem;font-weight:800}.typewriter-container{min-height:4em}.tagline{max-width:620px;color:#fff;font-size:clamp(1.5rem,3vw,2.35rem);font-weight:750;line-height:1.12}.cursor-blink{display:inline;color:#9af5ff;font-weight:100;animation:blink 1s steps(1) infinite}.cursor-fade{animation:blink-fade 2s ease-out forwards}.statement{max-width:640px;color:#eef8ffad;font-size:1.05rem;line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 16px;border-radius:8px;color:#effbff;font-weight:700;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.icon-button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000004d,0 0 20px #9af5ff33;border-color:#9af5ff80}.icon-button:active{transform:translateY(0)}.avatar-stage{position:relative;display:grid;min-height:490px;place-items:center}.avatar-glow-ring{position:absolute;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(154,245,255,.15) 0%,transparent 70%);animation:glow-pulse 4s ease-in-out infinite;pointer-events:none}.avatar-orbit{position:relative;width:min(420px,86vw);aspect-ratio:1;padding:18px;border:1px solid rgba(154,245,255,.3);border-radius:50%;background:conic-gradient(from 120deg,rgba(154,245,255,.6),transparent,rgba(255,255,255,.5)),#ffffff0a;animation:float 6s ease-in-out infinite;transition:transform .4s ease}.avatar-orbit:hover{transform:scale(1.03)}.avatar-orbit:before,.avatar-orbit:after{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;content:"";border:1px solid rgba(154,245,255,.15);border-radius:50%;animation:orbit-spin 20s linear infinite}.avatar-orbit:after{top:34px;right:34px;bottom:34px;left:34px;border-style:dashed;animation-direction:reverse;animation-duration:28s}.avatar-orbit img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}.status-card{position:absolute;right:4%;bottom:11%;display:inline-flex;align-items:center;gap:10px;padding:12px 14px;border-radius:8px;color:#f7fdff;font-weight:800;animation:slide-up .8s ease both;animation-delay:.4s}.metrics-band{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:min(1050px,calc(100% - 36px));margin:-34px auto 80px;padding:18px;border-radius:8px;border:1px solid rgba(210,244,255,.18);background:linear-gradient(135deg,#ffffff21,#ffffff0a);box-shadow:0 24px 70px #00000047,inset 0 1px #ffffff2e;-webkit-backdrop-filter:blur(22px) saturate(145%);backdrop-filter:blur(22px) saturate(145%)}.metrics-band div{display:grid;gap:4px}.metrics-band strong{font-size:clamp(2rem,5vw,4rem);line-height:1}.metrics-band span,.metrics-band p{color:#eef8ffa3;font-weight:700}.metrics-band p{align-self:center;justify-self:end;margin:0}.content-section{width:min(1180px,calc(100% - 36px));margin:0 auto 96px}.section-heading{max-width:760px;margin-bottom:26px}.section-heading h2{margin-bottom:0;font-size:clamp(2.1rem,6vw,4.8rem);line-height:.98}.constellation,.stack-row,.site-footer div{display:flex;flex-wrap:wrap;gap:10px}.skill-chip,.stack-row span{border:1px solid rgba(154,245,255,.18);border-radius:999px;background:#ffffff12;color:#eef8ffc7;transition:transform .2s ease,border-color .2s ease,background .2s ease}.skill-chip{padding:12px 16px;animation:rise .7s ease both;animation-delay:var(--delay)}.skill-chip:hover{transform:translateY(-3px) scale(1.05);border-color:#9af5ff80;background:#9af5ff1f}.activity-grid,.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.glass-tile,.project-card{min-height:210px;padding:22px;border-radius:8px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.glass-tile:hover,.project-card:hover{transform:translateY(-4px);box-shadow:0 30px 80px #00000059,0 0 30px #9af5ff14;border-color:#9af5ff59}.glass-tile strong{color:#9af5ff;font-size:2.4rem}.glass-tile h3,.project-card h3{margin:18px 0 10px;font-size:1.25rem}.glass-tile p,.project-card p{color:#eef8ffa6;line-height:1.7}.project-card{position:relative;overflow:hidden}.project-card:before{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";background:linear-gradient(135deg,rgba(154,245,255,.15),transparent 38%);opacity:0;transition:opacity .22s ease}.project-card:hover:before{opacity:1}.project-card__top{display:flex;align-items:center;justify-content:space-between;color:#9af5ff;font-size:.82rem;font-weight:800}.placeholder-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:4px;background:#9af5ff1a;color:#9af5ff99;font-size:.72rem}.project-card__top a{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(154,245,255,.2);border-radius:50%;transition:transform .2s ease,border-color .2s ease}.project-card__top a:hover{transform:rotate(45deg);border-color:#9af5ff}.stack-row span{padding:7px 10px;font-size:.76rem}.site-footer{display:flex;align-items:center;justify-content:space-between;width:min(1180px,calc(100% - 36px));margin:0 auto;padding:28px 0 42px;color:#eef8ffb3}.site-footer p{margin:0;font-weight:800}.site-footer a{display:inline-flex;align-items:center;gap:7px;min-height:36px;color:#eef8ffc7;transition:color .2s ease}.site-footer a:hover{color:#9af5ff}.reveal-wrap{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease;transition-delay:var(--reveal-delay, 0ms)}.reveal-wrap.is-visible{opacity:1;transform:translateY(0)}.reveal-card{animation:card-shimmer 3s ease-in-out infinite;animation-delay:calc(var(--reveal-delay, 0ms) + .6s)}.glitch-text{position:relative;display:inline-block}.glitch-text.is-glitching{animation:glitch .4s steps(2) 1}@keyframes drift{0%,to{opacity:.2;translate:-14px 0}50%{opacity:.9;translate:18px -10px}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-18px) rotate(1.5deg)}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes blink-fade{0%{opacity:1}to{opacity:0}}@keyframes glow-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.08)}}@keyframes orbit-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glitch{0%{text-shadow:2px 0 #9af5ff,-2px 0 #ff6b9d;transform:translate(0)}20%{text-shadow:-3px 0 #9af5ff,3px 0 #ff6b9d;transform:translate(-2px,1px)}40%{text-shadow:3px 0 #9af5ff,-3px 0 #ff6b9d;transform:translate(2px,-1px)}60%{text-shadow:-2px 0 #9af5ff,2px 0 #ff6b9d;transform:translate(-1px,2px)}80%{text-shadow:2px 0 #9af5ff,-2px 0 #ff6b9d;transform:translate(1px,-2px)}to{text-shadow:none;transform:translate(0)}}@keyframes card-shimmer{0%,to{box-shadow:0 24px 70px #00000047,inset 0 1px #ffffff2e}50%{box-shadow:0 24px 70px #00000047,inset 0 1px #ffffff2e,0 0 20px #9af5ff0f}}@media(max-width:860px){.hero-layout,.activity-grid,.project-grid,.metrics-band{grid-template-columns:1fr}.hero-layout{padding-top:54px}.avatar-stage{min-height:390px}.metrics-band p{justify-self:start}.site-footer{align-items:flex-start;flex-direction:column;gap:16px}}@media(max-width:560px){.nav-links{gap:10px;font-size:.82rem}h1{font-size:clamp(3.8rem,18vw,5.8rem)}.hero-section{min-height:auto;padding-bottom:56px}.status-card{right:0;bottom:5%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}