:root { color-scheme: dark; font-family: system-ui, sans-serif; background: #171c20; color: #e9ecef; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; }
main { width: min(420px, calc(100% - 64px)); padding: 32px 0; }
.brand { color: #4ade80; font-size: 1.2rem; font-weight: 750; margin-bottom: 32px; }
h1 { font-size: 2rem; margin-bottom: 12px; }
p { color: #adb5bd; line-height: 1.6; }
label { display: block; margin: 24px 0 8px; }
input, button { box-sizing: border-box; width: 100%; padding: 14px; border-radius: 8px; font: inherit; }
input { background: #21272d; border: 1px solid #495057; color: white; }
input:focus { outline: 2px solid #4ade80; outline-offset: 2px; }
button { margin-top: 16px; border: 0; background: #4ade80; color: #102719; font-weight: 700; cursor: pointer; }
button:disabled { opacity: 0.6; cursor: wait; }
.notice { font-size: 0.78rem; }
#error { color: #f87171; font-size: 0.9rem; }