@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Sora:wght@400;600;700&display=swap";
:root{--bg-1:#0b0f1a;--bg-2:#0c1a2b;--bg-3:#132943;--accent-1:#f5c542;--accent-2:#16e0bd;--text-primary:#f5f7fb;--text-muted:#f5f7fbb8}*{box-sizing:border-box}html,body,#__next{height:100%}body{color:var(--text-primary);background:radial-gradient(1200px 800px at 15% 10%, #16e0bd33, transparent 60%), radial-gradient(1000px 700px at 80% 20%, #f5c54233, transparent 55%), linear-gradient(160deg, var(--bg-1) 0%, var(--bg-2) 45%, var(--bg-3) 100%);background-attachment:fixed;margin:0;font-family:Space Grotesk,Sora,Segoe UI,sans-serif}body:before,body:after{content:"";pointer-events:none;z-index:0;opacity:.45;position:fixed}body:before{filter:blur(60px);background:radial-gradient(circle,#16e0bd8c,#0000 70%);width:60vw;height:60vw;top:-20%;left:-10%}body:after{filter:blur(80px);background:radial-gradient(circle,#f5c54273,#0000 68%);width:70vw;height:70vw;bottom:-25%;right:-15%}main{z-index:1;position:relative}.glass{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#0e1a2cd9,#112236b3);border:1px solid #ffffff14;box-shadow:0 20px 50px #00000047}.hero{animation:.7s ease-out both float-in}.card{animation:.6s ease-out both rise-in}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}@keyframes float-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}