:root { color-scheme: dark; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 16px;
       background: #060b14; color: #e2e8f0; font: 14px/1.4 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
form { width: 100%; max-width: 340px; background: #0d1626; border: 1px solid #1f2d44; border-radius: 14px; padding: 28px 24px; }
.brand { text-align: center; font: 600 13px/1 ui-monospace, Menlo, Consolas, monospace; letter-spacing: 4px; color: #22d3ee; margin-bottom: 22px; }
label { display: block; font-size: 11px; color: #94a3b8; margin-bottom: 4px; }
input { width: 100%; background: #111d31; border: 1px solid #263750; color: #e2e8f0; border-radius: 8px; padding: 10px; font-size: 14px; margin-bottom: 14px; }
input:focus { outline: 2px solid #22d3ee55; border-color: #22d3ee; }
button { width: 100%; padding: 10px; border-radius: 8px; border: 1px solid #22d3ee; background: #22d3ee1f; color: #22d3ee; font-weight: 600; font-size: 14px; cursor: pointer; }
button:disabled { opacity: .6; cursor: default; }
#err { color: #f87171; font-size: 12.5px; min-height: 18px; margin: -4px 0 10px; }