.auth-tabs { display: flex; gap: 4px; padding: 3px; border: 1px solid var(--line); background: var(--rail); border-radius: 3px; margin-bottom: 24px; }
.auth-tabs button { flex: 1; padding: 9px; font-size: 12px; color: #6a7162; border-radius: 2px; }
.auth-tabs button.active { background: var(--card); color: var(--ink); box-shadow: 0 1px 3px #27292208; }
.auth-error:empty { display:none; }
.login-card .form-field { margin-bottom: 17px; }
.login-card .field-label { font-size: 10px; }
.login-card .form-field input { font-size: 14px !important; }
.login-card form > .button { width: 100%; justify-content: space-between; min-height: 42px; }
.auth-divider { display:flex; align-items:center; gap:12px; margin:22px 0 18px; color:#777e6e; font-size:11px; }
.auth-divider::before,.auth-divider::after { content:''; height:1px; background:var(--line); flex:1; }
.auth-google { display:flex; justify-content:center; min-height:40px; }
.auth-access-note { margin-top:23px; font-size:11px; color:#737a69; line-height:1.7; }
.login-card .auth-error { font-size:12px; }
@media(max-width:760px) { .login-card .form-field input { font-size:16px !important; }.login-card { padding-block:32px; }.login-card h1 { font-size:32px; } }