.auth-body { margin: 0; background: var(--bg-cream, #ece9e1); display: flex; align-items: center; justify-content: center; min-height: 100vh; padding: 24px; }
.login-card { background: var(--bg-card, #fdfbf7); border: 3px solid var(--dark-border, #2c3531); border-radius: 20px; box-shadow: 6px 6px 0 var(--dark-border, #2c3531); padding: 40px 32px; max-width: 420px; width: 100%; text-align: center; }
.login-card h1 { margin: 0 0 8px; font-size: 26px; font-family: 'SaudiWeb', sans-serif; color: var(--text-main, #1a1a1a); }
.login-card p.subtitle { margin: 0 0 28px; font-size: 14px; color: var(--text-sub, #57606a); }
.form-group { margin-bottom: 16px; text-align: right; }
.form-group label { display: block; margin-bottom: 6px; font-family: 'SaudiWeb', sans-serif; font-size: 14px; font-weight: 700; color: var(--text-main, #1a1a1a); }
.form-group input { width: 100%; padding: 14px 16px; border: 2px solid var(--dark-border, #2c3531); border-radius: 10px; font-family: 'SaudiWeb', sans-serif; font-size: 15px; background: var(--bg-cream, #ece9e1); color: var(--text-main, #1a1a1a); box-sizing: border-box; }
.form-group input:focus { border-color: var(--primary-terracotta, #cc805f); outline: none; }
.dir-ltr { direction: ltr; text-align: left; }
.btn-primary { width: 100%; padding: 16px; background: var(--primary-terracotta, #cc805f); color: #fff; border: 2px solid var(--dark-border, #2c3531); border-radius: 10px; font-family: 'SaudiWeb', sans-serif; font-size: 16px; font-weight: 700; cursor: pointer; box-shadow: 3px 3px 0 var(--dark-border, #2c3531); transition: background 0.2s; margin-top: 8px; }
.btn-primary:hover { background: var(--primary-dark, #b56c4d); }
.btn-primary:disabled { opacity: 0.6; cursor: not-allowed; }
.error-msg { color: #d32f2f; font-size: 13px; margin-top: 8px; display: none; text-align: right; }
.links { margin-top: 20px; font-size: 13px; }
.links a { color: var(--secondary-teal, #2c5f5d); text-decoration: none; margin: 0 8px; }
.divider { margin: 20px 0; border-top: 2px dashed var(--dark-border, #2c3531); opacity: 0.3; }
@media (prefers-color-scheme: dark) {
  .login-card { background: var(--bg-soft, #202124); }
  .form-group input { background: #2a2a2a; }
}