.auth-section { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 120px 20px 60px; }
.auth-container { width: 100%; max-width: 440px; }
.auth-card { background: var(--dark-light); border-radius: var(--radius-lg); padding: 40px; border: 1px solid rgba(255,255,255,0.05); box-shadow: var(--shadow-lg); }
.auth-header { text-align: center; margin-bottom: 32px; }
.auth-icon { width: 70px; height: 70px; border-radius: 50%; background: linear-gradient(135deg, var(--primary), var(--secondary)); display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; font-size: 28px; color: var(--white); }
.auth-header h2 { color: var(--white); font-size: 24px; font-weight: 700; margin-bottom: 8px; }
.auth-header p { color: var(--gray); font-size: 14px; }
.auth-footer { text-align: center; margin-top: 24px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.05); }
.auth-footer p { color: var(--gray); font-size: 14px; }
.auth-footer a { color: var(--primary-light); text-decoration: none; font-weight: 500; }
.auth-footer a:hover { text-decoration: underline; }

.password-wrapper { position: relative; }
.password-wrapper input { padding-right: 50px; }
.toggle-password { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); background: none; border: none; color: var(--gray); cursor: pointer; padding: 8px; }
.toggle-password:hover { color: var(--primary-light); }

.form-options { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.checkbox-wrapper { display: flex; align-items: center; gap: 8px; font-size: 14px; color: var(--gray-light); cursor: pointer; }
.checkbox-wrapper input[type="checkbox"] { accent-color: var(--primary); }
.forgot-link { color: var(--primary-light); text-decoration: none; font-size: 13px; }
.forgot-link:hover { text-decoration: underline; }