@import "https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;600&family=Space+Grotesk:wght@300;400;500;700&display=swap";
*{box-sizing:border-box;margin:0;padding:0}html,body{color:#fff;background:#0a0a0f;width:100%;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}#particle-canvas{z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}.hero-overlay{z-index:1;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.hero-name{letter-spacing:-.02em;background:linear-gradient(135deg,#fff 0%,#a78bfa 30%,#818cf8 50%,#6366f1 70%,#c084fc 100%) 0 0/200% 200%;-webkit-text-fill-color:transparent;text-align:center;-webkit-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text;font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(2.5rem,8vw,6rem);font-weight:700;animation:6s ease-in-out infinite gradientShift}.hero-subtitle{letter-spacing:.15em;text-transform:uppercase;color:#ffffff73;text-align:center;-webkit-user-select:none;user-select:none;margin-top:1rem;font-size:clamp(.9rem,2.5vw,1.3rem);font-weight:200}.hero-tagline{color:#ffffff40;letter-spacing:.05em;text-align:center;-webkit-user-select:none;user-select:none;margin-top:2.5rem;font-size:clamp(.8rem,1.5vw,1rem);font-weight:300;animation:1.5s ease-out .5s both fadeInUp}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.vignette{z-index:0;pointer-events:none;background:radial-gradient(#0000 50%,#0a0a0f99 100%);width:100%;height:100%;position:fixed;top:0;left:0}