/* Auth Pages Styles */
.auth-section { padding: 120px 0 80px; background: linear-gradient(135deg,#FFF0F5,#FFE4E1); }

/* Header alignment for auth pages */
.auth-page .brand-text { margin-left: 0.25rem; display: flex; align-items: center; }
.auth-page .brand-text .logo-text { transform: translateY(2px); }
.auth-container { max-width: 600px; margin: 0 auto; padding: 0 20px; } /* reduced from 820px */
.auth-card { background: #fff; border-radius: 20px; box-shadow: 0 20px 50px rgba(255,105,180,.2); overflow: hidden; }
.auth-header { text-align: center; padding: 1.5rem 1.5rem 1rem; } /* reduced padding */
.auth-logo .logo { width: 64px; height: 64px; }
.auth-form { padding: 0 1.5rem 2rem; display: grid; gap: 1rem; } /* reduced padding */
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.form-group label { font-weight: 600; color: #333; margin-bottom: .5rem; display: block; }
.input-group { display: flex; align-items: center; gap: .5rem; border: 2px solid #e9ecef; border-radius: 10px; padding: .75rem 1rem; }
.input-group i { color: #FF69B4; }
.input-group input, .input-group select { flex: 1; border: none; outline: none; font-size: 1rem; }
.password-toggle { background: none; border: none; cursor: pointer; color: #999; }
.form-options { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.checkbox-container { display: flex; align-items: center; gap: .5rem; cursor: pointer; }
.auth-divider { text-align: center; position: relative; margin: 1rem 1.5rem; color: #888; } /* reduced margin */
.auth-divider:before, .auth-divider:after { content: ''; position: absolute; top: 50%; width: 42%; height: 1px; background: #eee; }
.auth-divider:before { left: 0; }
.auth-divider:after { right: 0; }
.social-login { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; padding: 0 1.5rem 2rem; } /* reduced padding */
.btn-google, .btn-facebook { padding: .9rem 1rem; border-radius: 10px; border: none; color: #fff; font-weight: 600; cursor: pointer; }
.btn-google { background: #DB4437; }
.btn-facebook { background: #1877F2; }
.password-strength { margin-top: .5rem; }
.strength-bar { background: #f3f4f6; height: 8px; border-radius: 999px; overflow: hidden; }
.strength-fill { height: 100%; width: 0; background: linear-gradient(135deg,#FF69B4,#FF1493); transition: width .3s ease; }
.strength-text { font-size: .9rem; color: #666; }

@media (max-width: 768px) {
  .auth-container { max-width: 95%; padding: 0 15px; }
  .auth-header { padding: 1rem 1rem 0.5rem; }
  .auth-form { padding: 0 1rem 1.5rem; }
  .social-login { padding: 0 1rem 1.5rem; }
  .auth-divider { margin: 1rem 1rem; }
  .form-row { grid-template-columns: 1fr; }
  .form-options { flex-direction: column; align-items: flex-start; }
  .social-login { grid-template-columns: 1fr; }
}