.auth-page{min-height:calc(100dvh - 160px);padding:var(--space-12) var(--space-4);background-color:var(--color-bg);justify-content:center;align-items:center;display:flex}.auth-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;max-width:440px;padding:var(--space-8) var(--space-6);box-shadow:var(--shadow-sm);gap:var(--space-6);flex-direction:column;display:flex}.auth-card__header{text-align:center;gap:var(--space-2);flex-direction:column;display:flex}.auth-card__badge{align-self:center;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background-color:var(--color-primary-light);color:var(--color-primary);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-xs);display:inline-flex}.auth-card__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-main);line-height:var(--leading-tight)}.auth-card__subtitle{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-normal)}.auth-card__phone-tag{justify-content:center;align-items:center;gap:var(--space-2);font-family:monospace;font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-primary);background-color:var(--color-primary-subtle);padding:var(--space-1) var(--space-3);border-radius:var(--radius-xs);margin-top:var(--space-1);direction:ltr;display:inline-flex}.auth-card__edit-btn{font-size:var(--text-xs);color:var(--color-primary);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;text-decoration:underline}.auth-card__edit-btn:hover{color:var(--color-primary-hover)}.auth-form{gap:var(--space-5);flex-direction:column;display:flex}.otp-input-group{direction:ltr;justify-content:center;gap:clamp(4px,2vw,8px);max-width:100%;display:flex}.otp-digit-input{text-align:center;width:clamp(38px,13vw,52px);height:clamp(48px,15vw,60px);font-size:clamp(1.25rem,5vw,1.5rem);font-weight:var(--font-bold);color:var(--color-text-main);background-color:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);transition:all var(--transition-fast);outline:none;flex-shrink:1;font-family:inherit}.otp-digit-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.otp-digit-input--filled{border-color:var(--color-primary);background-color:var(--color-primary-subtle)}.otp-digit-input--error{background-color:#fff5f5;border-color:#e63946}.auth-timer-box{font-size:var(--text-xs);color:var(--color-text-muted);padding:var(--space-2) 0;justify-content:space-between;align-items:center;display:flex}.auth-timer-count{font-weight:var(--font-bold);color:var(--color-primary);font-size:var(--text-sm);direction:ltr;display:inline-block}.auth-resend-btn{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-primary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:0;font-family:inherit}.auth-resend-btn:disabled{color:var(--color-text-light);cursor:not-allowed;text-decoration:none}.auth-resend-btn:not(:disabled):hover{color:var(--color-primary-hover);text-decoration:underline}.auth-alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-xs);font-size:var(--text-xs);line-height:var(--leading-normal);align-items:center;gap:var(--space-2);display:flex}.auth-alert--error{color:#9b1c1c;background-color:#fde8e8;border:1px solid #f8b4b4}.auth-alert--success{background-color:var(--color-primary-light);color:var(--color-primary);border:1px solid var(--color-primary)}@media (max-width:480px){.auth-page{padding:var(--space-8) var(--space-3)}.auth-card{padding:var(--space-6) var(--space-4)}}