:root { --ink0:#070d18; --card:#101d30; --line:#1d2c44; --brand:#1ca3e0; --gold:#d9a63a; --ink:#eaf1fa; --ink-2:#9cb0c8; }
* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; }
body { background: var(--ink0); color: var(--ink); font: 16px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif;
       display: flex; align-items: center; justify-content: center; padding: 16px; }
main { background: var(--card); border: 1px solid var(--line); border-radius: 14px; padding: 40px 48px; text-align: center; max-width: 100%; }
h1 { margin: 0 0 12px; font-size: 44px; letter-spacing: .18em; color: var(--brand); }
.env { display: inline-block; margin: 0 0 8px; padding: 2px 12px; border-radius: 999px; border: 1px solid var(--line);
       text-transform: uppercase; letter-spacing: .12em; font-size: 13px; }
.env-test { color: var(--gold); border-color: var(--gold); }
.env-live { color: var(--brand); border-color: var(--brand); }
.ver { margin: 0; color: var(--ink-2); font-size: 14px; }