:root{font-family:Poppins,Arial,sans-serif;color:#0b1b2e;background:#f3f6fa;color-scheme:light dark}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px}main{width:min(100%,420px);padding:36px;background:#fff;border:1px solid #dce4ef;border-radius:18px;box-shadow:0 12px 40px #0b1b2e0a}.brand{display:flex;align-items:center;gap:12px;color:#225fca;font-size:26px;font-weight:600}.brand svg{width:52px;height:30px}h1{font-size:24px;margin:30px 0 8px}p{font-size:14px;color:#617189}label{display:block;font-size:14px;margin:20px 0 8px}input,button{font:inherit;width:100%;padding:12px 14px;border-radius:9px}input{border:1px solid #b8c6d8;background:#fff;color:#0b1b2e}button{border:0;background:#225fca;color:#fff;cursor:pointer}button:disabled{opacity:.6;cursor:wait}input:focus-visible,button:focus-visible{outline:3px solid #77a8ff;outline-offset:3px}#error{color:#ba233f;min-height:20px}@media(prefers-color-scheme:dark){:root{background:#081321;color:#e4ebf5}main{background:#101f32;border-color:#253952}input{background:#081321;color:#e4ebf5;border-color:#48607f}p{color:#a2b3ca}#error{color:#ff8ca3}.brand{color:#8bb5ff}}