.auth{justify-content:center;align-items:center;min-height:100svh;padding:24px;display:flex}@media (max-width:560px){.auth{align-items:flex-start;padding:20px 16px 40px}.auth-card{padding:22px 18px}}.auth-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);flex-direction:column;gap:14px;width:100%;max-width:400px;padding:28px;display:flex}.auth-card h1{margin:6px 0 0;font-size:26px;font-weight:700}.auth-hint{color:var(--muted);margin:0;font-size:14px}.auth-card form{flex-direction:column;gap:12px;display:flex}.auth-card label{color:var(--ink-soft);flex-direction:column;gap:5px;font-size:13px;font-weight:600;display:flex}.auth-card input{border:1px solid var(--line-strong);border-radius:var(--r-control);background:var(--ground);color:var(--ink);padding:11px 12px;font-size:15px}.auth-card input:focus{outline:2px solid var(--accent)}.pw-field{display:flex;position:relative}.pw-field input{flex:1;width:100%;padding-right:44px}.pw-toggle{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.pw-toggle:hover{color:var(--ink)}.pw-toggle:focus-visible{outline:2px solid var(--accent);border-radius:var(--r-control)}.auth-err{background:var(--danger-soft);color:var(--danger);border-radius:var(--r-control);padding:9px 12px;font-size:14px}.auth-submit{background:var(--accent);color:#fff;border-radius:var(--r-control);border:none;padding:13px;font-size:16px;font-weight:700}.auth-submit:disabled{opacity:.5}.auth-switch{color:var(--muted);background:0 0;border:none;align-self:flex-start;padding:0;font-size:13.5px;text-decoration:underline}.auth-switch:hover{color:var(--ink)}.auth-switch-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:6px;display:flex}.auth-switch-label{color:var(--muted);font-size:14px}.auth-switch-btn{background:var(--accent-soft);color:var(--accent-ink);border:1.5px solid var(--accent);border-radius:var(--r-control);cursor:pointer;padding:8px 16px;font-size:14.5px;font-weight:700}.auth-switch-btn:hover{background:var(--accent);color:#fff}