.auth-v2 { margin: 0; color: #142433; background: #f7f4ed; font-family: "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.auth-v2 .main-header { position: sticky; top: 0; z-index: 10; background: rgba(247,244,237,.94); border-bottom: 1px solid rgba(20,36,51,.09); box-shadow: none; backdrop-filter: blur(14px); }
.auth-v2 .navbar { padding: 0; }
.auth-v2 .nav-container { min-height: 76px; }
.auth-v2 .logo-text { color: #142433; font-size: 19px; letter-spacing: -.02em; }
.auth-v2 .logo-ai { color: #8d6929; }
.auth-v2 .nav-menu a { color: #344754; font-size: 15px; font-weight: 650; }
.auth-v2 .btn-nav-signup, .auth-v2 .btn-nav-login { padding: 10px 17px; color: #fff !important; background: #15354b; border-radius: 999px; }
.auth-v2 .auth-section { min-height: calc(100vh - 152px); padding: 72px 20px; background: radial-gradient(circle at 85% 12%, rgba(180,139,60,.1), transparent 28%), #f7f4ed; }
.auth-v2 .auth-container { max-width: 1080px; gap: 24px; align-items: stretch; }
.auth-v2 .login-auth-container { max-width: 560px; }
.auth-v2 .auth-form-container, .auth-v2 .sermon-preview-container, .auth-v2 .auth-form { border: 1px solid #ddd8ce; border-radius: 18px; background: #fff; box-shadow: 0 22px 60px rgba(20,36,51,.09); }
.auth-v2 .auth-form-container .auth-form { border: 0; box-shadow: none; }
.auth-v2 .auth-form { padding: 40px; }
.auth-v2 .auth-form h2 { margin: 0; color: #0d2739; font-family: "Cormorant Garamond", Georgia, serif; font-size: 43px; font-weight: 600; letter-spacing: -.03em; line-height: 1; }
.auth-v2 .auth-form .subtitle { margin: 13px 0 30px; color: #61717b; font-size: 16px; }
.auth-v2 .form-group label { color: #2e424f; font-size: 14px; font-weight: 750; }
.auth-v2 .form-group input { min-height: 50px; padding: 11px 13px; border: 1px solid #cbc8c0; border-radius: 10px; background: #fdfcf9; box-shadow: none; }
.auth-v2 .form-group input:focus { border-color: #8d6929; box-shadow: 0 0 0 3px rgba(180,139,60,.15); }
.auth-v2 .btn.btn-primary { min-height: 50px; color: #fff; background: #8f3438; border-color: #8f3438; border-radius: 10px; box-shadow: 0 10px 22px rgba(143,52,56,.16); }
.auth-v2 .btn.btn-primary:hover { background: #7d292e; border-color: #7d292e; }
.auth-v2 .login-link, .auth-v2 .signup-link { color: #66757e; }
.auth-v2 .login-link a, .auth-v2 .signup-link a, .auth-v2 .forgot-password-link a { color: #15354b; font-weight: 750; }
.auth-v2 .sermon-preview-container { padding: 40px; color: #d4dfe4; background: linear-gradient(145deg, #15354b, #0d2739); border-color: #15354b; }
.auth-v2 .sermon-preview-container h3 { margin: 0; padding-bottom: 17px; color: #fff; border-bottom: 1px solid rgba(255,255,255,.16); font-family: "Cormorant Garamond", Georgia, serif; font-size: 33px; font-weight: 600; }
.auth-v2 .sermon-preview-container p { color: #c0ccd2 !important; }
.auth-v2 .sermon-preview-container ul { margin: 25px 0 0; padding: 0; list-style: none; }
.auth-v2 .sermon-preview-container li { position: relative; margin: 18px 0; padding-left: 29px; color: #e0e7ea; }
.auth-v2 .sermon-preview-container li::before { content: "✓"; position: absolute; left: 0; color: #ddb65f; font-weight: 900; }
.auth-v2 .main-footer { padding: 25px 0; color: #96a5ad; background: #091f2e; }
.auth-v2 .main-footer p { margin: 0; }

@media (max-width: 820px) {
  .auth-v2 .nav-menu { position: static; display: flex; width: auto; padding: 0; flex-direction: row; align-items: center; gap: 12px; background: transparent; border: 0; box-shadow: none; }
  .auth-v2 .nav-menu li { width: auto; text-align: left; }
  .auth-v2 .nav-menu li a { display: block; padding: 10px 14px; }
  .auth-v2 .nav-menu li:nth-child(2) { display: none; }
  .auth-v2 .auth-container { width: 100%; padding: 0; grid-template-columns: 1fr; }
  .auth-v2 .auth-form-container, .auth-v2 .sermon-preview-container { width: 100%; min-width: 0; }
  .auth-v2 .sermon-preview-container { min-height: auto; }
}
@media (max-width: 540px) {
  .auth-v2 .nav-menu li:first-child { display: none; }
  .auth-v2 .nav-container { min-height: 68px; }
  .auth-v2 .logo-text { font-size: 16px; }
  .auth-v2 .nav-menu { gap: 0; }
  .auth-v2 .nav-menu li a { padding: 9px 13px; }
  .auth-v2 .auth-section { padding: 38px 14px; }
  .auth-v2 .auth-form, .auth-v2 .sermon-preview-container { padding: 27px 21px; }
  .auth-v2 .auth-form h2 { font-size: 38px; }
}