:root{color-scheme:light dark;
 --tlo:#F2F4F7;--panel:#FFF;--ink:#11151B;--ink2:#3D4753;--muted:#5C6675;
 --rule:#D2D9E2;--plan:#1F4FA8;--zle:#B0203F}
@media (prefers-color-scheme:dark){:root{
 --tlo:#0E1116;--panel:#151A21;--ink:#E4E8EF;--ink2:#C3CAD5;--muted:#8B95A5;
 --rule:#242C36;--plan:#6E9BF0;--zle:#F0708D}}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:grid;place-items:center;background:var(--tlo);
 color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;padding:24px}
main{width:100%;max-width:400px;background:var(--panel);border:1px solid var(--rule);
 border-radius:4px;padding:34px 32px 30px}
.marka{margin:0 0 22px;font-size:11px;letter-spacing:.13em;text-transform:uppercase;
 color:var(--plan);font-family:ui-monospace,monospace}
h1{margin:0;font-size:26px;letter-spacing:-.02em}
.lead{margin:12px 0 26px;color:var(--ink2);font-size:14px;line-height:1.55}
label{display:block;font-size:12px;color:var(--muted);margin:14px 0 6px}
input{width:100%;padding:11px 12px;border:1px solid var(--rule);border-radius:3px;
 background:var(--tlo);color:var(--ink);font-size:15px;font-family:inherit}
input:focus-visible{outline:2px solid var(--plan);outline-offset:1px;border-color:var(--plan)}
button{width:100%;margin-top:22px;padding:12px;border:0;border-radius:3px;
 background:var(--plan);color:#fff;font-size:15px;font-weight:600;cursor:pointer;
 font-family:inherit}
button:disabled{opacity:.6;cursor:default}
#blad{min-height:20px;margin:14px 0 0;color:var(--zle);font-size:13px}