:root{--bg:#0b0f12;--text:#e6f0f3;--brand:#23b4a6;--accent:#8af0e6;--muted:#9fb9c6}
*{box-sizing:border-box}html,body{height:100%}
body{margin:0;background:radial-gradient(1200px 600px at 20% 10%, #0e1419 0%, #0b0f12 60%);color:var(--text);
     font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;align-items:center;justify-content:center}
.wrap{max-width:1100px;width:100%;padding:24px}
.card{background:rgba(14,20,25,.7);backdrop-filter:blur(6px);border:1px solid #1a2b33;border-radius:18px;padding:28px;box-shadow:0 10px 24px rgba(0,0,0,.35)}
.header{display:flex;gap:14px;align-items:center;margin-bottom:10px}
.header img{width:64px;height:64px;border-radius:12px}
h1{font-size:48px;margin:6px 0 4px}
p{margin:8px 0 0;color:#c9d9e3}
.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0 8px}
.block{background:#0b1317;border:1px solid #17313a;border-radius:14px;padding:14px;text-align:center}
.num{font-size:42px;font-weight:800;letter-spacing:.5px}
.lbl{font-size:.95rem;color:#9fb9c6;margin-top:2px}
.tag{display:inline-block;margin-top:8px;color:#001;background:var(--brand);border:1px solid #1a2b33;border-radius:999px;padding:8px 14px;font-weight:700}
.footer{margin-top:14px;font-size:.95rem;color:#9fb9c6}
.link{color:#8af0e6;text-decoration:none}
@media(max-width:640px){h1{font-size:36px}.num{font-size:32px}}