:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#0b0c10;color:#fff}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at top,#172642,#0b0c10 65%)}main{width:100%;max-width:420px;background:#181a20;border:1px solid #2e3545;border-radius:20px;padding:32px}.brand{font-size:13px;font-weight:800;color:#fbbf24;letter-spacing:2px}h1{font-size:28px;margin:24px 0 8px}p{color:#b3bbce;line-height:1.5}label{display:block;margin:24px 0 8px;font-size:14px}input,button{width:100%;padding:14px;font:inherit;border-radius:10px}input{border:1px solid #3b465b;background:#0e131e;color:#fff}input:focus{outline:2px solid #f59e0b}button{margin-top:20px;border:0;font-weight:700;background:#f59e0b;color:#101319;cursor:pointer}button:disabled{opacity:.6}#message{color:#fca5a5;min-height:24px;font-size:14px}