/* Ciel et Terre — Modern Login Page Styles */
:root {
  --brand-teal: #3DBFBF;
  --brand-navy: #1B4B6B;
  --brand-primary: #007A7A;
}

.et-brand-panel {
  background: linear-gradient(135deg, var(--brand-navy) 0%, var(--brand-primary) 50%, var(--brand-teal) 100%) !important;
}

.et-login-card {
  box-shadow: 0 20px 40px rgba(27, 75, 107, 0.1) !important;
  border-radius: 16px !important;
}

.et-input-group input:focus {
  border-color: var(--brand-teal) !important;
  box-shadow: 0 0 0 3px rgba(61, 191, 191, 0.25) !important;
}

.et-submit-btn {
  background: linear-gradient(135deg, var(--brand-primary), var(--brand-navy)) !important;
  border: none !important;
  font-weight: 600 !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.et-submit-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(0, 122, 122, 0.3) !important;
}