:root{--bg:#050608;--panel:#0b0f14;--primary:#38bdf8;--primary-2:#60a5fa;--txt:#e8f1ff;--muted:#8aa1b8;--glow:0 0 24px rgba(56,189,248,.45),0 0 48px rgba(96,165,250,.35)}*{box-sizing:border-box}body,html{height:100%}body{background:radial-gradient(1200px 700px at 50% 10%,#0a1320 0,var(--bg) 60%);color:var(--txt);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;overflow-x:hidden}.grid-bg:before{background-image:linear-gradient(hsla(0,0%,100%,.04) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.04) 1px,transparent 0);background-size:60px 60px,60px 60px;content:"";inset:0;mask-image:radial-gradient(ellipse at center,#000 30%,transparent 70%);opacity:.18;pointer-events:none;position:fixed}.wrap{align-items:center;display:flex;justify-content:center;min-height:100%;padding:64px 20px}.card{backdrop-filter:blur(6px);background:linear-gradient(180deg,rgba(12,18,28,.7),rgba(7,10,16,.6));border:1px solid rgba(88,138,196,.25);border-radius:24px;box-shadow:0 10px 40px rgba(0,0,0,.6);overflow:hidden;padding:clamp(18px,4vw,32px);position:relative;width:min(1080px,94vw)}.card:after{background:linear-gradient(90deg,transparent,var(--primary),var(--primary-2),transparent);content:"";filter:blur(1px);height:2px;inset:auto -20% 0 -20%;opacity:.55;position:absolute}header{display:grid;gap:8px;margin-bottom:20px;place-items:center}.logo{display:block;filter:drop-shadow(0 0 18px rgba(80,180,255,.25));height:auto;image-rendering:auto;margin:14px auto 0;opacity:0;transform:translateY(12px) scale(.98);transition:transform .9s cubic-bezier(.2,.9,.2,1),opacity .9s ease;width:min(840px,92%)}.tagline{color:var(--muted);font-size:clamp(12px,2.2vw,16px);letter-spacing:.12rem;margin-top:6px;opacity:.85;text-transform:uppercase}.hero{background:#02060a;border:1px solid rgba(88,138,196,.2);border-radius:18px;box-shadow:inset 0 0 0 1px rgba(56,189,248,.08),0 12px 60px rgba(0,0,0,.45);isolation:isolate;opacity:0;overflow:hidden;position:relative;transform:translateY(18px) scale(.985);transition:transform .9s cubic-bezier(.2,.9,.2,1) .1s,opacity .9s ease .1s}.hero img{display:block;filter:drop-shadow(0 10px 30px rgba(0,0,0,.45));height:auto;width:100%}.hero:before{background:linear-gradient(120deg,transparent,hsla(0,0%,100%,.06) 40%,hsla(0,0%,100%,.06) 60%,transparent);content:"";inset:0;position:absolute;transform:skewX(-20deg) translateX(-120%)}.cta{display:flex;justify-content:center;margin-top:22px;opacity:0;transform:translateY(20px) scale(.98);transition:transform .8s cubic-bezier(.2,.9,.2,1) .2s,opacity .8s ease .2s}.btn{--ring:rgba(56,189,248,.45);background:radial-gradient(120% 140% at 20% 20%,rgba(56,189,248,.18),rgba(96,165,250,.12) 35%,rgba(0,0,0,.25) 70%);border:1px solid rgba(56,189,248,.6);border-radius:14px;box-shadow:inset 0 2px 0 rgba(56,189,248,.35),inset 0 0 0 2px rgba(56,189,248,.12),0 8px 28px rgba(20,40,80,.45);color:var(--txt);font-size:clamp(14px,2.6vw,16px);font-weight:600;letter-spacing:.06rem;padding:14px 26px;position:relative;text-decoration:none;transition:transform .18s ease,box-shadow .25s ease,border-color .25s ease,filter .25s ease}.btn:after{border-radius:inherit;box-shadow:var(--glow);content:"";inset:-2px;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease}.btn:hover{border-color:rgba(56,189,248,.85);box-shadow:inset 0 2px 0 rgba(56,189,248,.5),inset 0 0 0 2px rgba(56,189,248,.2),0 18px 40px rgba(30,70,120,.55);transform:translateY(-2px)}.btn:hover:after{opacity:1}.btn:active{transform:translateY(0) scale(.99)}.spark{background:linear-gradient(#bfe9ff,#7cd3ff);border-radius:999px;filter:drop-shadow(0 0 6px rgba(120,200,255,.8));height:2px;opacity:.85;position:absolute;width:2px}.loaded .cta,.loaded .hero,.loaded .logo{opacity:1;transform:none}.loaded .hero:before{animation:shine 2.2s ease .6s forwards}@keyframes shine{to{transform:skewX(-20deg) translateX(200%)}}@media (max-width:640px){.card{border-radius:18px}.btn{text-align:center;width:100%}}.logo-wrap{display:grid;place-items:center;position:relative}.prod-badge{filter:drop-shadow(0 0 6px rgba(120,200,255,.6));opacity:0;position:absolute;right:var(--prod-right);top:var(--prod-top);transform:translateY(-6px) scale(.98);transition:transform .9s cubic-bezier(.2,.9,.2,1) .05s,opacity .9s ease .05s;width:var(--prod-w)}.loaded .logo,.loaded .prod-badge{opacity:1;transform:none}