:root{color-scheme:dark;font-family:system-ui,sans-serif;color:#edf6ff;background:#06101e}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 0,#173456,transparent 65%)}main{width:min(420px,calc(100% - 40px));padding:36px;border:1px solid #294763;border-radius:22px;background:#0a192bea;box-shadow:0 25px 100px #0006}.brand{font-size:26px;letter-spacing:.22em;text-decoration:none;color:#ecf8ff}h1{font-size:23px;font-weight:500;margin:30px 0 22px}label{display:grid;gap:8px;margin:16px 0;font-size:14px}input{width:100%;padding:13px;border:1px solid #48627b;border-radius:9px;background:#07121f;color:#fff;font:inherit}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #8bdfff;outline-offset:3px}button{width:100%;border:0;border-radius:10px;background:#b8e8ff;color:#052038;padding:14px;font:600 15px system-ui;cursor:pointer}button:disabled{opacity:.65;cursor:wait}p{font-size:14px;line-height:1.5;color:#c4d5e6}#status{min-height:21px;color:#f2d6c6}.back{display:block;text-align:center;margin-top:24px;color:#bad6ed;font-size:13px}[hidden]{display:none!important}@media(max-width:450px){main{padding:27px}}