*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:dark}html,body{height:100%;overflow:hidden}body{font-family:Outfit,system-ui,sans-serif;background:#0a100c;-webkit-font-smoothing:antialiased}#app{position:relative;width:100%;height:100%;min-height:100dvh}#bg-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.stage{position:relative;z-index:1;display:grid;place-items:center;min-height:100dvh;padding:1.5rem;pointer-events:none}.hero{display:flex;flex-direction:column;align-items:center;gap:.2rem;text-align:center;opacity:0;animation:hero-in 1s cubic-bezier(.16,1,.3,1) .2s forwards}body.loaded .hero{opacity:1}.hero__name{font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:clamp(1.85rem,7.5vw,2.75rem);font-weight:600;line-height:1.2;letter-spacing:.14em;text-transform:uppercase;text-indent:.14em;font-feature-settings:"kern" 1,"liga" 1;color:#f4f6f2;text-shadow:0 0 32px rgba(120,180,100,.15),0 1px 20px rgba(0,0,0,.4)}.hero__dash{font-size:.9rem;font-weight:300;color:#b4c8aa73;letter-spacing:.45em;margin:.15rem 0}.hero__role{font-family:Outfit,system-ui,sans-serif;font-size:clamp(1rem,3.5vw,1.25rem);font-weight:300;letter-spacing:.02em;text-transform:none;text-indent:0;color:#bed7afe0}@keyframes hero-in{0%{opacity:0;transform:translateY(10px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}@media(prefers-reduced-motion:reduce){.hero{animation:none;opacity:1}}