:root{--bg: #0f1115;--card: #171a21;--line: #262b36;--text: #e7e9ee;--muted: #9aa3b2;--accent: #4f7cff;--ok-bg: #14301f;--ok-line: #1f7a45;--warn-bg: #322a12;--warn-line: #b8860b;--err-bg: #321414;--err-line: #c0392b}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(120% 120% at 50% 0%,#1a1e27 0%,var(--bg) 60%);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.card{width:100%;max-width:420px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:32px;box-shadow:0 12px 40px #0006}h1{margin:0 0 8px;font-size:24px}.sub{margin:0 0 24px;color:var(--muted)}label{display:block;font-weight:600;margin-bottom:8px}input{width:100%;padding:12px 14px;font-size:16px;color:var(--text);background:#0f1218;border:1px solid var(--line);border-radius:10px;outline:none}input:focus{border-color:var(--accent)}.hint{display:block;margin:8px 0 20px;color:var(--muted)}code{background:#0f1218;padding:1px 5px;border-radius:5px}button{width:100%;padding:13px 16px;font-size:16px;font-weight:600;color:#fff;background:var(--accent);border:0;border-radius:10px;cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.banner{margin:0 0 20px;padding:12px 14px;border-radius:10px;border:1px solid}.banner.ok{background:var(--ok-bg);border-color:var(--ok-line)}.banner.warn{background:var(--warn-bg);border-color:var(--warn-line)}.banner.err{background:var(--err-bg);border-color:var(--err-line)}.fineprint{margin:24px 0 0;font-size:13px;color:var(--muted)}