:root{color-scheme:dark;font-family:Inter,Segoe UI,Arial,sans-serif;background:#101419;color:#f1f3f5}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px}main{width:min(100%,420px);padding:32px;border:1px solid #343c45;border-radius:16px;background:#181e25}.brand{font-size:12px;letter-spacing:.16em;color:#91bdac}h1{font-size:26px;line-height:1.25;margin:16px 0}p{line-height:1.5;color:#b9c2cc}form{display:grid;gap:20px;margin-top:26px}label{display:grid;gap:8px;font-size:14px}input{width:100%;padding:12px;font:inherit;border:1px solid #596574;border-radius:7px;background:#0f141a;color:inherit}input:focus{outline:2px solid #8fccb0;outline-offset:2px}button{padding:13px;border:0;border-radius:7px;font:inherit;font-weight:600;background:#a5d9bd;color:#13231b;cursor:pointer}button:disabled{opacity:.5;cursor:wait}.secondary{background:#323b46;color:#eef1f4}.foot{font-size:12px;margin-top:28px}#error{padding:10px;border:1px solid #cb7777;border-radius:6px;color:#ffd1d1}[hidden]{display:none!important}

.remember{display:flex;align-items:center;gap:10px;font-size:15px}.remember input{width:18px;height:18px;margin:0;padding:0;flex:none;accent-color:#a5d9bd}.remember-note{font-size:13px;margin:-10px 0 0}