:root{
  --bg:#0a1230;
  --bg2:#0f1a46;
  --card:#0f1433;
  --text:#e8f0ff;
  --muted:#9fb0d6;
  --accent1:#2bdc72;
  --accent2:#26b1ff;
  --shadow:0 20px 60px rgba(0,0,0,.4),0 8px 20px rgba(0,0,0,.3);
}
html,body{height:100%;margin:0}
body{
  background:radial-gradient(1200px 800px at 70% -10%,var(--bg2),transparent),
             radial-gradient(1000px 600px at -20% 110%,rgba(38,177,255,.15),transparent),
             var(--bg);
  color:var(--text);font:16px/1.6 system-ui,sans-serif;
}
.container{min-height:100%;display:grid;place-items:center;padding:4rem 1rem}
.card{
  width:min(720px,95vw);
  background:linear-gradient(180deg,rgba(17,25,60,.9),rgba(10,18,48,.9));
  border:1px solid rgba(255,255,255,.06);
  border-radius:24px;
  padding:3rem clamp(1.25rem,3vw,2.5rem);
  box-shadow:var(--shadow);text-align:center;
}
.logo{width:120px;height:auto}
h1{font-size:clamp(1.75rem,3.8vw,2.75rem);margin:.75rem 0 0}
.tagline{color:var(--muted);margin:.5rem auto 1.5rem;max-width:46ch}
footer{display:flex;gap:.5rem;justify-content:center;align-items:center;margin-top:1.5rem;color:var(--muted);font-size:.9rem}
footer a{color:var(--accent2);text-decoration:none}
footer .dot{opacity:.6}
dialog{background:#101a44;color:var(--text);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.25rem 1.5rem;width:min(560px,95vw)}
dialog::backdrop{background:rgba(0,0,0,.6)}
dialog h2{margin-top:0}
dialog button{margin-top:.75rem;padding:.6rem 1rem;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#0b173d;color:var(--text)}