:root{--bg:#F2F2F7;--card:#fff;--label:#000;--label2:rgba(60,60,67,.62);--sep:rgba(60,60,67,.16);--blue:#007AFF;--red:#FF3B30;--green:#34C759;color-scheme:light dark}
@media (prefers-color-scheme: dark){:root{--bg:#000;--card:#1C1C1E;--label:#fff;--label2:rgba(235,235,245,.62);--sep:rgba(84,84,88,.55);--blue:#0A84FF;--red:#FF453A;--green:#30D158}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--label);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:17px;-webkit-font-smoothing:antialiased}
.auth{max-width:420px;margin:0 auto;padding:max(48px,env(safe-area-inset-top)) 20px 40px}
.logo{font-size:52px;text-align:center}
h1{font-size:30px;font-weight:800;letter-spacing:-.02em;text-align:center;margin:8px 0 22px}
h2{font-size:15px;font-weight:600;color:var(--label2);margin:22px 4px 8px}
form{background:var(--card);border-radius:14px;padding:6px 16px 16px;margin-bottom:12px}
label{display:block;font-size:13px;color:var(--label2);margin-top:12px}
label input{display:block;width:100%;margin-top:6px;font:inherit;font-size:17px;color:var(--label);background:rgba(120,120,128,.12);border:0;border-radius:10px;padding:11px 12px}
label.check{display:flex;gap:8px;align-items:center;font-size:14px}
label.check input{width:auto;margin:0}
.btn{display:block;width:100%;margin-top:18px;background:var(--blue);color:#fff;border:0;border-radius:12px;padding:13px;font:inherit;font-weight:600;text-align:center;text-decoration:none;cursor:pointer}
.link{background:none;border:0;color:var(--blue);font:inherit;width:100%;padding:8px;cursor:pointer}
form:has(.link){background:none;padding:0}
.err{background:rgba(255,59,48,.12);color:var(--red);border-radius:12px;padding:12px 14px;margin-bottom:12px;font-size:15px}
.ok{background:rgba(52,199,89,.14);color:var(--green);border-radius:12px;padding:12px 14px;margin-bottom:12px}
.muted{color:var(--label2);font-size:14px}
.checks{list-style:none;padding:0;background:var(--card);border-radius:14px;margin:0}
.checks li{padding:10px 16px;border-bottom:.5px solid var(--sep);font-size:15px}
.checks li:last-child{border:0}
.checks li.y{color:var(--green)} .checks li.n{color:var(--red)}
code{background:rgba(120,120,128,.16);padding:2px 6px;border-radius:6px}