.auth-main-container{padding-top:var(--space-8);padding-bottom:var(--space-9)}.auth-card{width:min(100%,30rem);padding:var(--space-7) var(--space-6);gap:var(--space-5);background:var(--color-surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);margin-inline:auto;display:grid}.auth-card__hero{text-align:center;gap:var(--space-2);justify-items:center;display:grid}.auth-card__logo-img{object-fit:contain;width:auto;height:2.75rem;margin-bottom:var(--space-2);transition:transform var(--transition-fast)}.auth-card__logo-img:hover{transform:scale(1.04)}.auth-card__title{font-family:var(--font-ar-display);color:var(--color-ink);margin:0;font-size:clamp(1.875rem,4vw,2.5rem);line-height:1.15}html[lang=en] .auth-card__title{font-family:var(--font-display)}.auth-card__lead{max-width:26rem;color:var(--color-muted);margin:0;font-size:.9375rem;line-height:1.6}.auth-form{gap:var(--space-4);display:grid}.field{gap:var(--space-1);display:grid}.field label{color:var(--color-ink);font-size:.8125rem;font-weight:600}.field__optional{color:var(--color-muted);font-weight:400}.field input{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-bg);width:100%;min-height:2.875rem;font:inherit;color:var(--color-ink);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:.875rem 1.125rem}.field input:focus{border-color:var(--color-accent);box-shadow:var(--ring-focus)}.field__error{color:var(--color-error);font-size:.8125rem;font-weight:500}.auth-remember{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-muted);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex}.auth-remember input{width:1.125rem;height:1.125rem;accent-color:var(--color-accent)}.auth-switch{text-align:center;color:var(--color-muted);margin:0;font-size:.9375rem}.auth-switch a{color:var(--color-accent);transition:color var(--transition-fast);font-weight:600}.auth-switch a:hover{color:var(--color-accent-dark);text-decoration:underline}@media (width<=480px){.auth-card{padding:var(--space-5) var(--space-4)}}