:root{--bg:#000;--fg:#f4f7ff;--muted:rgba(244,247,255,.72);--line:hsla(0,0%,100%,.1);--glass:rgba(10,12,18,.62);--a:rgba(170,200,255,.95)}*{box-sizing:border-box}body,html{height:100%}body{margin:0;color:var(--fg);background:radial-gradient(1000px 600px at 50% 20%,#0b1022 0,#02030a 55%,#000 100%);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;overflow:hidden}.wrap{position:relative;width:100%;height:100%;display:grid;place-items:center;padding:24px}.bg{inset:0;overflow:hidden}.bg,.vignette{position:absolute}.vignette{inset:-40px;background:radial-gradient(900px 500px at 50% 30%,transparent 0,rgba(0,0,0,.25) 55%,rgba(0,0,0,.75) 100%)}.glow{position:absolute;inset:-30%;background:radial-gradient(closest-side at 30% 35%,rgba(120,160,255,.22),transparent 55%),radial-gradient(closest-side at 70% 60%,rgba(210,170,255,.14),transparent 58%),radial-gradient(closest-side at 55% 80%,rgba(120,255,220,.08),transparent 60%);filter:blur(18px);animation:drift 12s ease-in-out infinite alternate;opacity:.9}@keyframes drift{0%{transform:translate3d(-1.5%,-1%,0) scale(1.02)}to{transform:translate3d(1.8%,1.2%,0) scale(1.06)}}.stars{position:absolute;inset:0;background-image:radial-gradient(1px 1px at 10% 20%,hsla(0,0%,100%,.85),transparent 60%),radial-gradient(1px 1px at 30% 70%,hsla(0,0%,100%,.7),transparent 60%),radial-gradient(1px 1px at 55% 35%,hsla(0,0%,100%,.75),transparent 60%),radial-gradient(1px 1px at 80% 25%,hsla(0,0%,100%,.65),transparent 60%),radial-gradient(1px 1px at 70% 75%,hsla(0,0%,100%,.8),transparent 60%),radial-gradient(1px 1px at 15% 85%,hsla(0,0%,100%,.6),transparent 60%),radial-gradient(1px 1px at 92% 55%,hsla(0,0%,100%,.6),transparent 60%),radial-gradient(1px 1px at 40% 10%,hsla(0,0%,100%,.7),transparent 60%);opacity:.55;animation:twinkle 4.2s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.45;transform:translateY(0)}50%{opacity:.75;transform:translateY(-2px)}}.card{position:relative;width:min(760px,92vw);padding:28px 26px;border-radius:26px;border:1px solid var(--line);background:linear-gradient(180deg,var(--glass),rgba(10,12,18,.4));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 40px 130px rgba(0,0,0,.75),inset 0 1px 0 hsla(0,0%,100%,.06);text-align:center}.logoBox{width:260px;height:260px;margin:0 auto 18px;border-radius:26px;display:grid;place-items:center;position:relative;border:1px solid hsla(0,0%,100%,.09);background:radial-gradient(240px 200px at 50% 35%,rgba(120,160,255,.1),transparent);overflow:hidden}.logo{filter:drop-shadow(0 18px 40px rgba(0,0,0,.65));animation:float 3.8s ease-in-out infinite;transform:translateZ(0)}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.01)}}.ring{position:absolute;inset:-38px;background:conic-gradient(from 120deg,transparent 0 20%,rgba(170,200,255,.35) 30%,transparent 45% 70%,hsla(0,0%,100%,.18) 78%,transparent 90% 100%);filter:blur(.2px);opacity:.6;animation:spin 6.5s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.shine{position:absolute;top:-35%;left:-60%;width:70%;height:200%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.22),transparent);transform:rotate(18deg);animation:sweep 3.4s ease-in-out infinite;opacity:.55}@keyframes sweep{0%{transform:translateX(-30%) rotate(18deg)}55%{transform:translateX(220%) rotate(18deg)}to{transform:translateX(220%) rotate(18deg)}}.kicker{margin:8px 0 10px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:12px}.title{margin:0;font-size:clamp(34px,4vw,52px);line-height:1.06}.title span{color:rgba(170,200,255,.95);text-shadow:0 0 18px rgba(170,200,255,.18)}.sub{margin:12px auto 18px;color:rgba(244,247,255,.75);max-width:52ch;font-size:16px;line-height:1.6}.row{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}.btn,.row{justify-content:center}.btn{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:14px;border:1px solid rgba(170,200,255,.35);background:rgba(170,200,255,.14);color:var(--fg);text-decoration:none;font-weight:600;transition:transform .15s ease,background .15s ease,border-color .15s ease;box-shadow:0 20px 45px rgba(0,0,0,.45)}.btn:hover{transform:translateY(-2px);background:rgba(170,200,255,.2);border-color:rgba(170,200,255,.55)}.btn:active{transform:translateY(0)}.btn.ghost{background:hsla(0,0%,100%,.06);border-color:hsla(0,0%,100%,.14)}.btn.ghost:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.22)}.foot{margin:18px 0 0;color:rgba(244,247,255,.55);font-size:13px}@media (max-width:520px){.logoBox{width:240px;height:240px}}