:root{color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:#101820;color:#e6edf3;font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100dvh;display:grid;place-items:center;padding:24px}main{width:100%;max-width:380px}.brand{font-size:32px;letter-spacing:-1.5px;font-weight:700;margin-bottom:42px}h1{font:400 36px/1.2 Georgia,serif;letter-spacing:-1px;margin:0 0 12px}p{font-size:15px;color:#abbac8;margin:0 0 28px}label{display:block;font-size:14px;margin-bottom:8px}input{width:100%;height:50px;border:1px solid #536a7e;border-radius:5px;background:#17232d;padding:12px;color:#e6edf3;font-size:16px}input:focus-visible,button:focus-visible{outline:3px solid #8abcf1;outline-offset:3px}button{width:100%;height:48px;background:#8abcf1;color:#17232d;border:0;border-radius:5px;margin-top:16px;padding:0 16px;font-size:15px;font-weight:600;cursor:pointer}button:hover{background:#174872}button:disabled{opacity:.6;cursor:wait}#error{color:#f0b5ae;font-size:14px;margin:16px 0 0}

button{background:#8abcf1;color:#0d1821}button:hover{background:#b0d4f8}