:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#14161a;color:#f3f4f6}*{box-sizing:border-box}body{margin:0;padding:24px;min-height:100dvh;display:grid;place-items:center}.login{width:100%;max-width:420px;padding:28px;background:#1c1f24;border-radius:12px}h1{font-size:28px;margin:0 0 8px}p{color:#a8afba;line-height:1.5}form{display:grid;gap:20px}label{display:grid;gap:8px;font-size:15px}input,button{font:inherit;font-size:16px;min-height:48px;border-radius:10px;border:1px solid #747e8d;padding:12px;width:100%;color:inherit;background:#252a31}button{cursor:pointer;background:#9fb9f5;color:#14161a;border-color:#9fb9f5;font-weight:600}button:disabled{opacity:.6}input:focus-visible,button:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid #9fb9f5;outline-offset:3px}details{margin-top:24px}summary{cursor:pointer;min-height:44px}#message{color:#f28b82}output{display:block;overflow-wrap:anywhere;margin-bottom:20px}a{color:#9fb9f5;display:inline-block;padding:12px 0}