:root{
  --bg:#0f1419; --bg2:#1a2330; --card:#161d27; --line:#2a3645;
  --ink:#eef2f7; --muted:#9aa7b8; --accent:#3b82f6; --accent2:#22d3ee;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:var(--ink);
  background:radial-gradient(1200px 600px at 50% -10%,var(--bg2),var(--bg)) fixed;
  -webkit-font-smoothing:antialiased;
}
.wrap{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px}
.card{
  width:100%;max-width:560px;background:var(--card);border:1px solid var(--line);
  border-radius:18px;padding:48px 40px;text-align:center;
  box-shadow:0 20px 60px rgba(0,0,0,.45);
}
.mark{
  width:72px;height:72px;margin:0 auto 22px;border-radius:18px;
  display:flex;align-items:center;justify-content:center;
  font-weight:800;font-size:26px;letter-spacing:1px;color:#fff;
  background:linear-gradient(135deg,var(--accent),var(--accent2));
}
h1{font-size:34px;letter-spacing:.5px;margin-bottom:10px}
.tag{color:var(--muted);font-size:16px;margin-bottom:26px;line-height:1.5}
.soon{
  display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:14px;
  text-transform:uppercase;letter-spacing:1.5px;color:var(--accent2);
  border:1px solid var(--line);border-radius:999px;padding:8px 16px;margin-bottom:26px;
}
.dot{width:9px;height:9px;border-radius:50%;background:var(--accent2);box-shadow:0 0 0 0 var(--accent2);animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(34,211,238,.6)}70%{box-shadow:0 0 0 10px rgba(34,211,238,0)}100%{box-shadow:0 0 0 0 rgba(34,211,238,0)}}
.blurb{color:var(--muted);font-size:15px;line-height:1.7;margin-bottom:26px}
.contact{font-size:15px;margin-bottom:30px}
.contact a{color:var(--accent2);text-decoration:none;border-bottom:1px solid transparent}
.contact a:hover{border-bottom-color:var(--accent2)}
.foot{color:#5b6675;font-size:12px;letter-spacing:.5px}
@media (max-width:480px){.card{padding:36px 24px}h1{font-size:28px}}