:root{--bg:#0c1b24;--card:#11252f;--ink:#e6eef2;--muted:#8aa0ab;--teal:#05aee0;--line:#223942}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;font-family:Inter,system-ui,Arial,sans-serif;color:var(--ink);
  background:linear-gradient(145deg,#06121a,var(--bg));display:flex;align-items:center;justify-content:center;padding:24px}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:36px 40px;max-width:560px;width:100%;box-shadow:0 24px 60px rgba(0,0,0,.4)}
h1{margin:0 0 4px;font-size:26px}
.muted{color:var(--muted);font-size:14px}
.warn{color:#f0c674;font-size:13px;border:1px solid #5a4a1f;background:#241f12;border-radius:8px;padding:10px 12px}
code{background:#0a161d;border:1px solid var(--line);border-radius:6px;padding:2px 6px;font-size:13px}
.btn{display:inline-block;margin-top:18px;background:var(--teal);color:#001;text-decoration:none;font-weight:700;
  padding:10px 18px;border-radius:10px}
.btn:hover{filter:brightness(1.08)}
.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;font-size:14px;color:var(--muted)}
.topbar a{color:var(--teal)}