/* ==========================================================================
   GROWLY LOGIN — LEFT PANEL DARK GOLD THEME OVERRIDE
   Only left panel changed — right panel (form) stays white
   Add this AFTER your main login CSS file
   <link rel="stylesheet" href="growly-login-dark-theme.css">
   ========================================================================== */

/* ==========================================================================
   LOGIN SECTION BACKGROUND
   ========================================================================== */
.login-section {
  background-color: #0F0E0C !important;
}

/* ==========================================================================
   LEFT PANEL — Dark Background with Gold Glow
   ========================================================================== */
.login-wrap .left {
  background:
    radial-gradient(ellipse 80% 60% at center, rgba(201, 162, 74, 0.18) 0%, rgba(168, 132, 46, 0.08) 35%, transparent 70%),
    radial-gradient(ellipse 90% 50% at bottom center, rgba(201, 162, 74, 0.20) 0%, rgba(168, 132, 46, 0.12) 50%, transparent 75%),
    radial-gradient(ellipse 60% 40% at top left, rgba(201, 162, 74, 0.10) 0%, transparent 65%),
    radial-gradient(ellipse at bottom right, rgba(168, 132, 46, 0.12) 0%, transparent 65%),
    linear-gradient(145deg, #0F0E0C 0%, #141210 35%, #1A1814 65%, #1E1B14 100%) !important;
}

/* ==========================================================================
   PROMO TEXT — Gold Tones
   ========================================================================== */
.login-wrap .promo-text h3 {
  color: #E8C97A !important;
  text-shadow:
    0 0 8px  rgba(201, 162, 74, 0.50),
    0 0 20px rgba(201, 162, 74, 0.25),
    0 0 40px rgba(201, 162, 74, 0.10);
}

.login-wrap .promo-text p {
  color: #C4A45A !important;
}

/* ==========================================================================
   CHECK LIST ITEMS
   ========================================================================== */
.login-wrap .check-item span {
  color: #C4A45A !important;
}

.login-wrap .check-item i {
  background: rgba(201, 162, 74, 0.12) !important;
  color: #C9A24A !important;
}

/* ==========================================================================
   TRUST BADGE
   ========================================================================== */
.login-wrap .trust-badge {
  background: rgba(201, 162, 74, 0.08) !important;
  border-color: rgba(201, 162, 74, 0.20) !important;
}

.login-wrap .trust-badge span {
  color: #C4A45A !important;
}

.login-wrap .trust-badge i {
  color: #C9A24A !important;
}

/* ==========================================================================
   CARD SHADOW — Darker on dark bg
   ========================================================================== */
.login-wrap .card {
  box-shadow:
    0 24px 80px rgba(0, 0, 0, 0.5),
    0 4px 12px rgba(0, 0, 0, 0.3),
    0 0 0 1px rgba(201, 162, 74, 0.08) !important;
}