:root{color-scheme:dark;font:16px/1.5 system-ui,sans-serif;color:#e6edf5;background:#0b1016}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px}main{width:100%;max-width:420px;padding:32px;background:#121a24;border:1px solid #2b3b4f;border-radius:10px}h1{margin:8px 0;font-size:30px;letter-spacing:-.7px}.eyebrow{font-size:12px;letter-spacing:1.5px}.eyebrow,.hint{color:#a9b8cb}form{margin-top:24px}label{display:block;margin-bottom:6px}input,button{font:inherit;width:100%;min-height:44px;padding:10px 12px;border:1px solid #2b3b4f;border-radius:6px;color:#e6edf5;background:#0b1016}button{margin-top:16px;cursor:pointer;background:#182332}button:hover{border-color:#7ab8ff}button:disabled{opacity:.6;cursor:wait}input:focus-visible,button:focus-visible{outline:2px solid #7ab8ff;outline-offset:3px}#login-error{color:#ff8585;min-height:24px;margin-bottom:0}@media(max-width:359px){body{padding:16px}main{padding:20px}}