:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#0f172a;color:#e5e7eb}*{box-sizing:border-box}body{margin:0;padding:40px 16px}main{max-width:540px;margin:5vh auto;background:#172033;border:1px solid #334155;border-radius:18px;padding:32px}.brand{color:#94a3b8;font-size:12px;letter-spacing:2px}h1{font-size:27px}p{line-height:1.6}label{display:block;margin:20px 0 7px}input{width:100%;padding:12px;border:1px solid #64748b;border-radius:8px;background:#0f172a;color:#fff;font:inherit}button{width:100%;margin-top:24px;padding:14px;border:0;border-radius:8px;background:#2563eb;color:white;font:inherit;cursor:pointer}a{color:#93c5fd}nav{margin-top:28px;font-size:14px}.notice,.error{padding:14px;border-radius:8px;background:#12382d}.error{background:#50252b}[hidden]{display:none!important}small{display:block;color:#cbd5e1;line-height:1.5;margin-top:8px}