:root{--primary: 250 100% 70%;--secondary: 180 100% 50%;--bg-dark: 240 10% 4%;--text-main: 0 0% 100%;--text-muted: 240 5% 70%;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--font-sans: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:hsl(var(--bg-dark));color:hsl(var(--text-main));min-height:100vh;display:flex;justify-content:center;align-items:center;overflow-x:hidden;background-image:radial-gradient(circle at 10% 20%,rgba(var(--primary),.15) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(var(--secondary),.15) 0%,transparent 40%)}#root{width:100%;max-width:1280px;margin:0 auto;padding:2rem;text-align:center}h1{font-size:3.5rem;line-height:1.1;font-weight:800;background:linear-gradient(to right,hsl(var(--primary)),hsl(var(--secondary)));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:1rem;letter-spacing:-.02em}p{font-size:1.1rem;color:hsl(var(--text-muted));line-height:1.6;max-width:600px;margin:0 auto 2rem}.card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);padding:3rem;border-radius:24px;box-shadow:0 25px 50px -12px #00000080;transition:transform .3s ease,box-shadow .3s ease;animation:float 6s ease-in-out infinite}.card:hover{transform:translateY(-5px);box-shadow:0 35px 60px -15px #0009;border-color:#fff3}.btn{display:inline-block;padding:.8rem 2rem;border-radius:9999px;font-weight:600;text-decoration:none;background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--primary) / .8));color:#fff;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 10px 20px -5px rgba(var(--primary),.5)}.btn:hover{transform:translateY(-2px);box-shadow:0 15px 30px -10px rgba(var(--primary),.7);filter:brightness(1.1)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .8s ease-out forwards}.delay-100{animation-delay:.1s;opacity:0}.delay-200{animation-delay:.2s;opacity:0}.delay-300{animation-delay:.3s;opacity:0}@media(max-width:640px){h1{font-size:2.5rem}.card{padding:2rem}}