/* Auth Modern Refresh */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');

:root{
  --auth-card-bg: #ffffff;
  --auth-card-border: rgba(17,24,39,0.08);
  --auth-text: #101827; /* gray-900 */
  --auth-muted: #6b7280; /* gray-500 */
  --auth-primary: #2563eb; /* blue-600 */
  --auth-primary-2: #7c3aed; /* violet-600 */
}

body.auth {
  background: radial-gradient(1200px 600px at 10% 10%, #f3f6fb 0%, #eef2f7 50%),
              radial-gradient(800px 400px at 90% 20%, #eaf0ff 0%, transparent 50%),
              linear-gradient(180deg, #f7f9fc, #eef2f7);
  color: var(--auth-text);
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
}

.login-section{
  background: transparent !important;
}

.image-section{ display: none !important; }
.auth-viewport{ padding: 24px; }

.auth-logo{ max-height: 64px; max-width: 280px; filter: drop-shadow(0 6px 18px rgba(0,0,0,0.15)); }

.auth-card{ 
  width: 100%; max-width: 440px;
  padding: 28px 26px; margin: 0 auto;
  background: var(--auth-card-bg);
  border: 1px solid var(--auth-card-border);
  border-radius: 16px;
  box-shadow: 0 20px 50px rgba(0,0,0,0.08);
}

.auth-title{ font-weight: 700; letter-spacing: 0.2px; font-size: 1.6rem; }
.auth-sub{ color: var(--auth-muted); font-size: 0.95rem; }

.form-control.auth-input{
  background: #ffffff;
  border: 1px solid #e5e7eb;
  color: var(--auth-text);
  padding: 12px 14px; border-radius: 12px;
}
.form-control.auth-input::placeholder{ color: rgba(0,0,0,0.45); }
.form-control.auth-input:focus{
  border-color: rgba(37,99,235,0.8);
  box-shadow: 0 0 0 0.25rem rgba(37,99,235,0.15);
}

.btn.auth-primary{
  background-image: linear-gradient(135deg, var(--auth-primary), var(--auth-primary-2));
  border: none; color: #fff; font-weight: 700;
  padding: 10px 16px; border-radius: 12px;
}
.btn.auth-primary:hover{ filter: brightness(1.05); }
.btn.auth-secondary{ background: #f3f4f6; color: var(--auth-text); border: 1px solid #e5e7eb; border-radius: 12px; }

.auth-links a{ color: var(--auth-muted); text-decoration: none; }
.auth-links a:hover{ color: var(--auth-text); }

.disclaimer-footer{ color: var(--auth-muted) !important; }

.auth-select .form-select{
  background: #ffffff;
  border: 1px solid #e5e7eb;
  color: var(--auth-text); border-radius: 12px; padding: 12px 14px;
}
.auth-select .form-select option{ color: #0b0d12; }

@media (max-width: 767.98px){
  .auth-card{ padding: 22px 20px; }
}