:root{--paper:#F5F6F3;--surface:#fff;--ink:#16203A;--ink-2:#4B566B;--ink-3:#7A8496;--rule:#DADFD8;--rule-2:#C6CCC4;--euc:#2C6A57;--euc-soft:#E2EEE8;--stamp:#B02A22;--stamp-soft:#F7E3E1;--side:#16203A;
  --sans:"Public Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--serif:"Source Serif 4",Georgia,serif}
@media (prefers-color-scheme:dark){:root{--paper:#0F141D;--surface:#161D29;--ink:#E7EAF0;--ink-2:#A3ACBB;--ink-3:#7E8899;--rule:#283244;--rule-2:#344058;--euc:#5BB394;--euc-soft:#1B3029;--stamp:#F07D72;--stamp-soft:#3A1E1C;--side:#0A0E15}}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{background:var(--side);color:var(--ink);font:15px/1.5 var(--sans);-webkit-font-smoothing:antialiased}
.wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px}
.card{background:var(--surface);border-radius:14px;padding:32px 34px;width:min(430px,100%);box-shadow:0 30px 80px rgba(0,0,0,.35)}
.brand{display:flex;gap:12px;align-items:center;margin-bottom:24px}
.mark{width:42px;height:42px;border-radius:50%;border:2px solid var(--ink);display:grid;place-items:center;font:600 15px var(--serif);transform:rotate(-8deg);flex:none}
.name{font:600 20px/1.2 var(--serif)}
.sub{font-size:13px;color:var(--ink-2)}
h1{font:600 22px/1.25 var(--serif);margin:0 0 6px}
p{margin:0 0 14px}
.muted{color:var(--ink-2)} .small{font-size:13px}
label{display:block;font-size:13px;font-weight:500;color:var(--ink-2);margin:14px 0 4px}
input{width:100%;padding:10px 11px;border:1px solid var(--rule-2);border-radius:7px;background:var(--paper);color:var(--ink);font:inherit}
input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--euc);outline-offset:2px}
button{width:100%;margin-top:20px;padding:11px 16px;border:0;border-radius:7px;background:var(--euc);color:#fff;font:600 15px var(--sans);cursor:pointer}
button:disabled{opacity:.6;cursor:default}
a{color:var(--euc)}
.links{display:flex;justify-content:space-between;gap:10px;margin-top:16px;font-size:14px;flex-wrap:wrap}
.err{background:var(--stamp-soft);color:var(--stamp);border-radius:7px;padding:9px 11px;font-size:14px;margin-top:14px}
.ok{background:var(--euc-soft);border-radius:7px;padding:9px 11px;font-size:14px;margin-top:14px}
.hint{font-size:12px;color:var(--ink-3);margin-top:4px}
.foot{color:#A9B3C4;font-size:12px;margin-top:18px;text-align:center}
.foot a{color:#C4CCDA}

label.chk{display:flex;gap:8px;align-items:flex-start;font-weight:400;line-height:1.45}
label.chk input{width:auto;margin-top:3px;flex:none}
.small{font-size:13px}
