*{margin:0;padding:0;box-sizing:border-box}body{font-family:Orbitron,sans-serif;font-optical-sizing:auto;overflow:hidden;color:#fff}#webgl{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.content{position:relative;z-index:1;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem}.hero{max-width:900px}h1{font-size:clamp(3rem,10vw,7rem);font-weight:700;margin-bottom:1.5rem;letter-spacing:-.03em;background:linear-gradient(135deg,#fff,#999);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeIn 1s ease-out}.tagline{font-size:clamp(1.2rem,3vw,2rem);font-weight:300;margin-bottom:3rem;opacity:.9;animation:fadeIn 1.2s ease-out}.cta-button{display:inline-block;padding:1.2rem 3rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff;text-decoration:none;font-size:1.1rem;font-weight:500;border-radius:50px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn 1.4s ease-out}.cta-button:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 10px 30px #ffffff1a}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}