.auth{--auth-shadow:0 1px 2px #23262b0d, 0 18px 40px -24px #23262b59;--auth-err:#a32d2d;--auth-err-line:#e24b4a99;--auth-err-edge:#e24b4a59;--auth-err-ring:#e24b4a29;--auth-err-bg:#e24b4a14;min-height:100dvh;color:var(--text);font-family:var(--font-text), var(--font-sans), system-ui, sans-serif;flex-direction:column;padding:16px 16px 20px;display:flex}[data-theme=dark] .auth{--auth-shadow:0 1px 2px #0000004d, 0 18px 40px -24px #000000b3;--auth-err:#f7b4b4;--auth-err-line:#f0959599;--auth-err-edge:#f0959559;--auth-err-ring:#f0959529;--auth-err-bg:#e24b4a1f}.auth .comb{width:560px}@media (max-width:640px){.auth .comb{width:380px}}.auth-main,.auth>footer{z-index:1;position:relative}.auth-theme{z-index:3;align-self:flex-end;position:sticky;top:16px}.auth-theme .theme-switch{border:1px solid var(--border);background:var(--card);box-shadow:var(--auth-shadow)}.auth-main{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;padding:16px 0 32px;display:flex}.auth-logo{margin-bottom:28px}.auth-card-wrap{width:100%;max-width:440px;position:relative}.auth-card-wrap>.bee{z-index:2;width:92px;position:absolute;top:-46px;right:-46px}.auth-card{border:1px solid var(--border);background:var(--card);box-shadow:var(--auth-shadow);border-radius:26px;padding:36px 34px 32px}.auth-title{font-family:var(--font-display), var(--font-head), sans-serif;letter-spacing:-.025em;margin:0;font-size:28px;font-weight:600;line-height:1.15}.auth-sub{color:var(--text-2);margin:10px 0 0;font-size:15px;line-height:1.6}.auth-sub b{color:var(--text);font-weight:inherit}.auth-note{color:var(--text-3);margin:16px 0 0;font-size:14px;line-height:1.6}.auth-link{color:var(--brand-ink);text-decoration:none}.auth-link:hover{text-underline-offset:3px;text-decoration:underline}.auth-alt{color:var(--text-2);text-align:center;margin:24px 0 0;font-size:15px}.auth-form{gap:18px;margin-top:28px;display:grid}.auth-field{gap:8px;display:grid}.auth-label-row{justify-content:space-between;align-items:baseline;gap:12px;font-size:14px;display:flex}.auth-label{color:var(--text-2)}.auth-hint{color:var(--text-3);margin:0;font-size:13px}.auth-input{border:1px solid var(--border-strong);background:var(--surface);width:100%;height:52px;color:var(--text);font:inherit;border-radius:14px;padding:0 16px;font-size:16px;transition:border-color .15s,box-shadow .15s}.auth-input:hover{border-color:var(--text-3)}.auth-input:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 4px #fdab0e38}.auth-input[aria-invalid=true]{border-color:var(--auth-err-line)}.auth-input[aria-invalid=true]:focus{border-color:var(--auth-err-line);box-shadow:0 0 0 4px var(--auth-err-ring)}.auth-field-error{color:var(--auth-err);align-items:flex-start;gap:7px;margin:0;font-size:13px;line-height:1.45;animation:.16s ease-out auth-err-in;display:flex}.auth-field-error svg{flex:none;margin-top:1px}@keyframes auth-err-in{0%{opacity:0;transform:translateY(-3px)}}.auth-pass{position:relative}.auth-pass .auth-input{padding-right:56px}.auth-eye{width:42px;height:42px;color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;padding:0;transition:color .15s;display:grid;position:absolute;top:50%;right:6px;translate:0 -50%}.auth-eye:hover{color:var(--text)}.auth-eye:focus-visible{outline:2px solid var(--brand)}.auth-check{color:var(--text-2);align-items:flex-start;gap:12px;font-size:14px;line-height:1.6;display:flex}.auth-check input{width:18px;height:18px;accent-color:var(--brand);flex:none;margin:3px 0 0}.auth-check input[aria-invalid=true]{outline:2px solid var(--auth-err-line);outline-offset:2px}.auth-consent{gap:8px;display:grid}.auth-error{border:1px solid var(--auth-err-edge);background:var(--auth-err-bg);color:var(--auth-err);border-radius:12px;margin:0;padding:12px 14px;font-size:14px;line-height:1.5}.auth-submit{width:100%;font-family:var(--font-display), var(--font-head), sans-serif;text-align:center;border-radius:14px;margin-top:4px;padding:17px 24px;font-size:15px;font-weight:600}.auth-submit:disabled{cursor:progress;opacity:.75;filter:none;transform:none}@media (max-width:600px){.auth-card-wrap>.bee{display:none}.auth-logo{margin-bottom:22px}.auth-card{border-radius:22px;padding:28px 22px 26px}.auth-title{font-size:24px}}@media (prefers-reduced-motion:reduce){.auth-input,.auth-eye{transition:none}.auth-field-error{animation:none}}
