.auth-page{padding:var(--spacing-3xl) 0;min-height:calc(100vh - 400px)}.auth-container{max-width:500px;margin:0 auto;background-color:var(--white);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);padding:var(--spacing-2xl)}.auth-header{text-align:center;margin-bottom:var(--spacing-xl)}.auth-title{font-size:var(--font-size-3xl);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.auth-description{color:var(--text-secondary);line-height:var(--line-height-relaxed);margin:0}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.auth-form .form-group{margin-bottom:0}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-md);gap:var(--spacing-md)}.auth-form .btn{width:100%;margin-top:var(--spacing-md)}.input-error{border-color:var(--error-color)!important}.auth-footer{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:var(--border-width) solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-md);text-align:center}.auth-footer-text{color:var(--text-secondary);margin:0}.auth-footer-link{color:var(--accent-color);font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.auth-footer-link:hover{color:var(--secondary-color);text-decoration:underline}.auth-success-state{text-align:center;padding:var(--spacing-2xl) 0}.auth-success-icon{color:var(--success-color)}.auth-error-icon,.auth-success-icon{display:flex;justify-content:center;margin-bottom:var(--spacing-xl)}.auth-error-icon{color:var(--error-color)}.auth-loading-icon{display:flex;justify-content:center;margin-bottom:var(--spacing-xl);color:var(--text-secondary);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.auth-success-actions{margin-top:var(--spacing-2xl);display:flex;justify-content:center}.form-input-group{position:relative;display:flex;align-items:center}.form-input-group .form-input{padding-right:3rem}.form-input-icon-btn{position:absolute;right:var(--spacing-sm);background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.form-input-icon-btn:hover{color:var(--text-primary)}@media (max-width:1024px){.auth-page{padding:var(--spacing-2xl) 0}.auth-container{max-width:80%}.auth-title{font-size:var(--font-size-3xl)}}@media (max-width:768px){.auth-container{max-width:90%;padding:var(--spacing-xl)}.form-row{grid-template-columns:1fr}.auth-title{font-size:var(--font-size-2xl)}.auth-footer,.auth-header{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}}