*{box-sizing:border-box}html,body{height:100%}
body{margin:0;background:radial-gradient(1200px 600px at 50% 10%,rgba(59,130,246,.25),transparent 60%),radial-gradient(1200px 800px at 20% 80%,rgba(6,182,212,.25),transparent 60%),radial-gradient(800px 800px at 80% 70%,rgba(236,72,153,.20),transparent 60%),linear-gradient(180deg,#050b16 0%,#0b1220 60%,#0b1220 100%);font-family:'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Ubuntu,Arial;color:#e6edf6;overflow:hidden}
.bg{position:fixed;inset:0;pointer-events:none}
#stars{position:absolute;inset:0}
.wrap{position:relative;z-index:2;height:100%;display:grid;place-items:center;gap:12px;text-align:center;padding:20px}
.logo{width:min(420px,45vw);height:auto;filter:drop-shadow(0 10px 32px rgba(0,0,0,.6));animation:float 6s ease-in-out infinite alternate}
@keyframes float{from{transform:translateY(0)}to{transform:translateY(-10px)}}
.tag{margin:6px 0 10px;opacity:.92;font-weight:700}
.cta{padding:14px 36px;border-radius:16px;border:1px solid rgba(255,255,255,.2);background:linear-gradient(180deg,#fbbf24,#f59e0b);color:#0b1220;font-weight:900;font-size:clamp(18px,2.2vw,26px);cursor:pointer;box-shadow:0 12px 40px rgba(245,158,11,.35),inset 0 -6px 12px rgba(0,0,0,.2);transition:transform .06s ease,filter .15s ease}
.cta:hover{filter:brightness(1.05)}.cta:active{transform:translateY(2px)}
.skip-wrap{position:absolute;bottom:18px;left:0;right:0;display:flex;justify-content:center;gap:10px;color:#cbd5e1;font-weight:600}