.auth-panel { display:grid; grid-template-columns:minmax(0,1fr); border:1px solid var(--line); border-radius:7px; overflow:hidden; background:var(--surface); box-shadow:var(--shadow); }
.auth-panel aside { padding:26px 24px; background:var(--surface-2); border-bottom:1px solid var(--line); }
.auth-panel aside h1 { font-size:23px; margin:12px 0 20px; }.auth-panel aside p { font-size:14px; }
.auth-main { padding:28px 18px; min-width:0; }.auth-main h2 { margin:10px 0 20px; }
label { display:block; margin:18px 0 7px; font-weight:500; font-size:14px; }
input:not([type=radio]):not([type=checkbox]):not([type=hidden]) { width:100%; min-height:46px; padding:10px 12px; border:1px solid var(--line-strong); border-radius:5px; background:var(--surface); color:var(--ink); }
form>button { display:block; width:100%; min-height:46px; padding:11px 18px; margin:22px 0 12px; color:var(--on-brand); background:var(--brand); border:0; border-radius:5px; font-weight:600; cursor:pointer; }
form>button:hover { background:var(--brand-2); }.topbar-right form>button { width:auto; margin:0; background:transparent; color:var(--brand); }.topbar-right form>button:hover{background:var(--brand-soft)}
.caption { font-size:12px; line-height:1.6; }.choice { display:flex; align-items:center; flex-wrap:wrap; gap:8px; min-height:44px; font-size:14px; font-weight:400; }
.choice input { width:18px; height:18px; accent-color:var(--brand); flex:none; }
.masked { padding:14px; border-radius:5px; border:1px solid var(--line); font:500 17px ui-monospace,monospace; color:var(--ink); overflow-wrap:anywhere; }
.message { padding:12px 14px; background:var(--brand-soft); border-left:3px solid var(--brand); border-radius:0 5px 5px 0; font-size:14px; color:var(--ink); overflow-wrap:anywhere; }
.challenge { margin-top:20px; min-height:65px; }.back { display:inline-flex; align-items:center; min-height:44px; margin-top:12px; font-size:13px; }
.auth-links { display:flex; flex-wrap:wrap; gap:8px 20px; margin-top:24px; font-size:14px; }.auth-links a { display:inline-flex; align-items:center; min-height:44px; }
.features { display:grid; gap:18px; padding:0; list-style:none; margin-top:28px; }.features li { display:flex; gap:12px; }.features .feature-icon { display:grid;place-items:center;width:30px;height:30px;flex:none;background:var(--brand-soft);color:var(--brand);border-radius:5px;font-weight:600; }.features strong { font-size:14px; }.features p { margin:2px 0; font-size:13px; }
@media(min-width:820px) { .auth-panel{grid-template-columns:1.05fr .95fr}.auth-panel aside{padding:32px 34px;border-right:1px solid var(--line);border-bottom:0}.auth-main{padding:32px 34px} }