/* Light theme + neon 3D hover for Eduversity.bd
   Loaded last. Replaces the dark palette with a light bottle-green palette,
   and gives every element a neon border, a 3D lift and a thick coloured base on hover. */

:root {
  --bg: #f3faf6;
  --bg-2: #e6f4ec;
  --surface: #ffffff;
  --surface-2: #f0faf5;
  --ink: #0c2a20;
  --ink-2: #2b4a40;
  --muted: #56766a;
  --muted-2: #87a496;
  --border: #cfe6da;
  --border-soft: #e0efe7;
  --shadow: 0 14px 30px rgba(12, 42, 32, .10);
  --shadow-sm: 0 6px 16px rgba(12, 42, 32, .07);

  --primary: #0f8f6a;
  --primary-dark: #0a6e51;
  --primary-soft: rgba(15, 143, 106, .12);
  --primary-tint: rgba(15, 143, 106, .06);
  --neon-glow: 0 0 14px rgba(15, 143, 106, .35);
}

html, body { background: var(--bg); color: var(--ink); }
body { background: radial-gradient(900px 500px at 0% -10%, rgba(52, 211, 153, .10), transparent 60%), var(--bg); }
::selection { background: rgba(52, 211, 153, .35); color: var(--ink); }

/* header and nav: light glass */
.site-nav { background: rgba(255, 255, 255, .92) !important; }
.nav-link { color: var(--ink-2); }
.btn-primary { color: #fff; }
.btn-primary:hover { color: #fff; background: var(--primary-dark); box-shadow: 0 0 18px rgba(15, 143, 106, .45); }
.header-search button { color: #fff; }
.header-search button:hover { background: var(--primary-dark); }
.cat-pill.active { color: #fff; }

/* ---------- neon 3D hover for every element ---------- */
/* each element gets its own neon colour by its position (cycles through 4 colours) */
.course-card, .cat-card, .student-card, .feature-card, .teacher-card, .testi-card,
.blog-card, .notice-card, .batch-card, .stat-block, .detail-card, .practice-q,
.value-card, .info-card, .principal, .form-card, .contact-card, .faq-item, .notice-list,
.teacher-profile, .success-panel, .verify-box, .pay-status, .result-card, .result-search,
.hero-art .float-card, .stats-row > *, .cat-grid > a, .course-grid > *, .course-page-grid > *,
.cat-pill, .batch-card, .filter-bar, .empty-state, .curriculum-item {
  --nc: #34d399;
  position: relative;
  transform-style: preserve-3d;
  transition: transform .4s cubic-bezier(.2, .8, .2, 1), box-shadow .4s ease, border-color .4s ease;
}
.course-card:nth-child(4n+2), .cat-grid > a:nth-child(4n+2), .stats-row > *:nth-child(4n+2), .course-grid > *:nth-child(4n+2), .course-page-grid > *:nth-child(4n+2) { --nc: #22d3ee; }
.course-card:nth-child(4n+3), .cat-grid > a:nth-child(4n+3), .stats-row > *:nth-child(4n+3), .course-grid > *:nth-child(4n+3), .course-page-grid > *:nth-child(4n+3) { --nc: #facc15; }
.course-card:nth-child(4n), .cat-grid > a:nth-child(4n), .stats-row > *:nth-child(4n), .course-grid > *:nth-child(4n), .course-page-grid > *:nth-child(4n) { --nc: #f472b6; }

.course-card:hover, .cat-card:hover, .student-card:hover, .feature-card:hover, .teacher-card:hover,
.testi-card:hover, .blog-card:hover, .notice-card:hover, .batch-card:hover, .stat-block:hover,
.detail-card:hover, .practice-q:hover, .value-card:hover, .info-card:hover, .principal:hover,
.form-card:hover, .contact-card:hover, .faq-item:hover, .teacher-profile:hover,
.hero-art .float-card:hover, .stats-row > *:hover, .cat-grid > a:hover, .course-grid > *:hover,
.course-page-grid > *:hover, .cat-pill:hover, .curriculum-item:hover {
  transform: perspective(800px) translateY(-8px) rotateX(5deg) scale(1.015);
  border-color: var(--nc) !important;
  /* thick 3D base in a darker shade of the neon colour + neon ring + soft glow */
  box-shadow:
    0 0 0 2px var(--nc),
    0 0 22px color-mix(in srgb, var(--nc) 55%, transparent),
    0 12px 0 -2px color-mix(in srgb, var(--nc) 70%, #000),
    0 26px 44px rgba(12, 42, 32, .18);
  animation: neon-pulse 2.4s ease-in-out infinite;
}

@keyframes neon-pulse {
  0%, 100% { filter: brightness(1) saturate(1); }
  50% { filter: brightness(1.04) saturate(1.25); }
}

/* the floating call-to-action keeps its bold dark-green card look */
.cta-box { color: #ecfdf5; }
.cta-box h3, .cta-box p { color: #ecfdf5; }
.cta-box:hover { transform: perspective(800px) translateY(-6px) rotateX(3deg); box-shadow: 0 0 0 2px #34d399, 0 0 26px rgba(52, 211, 153, .55), 0 12px 0 -2px #0b5a44; }