:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#10131d;color:#e8eaf3}body{margin:0;min-height:100vh;display:grid;place-items:center}main{box-sizing:border-box;width:min(90vw,390px);padding:36px;background:#191e2b;border:1px solid #30394b;border-radius:24px}.mark{color:#bc9cff;font-size:50px;line-height:1}h1{font-size:27px;font-weight:550;letter-spacing:-.8px;margin:20px 0 8px}p{color:#a7afc3;margin:0 0 28px;font-size:14px}label{display:block;font-size:13px;margin:18px 0}input{box-sizing:border-box;width:100%;border:1px solid #404b64;border-radius:9px;background:#111725;color:#fff;padding:12px;font:inherit;margin-top:8px}input:focus{outline:2px solid #a98af1;outline-offset:2px}button{width:100%;border:0;border-radius:9px;background:#b79af4;color:#171029;padding:12px;font:inherit;font-weight:600;cursor:pointer}button:disabled{opacity:.6}#error{font-size:13px;color:#ffbcb6;margin-top:18px;min-height:18px}