.auth-brand{--ivory:var(--color-ivory-mist);--ink:var(--color-midnight-violet);--cream:var(--color-cream);--wist:var(--color-wisteria);--disp:var(--font-display);--body:var(--font-body);font-family:var(--body);color:var(--ink)}.auth-brand .font-disp,.auth-brand h1,.auth-brand h2{font-family:var(--disp)}.auth-brand .auth-card{background:var(--cream);border:var(--border-default);border-radius:var(--radius-lg)}.auth-brand .auth-input{width:100%;background:var(--color-ivory-mist);border:var(--border-default);border-radius:var(--radius-md);padding:12px 16px;font-family:var(--body);font-weight:600;font-size:14px;color:var(--ink);outline:none;transition:border-color .15s ease}.auth-brand .auth-input::-moz-placeholder{color:var(--color-text-secondary);font-weight:500}.auth-brand .auth-input::placeholder{color:var(--color-text-secondary);font-weight:500}.auth-brand .auth-input:focus{border-color:var(--color-wisteria)}.auth-brand .auth-label{display:block;font-family:var(--body);font-weight:700;font-size:13px;margin-bottom:6px}.auth-brand .auth-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--body);font-weight:700;font-size:15px;padding:13px 22px;border-radius:999px;border:var(--border-default);background:var(--ink);color:var(--color-ivory-mist);cursor:pointer;transition:opacity .18s ease,transform .18s ease}.auth-brand .auth-btn:hover:not(:disabled){opacity:.85;transform:translateY(-1px)}.auth-brand .auth-btn:active:not(:disabled){transform:translateY(0)}.auth-brand .auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-brand .auth-error{background:var(--color-ivory-mist);border:var(--border-default);border-radius:var(--radius-md);padding:10px 14px;font-weight:600;font-size:13px;color:var(--ink)}.auth-brand .auth-input.has-error{border:1.5px solid var(--color-wisteria)}.auth-brand .field-error{color:var(--color-wisteria-text);font-weight:700;font-size:12.5px;margin-top:5px}.auth-brand .auth-notice{background:var(--color-wisteria-tint);color:var(--color-wisteria-text);border:var(--border-default);border-radius:var(--radius-md);padding:10px 14px;font-weight:600;font-size:12.5px;margin-top:8px}.auth-brand .auth-spinner{width:16px;height:16px;border:2.5px solid var(--color-ivory-mist);border-top:2.5px solid transparent;border-radius:50%;animation:auth-spin .7s linear infinite}@keyframes auth-spin{to{transform:rotate(1turn)}}