:root{--bg: #0f1218;--surface: #181c26;--border: #2a3142;--text: #e8ecf4;--muted: #8b95a8;--accent: #e8942e}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}#app{max-width:720px;margin:0 auto;padding:24px 20px 48px}h1{font-size:1.35rem;font-weight:700;margin:0 0 8px}.sub{color:var(--muted);font-size:.9rem;margin:0 0 24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px 18px;margin-bottom:16px}label{display:block;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}select,input[type=password],input[type=text]{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit;margin-bottom:12px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}button{font:inherit;padding:8px 16px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer}button.primary{background:var(--accent);color:#0a0a0a;border-color:transparent;font-weight:600}button:hover{filter:brightness(1.06)}.err{color:#f87171;font-size:.85rem;margin-top:8px}.ok{color:#6ee7b7;font-size:.85rem}.hint{font-size:.8rem;color:var(--muted);margin-top:8px}code{font-size:.8em;background:#ffffff0f;padding:2px 6px;border-radius:4px}