*{box-sizing:border-box}html,body{height:100%}
body{margin:0;font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
background:#0b1020;color:#f1f5f9;display:grid;place-items:center;overflow:hidden}
.stars{position:fixed;inset:0;background:
radial-gradient(2px 2px at 20% 30%,#fff8 50%,transparent 51%),
radial-gradient(2px 2px at 60% 70%,#fff8 50%,transparent 51%),
radial-gradient(1px 1px at 80% 20%,#fff7 50%,transparent 51%),
radial-gradient(1px 1px at 10% 80%,#fff6 50%,transparent 51%),
radial-gradient(1px 1px at 40% 50%,#fff5 50%,transparent 51%);
opacity:.35;filter:blur(.4px)}
.card{position:relative;z-index:2;background:linear-gradient(180deg,#121a35,#0b1227);
border:1px solid #1f2a4b;border-radius:24px;padding:40px 32px;width:min(680px,92vw);
box-shadow:0 20px 60px rgba(0,0,0,.5)}
h1{font-size:3rem;margin:0 0 .25rem 0;letter-spacing:.5px}
h1 span{color:#6cf5c4;text-shadow:0 0 18px rgba(108,245,196,.35)}
.tag{margin:0;color:#a5b4fc;font-weight:600}
.desc{opacity:.9;margin:.5rem 0 1.25rem}
.buttons{display:flex;gap:12px;flex-wrap:wrap}
.btn{padding:12px 16px;border-radius:12px;text-decoration:none;color:#0b1020;
background:#e2e8f0;font-weight:700;transition:.15s}
.btn:hover{transform:translateY(-1px);filter:brightness(1.05)}
.btn.primary{background:#6cf5c4}
.btn.ghost{background:transparent;border:1px solid #334155;color:#e2e8f0}
footer{margin-top:16px;opacity:.7;font-size:.9rem}
@media (max-width:480px){h1{font-size:2.25rem}}