.auth-container{min-height:100vh;padding:var(--spacing-lg);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;display:flex}.auth-card{border-radius:var(--radius-xl);width:100%;max-width:440px;padding:var(--spacing-xl);background:#fff;box-shadow:0 20px 60px #0000004d}.auth-header{text-align:center;margin-bottom:var(--spacing-xl)}.auth-header h1{color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-size:1.875rem;font-weight:700}.auth-header p{color:var(--color-text-secondary);font-size:.938rem}.auth-form{gap:var(--spacing-lg);flex-direction:column;display:flex}.auth-form .form-group{margin-bottom:0}.auth-form .btn{margin-top:var(--spacing-md)}.error-message{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-error-bg);color:var(--color-error);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-size:.875rem;display:flex}.error-message svg{flex-shrink:0}.auth-footer{margin-top:var(--spacing-xl);text-align:center;padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.auth-footer p{color:var(--color-text-secondary);font-size:.875rem}.auth-footer a{color:var(--color-primary);transition:color var(--transition-fast);font-weight:600;text-decoration:none}.auth-footer a:hover{color:var(--color-primary-hover);text-decoration:underline}.password-strength{margin-top:var(--spacing-sm)}.password-strength__bar{background:var(--color-light-gray);height:4px;margin-bottom:var(--spacing-xs);border-radius:2px;overflow:hidden}.password-strength__fill{height:100%;transition:all var(--transition-base);border-radius:2px}.password-strength--weak .password-strength__fill{background:var(--color-error);width:33%}.password-strength--medium .password-strength__fill{background:var(--color-warning);width:66%}.password-strength--strong .password-strength__fill{background:var(--color-success);width:100%}.password-strength__label{font-size:.75rem;font-weight:500}.password-strength--weak .password-strength__label{color:var(--color-error)}.password-strength--medium .password-strength__label{color:var(--color-warning)}.password-strength--strong .password-strength__label{color:var(--color-success)}@media (max-width:480px){.auth-card{padding:var(--spacing-lg)}.auth-header h1{font-size:1.5rem}}