/* ============================================================
   Landing v2 — premium dark, emerald accent + elevation.
   Loaded on index.html only. Catches remaining blues + lifts cards.
   ============================================================ */

/* Deeper ground */
body { background: #060d1a !important; }

/* Hero: swap the blue glow for emerald, richer depth */
.hero {
  background:
    radial-gradient(ellipse 64% 54% at 20% 50%, rgba(16,185,129,.13) 0%, transparent 62%),
    radial-gradient(circle at 82% 16%, rgba(13,148,136,.15) 0%, transparent 44%),
    #060d1a !important;
}
.hero-h1 { letter-spacing: -.035em !important; }
.hero-p { color: #9fb0c4 !important; }

/* Nav + primary CTAs -> emerald gradient (was blue) */
.btn-primary {
  background: linear-gradient(135deg, #10b981, #0d9488) !important;
  box-shadow: 0 12px 28px -8px rgba(16,185,129,.42) !important;
}
.btn-primary:hover { box-shadow: 0 16px 36px -8px rgba(16,185,129,.55) !important; }
.cta-primary {
  background: linear-gradient(135deg, #10b981, #0d9488) !important;
  box-shadow: 0 14px 34px -10px rgba(16,185,129,.5) !important;
  border: none !important;
}
.cta-primary:hover { transform: translateY(-2px) !important; }

/* Eyebrows / accent text */
.eyebrow-blue { color: #10b981 !important; }

/* Feature cards: premium, emerald hover lift */
.feat-card {
  border-radius: 20px !important;
  transition: transform .22s cubic-bezier(.4,0,.2,1), border-color .22s ease, box-shadow .22s ease !important;
}
.feat-card:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(16,185,129,.42) !important;
  box-shadow: 0 26px 54px -26px rgba(16,185,129,.35) !important;
}

/* Explore cards: hover lift */
.explore-card {
  border-radius: 18px !important;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease !important;
}
.explore-card:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(16,185,129,.42) !important;
  box-shadow: 0 20px 44px -22px rgba(16,185,129,.3) !important;
}

/* Leaderboard preview: emerald rank-1 rail (was blue/amber) */
.hero-sidebar { border-color: rgba(16,185,129,.16) !important; }
[class*="hero-lb"] [class*="rank-1"],
.hero-lb-row.is-first { border-left-color: #10b981 !important; }

/* Quiz-section soft top tint -> emerald */
#quiz { background: linear-gradient(180deg, rgba(16,185,129,.045) 0%, transparent 100%) !important; }