/* Dark + neon theme for Eduversity.bd
   Loaded after style.css and app.css. Changes colours only; layout is untouched. */

:root {
  --bg: #06261c;
  --bg-2: #0a3024;
  --surface: #0e3a2c;
  --surface-2: #145038;
  --ink: #ecfdf5;
  --ink-2: #b9dccb;
  --muted: #8fbfa8;
  --muted-2: #5e8f78;
  --border: #1f5a45;
  --border-soft: #184a39;
  --shadow: 0 18px 40px rgba(0, 0, 0, .45);
  --shadow-sm: 0 6px 20px rgba(0, 0, 0, .35);

  /* neon accents: cyan = primary glow, gold = highlight */
  --primary: #34d399;
  --primary-dark: #10b981;
  --primary-soft: rgba(52, 211, 153, .14);
  --primary-tint: rgba(52, 211, 153, .08);
  --neon-gold: #facc15;
  --neon-glow: 0 0 14px rgba(52, 211, 153, .55), 0 0 32px rgba(52, 211, 153, .25);
}

html, body { background: var(--bg); color: var(--ink); }
body { background: radial-gradient(1200px 600px at 10% -10%, rgba(52, 211, 153, .08), transparent 60%), radial-gradient(900px 500px at 100% 0%, rgba(250, 204, 21, .06), transparent 60%), var(--bg); }
::selection { background: rgba(52, 211, 153, .3); color: #fff; }

/* surfaces: every white card / bar becomes a dark panel */
.site-header, .site-nav, .mobile-nav, .section-alt, .notice-band,
.hero-badge, .hero-art .float-card, .stats-row, .cat-pill, .filter-bar, .filter-select,
.course-card, .student-card, .feature-card, .teacher-card, .testi-card, .notice-list, .notice-card,
.result-search, .result-card, .detail-card, .curriculum-body, .teacher-profile, .batch-card,
.blog-card, .principal, .value-card, .form-card, .info-card, .success-panel, .contact-card,
.faq-item, .policy-body, .verify-box, .pay-status, .modal, .empty-state, .practice-bar,
.practice-q, .icon-btn, .header-cta, .header-search, .header-search:focus-within,
.btn-outline, .btn-soft, .rail-btn, .about-figure .af-badge, .teacher-photo .teacher-cap,
.field input, .field select, .field textarea, .enroll-card {
  background: var(--surface) !important;
  color: var(--ink);
  border-color: var(--border) !important;
}
.enroll-card { background: linear-gradient(160deg, var(--surface-2), var(--surface)) !important; }
.site-nav { background: rgba(6, 38, 28, .92) !important; backdrop-filter: blur(8px); }
.header-search input { color: var(--ink); background: transparent; }
.header-search input::placeholder, .field input::placeholder { color: var(--muted-2); }
.field input, .field select, .field textarea, .filter-select { color: var(--ink); }
.section-alt, .notice-band { background: var(--bg-2) !important; }
.curriculum-body, .practice-q { background: var(--surface) !important; }
.pay-status .pay-details, .modal-head .icon-btn { background: var(--surface-2) !important; }
.badge { background: var(--surface-2); color: var(--ink-2); }
.bar { background: var(--surface-2); }
.stat-block .st-icon, .feature-ico, .student-avatar { background: var(--primary-soft); color: var(--primary); }

/* text */
h1, h2, h3, h4, b, strong, .brand-text b, .course-body h3 a { color: var(--ink); }
.muted, .course-sub, .meta-list li, .course-meta-row, .section-head p, .hero-trust,
.stat-block span, .teacher-subject, .student-card p, .feature-card p, .testi-card p,
.small, small { color: var(--muted); }
.brand-text small { color: var(--muted); }
.kicker, .section-head .kicker, .section-head h2 .accent, .hero h1 .hl, .link-arrow,
.section-link, .price, .nav-link.active, .text-primary { color: var(--primary); }
.nav-link { color: var(--ink-2); }
.nav-link:hover { color: var(--primary); background: var(--primary-tint); }
.nav-link.active::after { background: var(--primary); box-shadow: var(--neon-glow); }
.nav-support { color: var(--muted); }

/* buttons */
.btn-primary { background: var(--primary); color: #041018; font-weight: 700; box-shadow: var(--neon-glow); }
.btn-primary:hover { background: #6ee7b7; color: #041018; box-shadow: 0 0 22px rgba(52, 211, 153, .8), 0 0 46px rgba(250, 204, 21, .3); }
.btn-outline:hover, .icon-btn:hover, .header-cta:hover, .cat-pill:hover, .rail-btn:hover {
  border-color: var(--primary) !important; color: var(--primary) !important; background: var(--primary-tint) !important; box-shadow: 0 0 14px rgba(52, 211, 153, .25);
}
.cat-pill.active { background: var(--primary); border-color: var(--primary); color: #041018; box-shadow: var(--neon-glow); }
.header-search { border-color: var(--border) !important; }
.header-search:focus-within { border-color: var(--primary) !important; box-shadow: 0 0 0 3px var(--primary-soft), var(--neon-glow); }
.header-search button { background: var(--primary); color: #041018; }
.header-search button:hover { background: #6ee7b7; }
.hero-badge { border-color: rgba(52, 211, 153, .35) !important; color: var(--primary); }

/* cards: neon edge on hover */
.course-card:hover, .student-card:hover, .feature-card:hover, .teacher-card:hover,
.testi-card:hover, .blog-card:hover, .notice-card:hover, .batch-card:hover {
  border-color: rgba(52, 211, 153, .55) !important; box-shadow: 0 0 0 1px rgba(52, 211, 153, .25), 0 0 26px rgba(52, 211, 153, .18);
}
.hero-art .float-card { color: var(--ink); box-shadow: 0 0 18px rgba(52, 211, 153, .2); }

/* hero and dark sections keep their own look */
.hero { background: transparent; }
.cta-box { background: linear-gradient(135deg, #0e3a2c, #0a3024) !important; border: 1px solid rgba(52, 211, 153, .35); box-shadow: var(--neon-glow); color: var(--ink); }
.cta-box h3 { color: #fff; }
.cta-box p { color: var(--ink-2); }

/* tables and lists */
.data-table th, .data-table td, table th, table td { border-color: var(--border-soft); color: var(--ink-2); }
.table-wrap { background: var(--surface); }
hr, .divider { border-color: var(--border-soft); }

/* course detail hero keeps a deep navy with cyan glow */
.course-hero { background: linear-gradient(135deg, #0a3024, #06261c) !important; }
.hero-badge[style] { background: rgba(52, 211, 153, .08) !important; }

/* বাংলা বর্ণ ভাঙা ঠিক করা: নেগেটিভ letter-spacing যুক্তাক্ষর ও মাত্রা ভেঙে দেয়, line-height কম হলে মাত্রা কাটে */
*, *::before, *::after { letter-spacing: normal !important; }
h1, h2, h3, h4, h5, .hero h1, .section-head h2, .brand-text b { line-height: 1.5 !important; }
.hero h1 { line-height: 1.35 !important; }
body, button, input, select, textarea { font-family: 'Hind Siliguri', 'Noto Sans Bengali', 'Nirmala UI', 'Segoe UI', sans-serif; }
.hero h1 { color: var(--ink) !important; }
.hero h1 .hl, .hero h1 span.hl { color: var(--primary) !important; text-shadow: 0 0 18px rgba(52, 211, 153, .45); }


/* বিভাগ ও বিষয়ের রঙ থিমের বটল-গ্রিন পরিবারের সাথে মিলিয়ে দেওয়া */
.grad-emerald, .grad-blue, .grad-cyan, .grad-teal, .grad-purple, .grad-indigo, .grad-violet,
.grad-amber, .grad-rose, .grad-slate { color: #ecfdf5; }
.grad-emerald { background: linear-gradient(135deg, #065f46, #059669 55%, #34d399) !important; }
.grad-blue    { background: linear-gradient(135deg, #0b4a3b, #0f6b54 55%, #34d399) !important; }
.grad-cyan    { background: linear-gradient(135deg, #0a4f47, #0e7f6e 55%, #5eead4) !important; }
.grad-teal    { background: linear-gradient(135deg, #0c4a3a, #117a60 55%, #6ee7b7) !important; }
.grad-purple  { background: linear-gradient(135deg, #14532d, #15803d 55%, #86efac) !important; }
.grad-indigo  { background: linear-gradient(135deg, #134e3a, #166b4f 55%, #5eead4) !important; }
.grad-violet  { background: linear-gradient(135deg, #14532d, #1f7a4d 55%, #a7f3d0) !important; }
.grad-amber   { background: linear-gradient(135deg, #1d4d2f, #2f7d46 55%, #d9f99d) !important; }
.grad-rose    { background: linear-gradient(135deg, #134e3a, #1f7a5a 55%, #a7f3d0) !important; }
.grad-slate   { background: linear-gradient(135deg, #0a2f24, #134a37 55%, #3f8f70) !important; }

/* ইনলাইন রঙের আইকন বক্স (হোমের স্ট্যাট কার্ড) থিমের রঙে */
.fc-ico { background: var(--primary) !important; color: #041018 !important; }
.cat-card .cat-icon { background: rgba(236, 253, 245, .16) !important; }
.cat-card, .course-cover, .course-thumb { box-shadow: 0 10px 26px rgba(0, 0, 0, .35), 0 0 18px rgba(52, 211, 153, .18); }