/* ============================================================
   APNA MCQs — VVIP Dark Theme
   Dark Forest Green throughout · White typography
   #0D2818 backgrounds · #ffffff text
   ============================================================ */

/* ════════════════════════════════════════════════════════════
   KEYFRAME ANIMATIONS
   ════════════════════════════════════════════════════════════ */
@keyframes fadeInUp{from{opacity:0;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeInLeft{from{opacity:0;transform:translateX(-36px)}to{opacity:1;transform:translateX(0)}}
@keyframes fadeInRight{from{opacity:0;transform:translateX(36px)}to{opacity:1;transform:translateX(0)}}
@keyframes navbarIn{from{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}
@keyframes shimmerText{0%,100%{opacity:1}50%{opacity:0.7}}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes borderGlow{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}50%{box-shadow:0 0 0 4px rgba(255,255,255,0.08)}}
@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes ripple{0%{transform:scale(1);opacity:0.5}100%{transform:scale(2.5);opacity:0}}

/* ── Scroll reveal classes ── */
.reveal{opacity:0;transform:translateY(30px);transition:opacity 0.7s cubic-bezier(0.4,0,0.2,1),transform 0.7s cubic-bezier(0.4,0,0.2,1)}
.reveal.visible{opacity:1;transform:translateY(0)}
.reveal-l{opacity:0;transform:translateX(-30px);transition:opacity 0.7s ease,transform 0.7s ease}
.reveal-l.visible{opacity:1;transform:translateX(0)}
.reveal-r{opacity:0;transform:translateX(30px);transition:opacity 0.7s ease,transform 0.7s ease}
.reveal-r.visible{opacity:1;transform:translateX(0)}
.reveal-s{opacity:0;transform:scale(0.92);transition:opacity 0.6s ease,transform 0.6s ease}
.reveal-s.visible{opacity:1;transform:scale(1)}

/* ════════════════════════════════════════════════════════════
   ROOT VARIABLE OVERRIDES
   ════════════════════════════════════════════════════════════ */
:root{
  --primary:#0D2818;
  --primary-dark:#081a10;
  --primary-mid:#164226;
  --primary-light:#1B4332;
  --primary-gradient:#0D2818;
  --secondary-gradient:#0D2818;
  --tertiary-gradient:#0D2818;
  --gradient-hero:#0D2818;
  --gradient-bg:#0D2818;
  --gradient-navbar:#0D2818;
  --white:#ffffff;
  --accent:#0D2818;
  --glass:rgba(255,255,255,0.07);
  --glass-border:rgba(255,255,255,0.1);
  --glass-hover:rgba(255,255,255,0.11);
}

/* ════════════════════════════════════════════════════════════
   GLOBAL BODY — dark green everywhere
   ════════════════════════════════════════════════════════════ */
body{
  background:#0D2818!important;
  background-image:none!important;
  color:#ffffff!important;
  font-family:'Inter',system-ui,sans-serif!important;
  -webkit-font-smoothing:antialiased!important;
}
h1,h2,h3,h4,h5,h6{color:#ffffff!important;font-family:'Poppins',sans-serif!important}
/* Restore Font Awesome icon fonts */
.fa,.fas,.far,.fal,.fad,.fat,.fa-solid,.fa-regular,.fa-light,.fa-duotone,.fa-thin{font-family:"Font Awesome 6 Free"!important}
.fab,.fa-brands{font-family:"Font Awesome 6 Brands"!important}
p{color:rgba(255,255,255,0.72)!important}
a{color:rgba(255,255,255,0.8)!important}
a:hover{color:#ffffff!important}
label{color:rgba(255,255,255,0.85)!important;font-size:0.85rem!important;font-weight:500!important}

/* All sections — dark green */
section,main,article,div.container,div.wrapper,
.categories-section,.about-section,.comments-section,
.contact-section,.features-section,.stats-section,.hero-section{
  background:#0D2818!important;
  background-image:none!important;
}

/* ════════════════════════════════════════════════════════════
   NAVBAR
   ════════════════════════════════════════════════════════════ */
.navbar,nav.navbar,nav[role="navigation"]{
  position:fixed!important;top:0;width:100%;z-index:9999;
  background:#081a10!important;
  background-image:none!important;
  border-bottom:1px solid rgba(255,255,255,0.07)!important;
  box-shadow:0 2px 30px rgba(0,0,0,0.35)!important;
  height:64px!important;
  transition:all 0.4s ease!important;
  animation:navbarIn 0.5s ease both!important;
}
.navbar.scrolled{
  background:rgba(8,26,16,0.97)!important;
  backdrop-filter:blur(24px)!important;
  -webkit-backdrop-filter:blur(24px)!important;
  height:56px!important;
}
.nav-container{
  max-width:1360px!important;margin:0 auto!important;
  padding:0 2rem!important;height:100%!important;
  display:flex!important;align-items:center!important;
  justify-content:space-between!important;gap:10px!important;
}

/* Logo */
.nav-logo{
  display:flex!important;align-items:center!important;gap:10px!important;
  font-family:'Poppins',sans-serif!important;font-weight:800!important;
  font-size:1.12rem!important;letter-spacing:0.03em!important;
  color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;
  background:none!important;text-decoration:none!important;flex-shrink:0!important;
}
.nav-logo span{color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;background:none!important}
.nav-logo img{
  width:33px!important;height:33px!important;
  border-radius:8px!important;
  border:1.5px solid rgba(255,255,255,0.25)!important;
  box-shadow:0 2px 10px rgba(0,0,0,0.3)!important;
}

/* Links */
.nav-links{display:flex!important;align-items:center!important;list-style:none!important;margin:0!important;padding:0!important;gap:1px!important}
.nav-link{
  display:flex!important;align-items:center!important;gap:5px!important;
  padding:7px 12px!important;
  font-size:0.72rem!important;font-weight:600!important;
  letter-spacing:0.07em!important;text-transform:uppercase!important;
  color:rgba(255,255,255,0.6)!important;
  border-radius:6px!important;transition:all 0.2s ease!important;
  background:none!important;text-decoration:none!important;white-space:nowrap!important;
}
.nav-link::after,.nav-link::before{display:none!important}
.nav-link:hover,.nav-link.active{color:#ffffff!important;background:rgba(255,255,255,0.09)!important}
.nav-link i{font-size:0.68rem!important;color:inherit!important;opacity:0.75!important}

/* Nav CTA */
.vip-nav-cta{
  display:inline-flex!important;align-items:center!important;gap:6px!important;
  padding:8px 20px!important;
  background:#ffffff!important;background-image:none!important;color:#0D2818!important;
  font-family:'Poppins',sans-serif!important;font-size:0.76rem!important;font-weight:700!important;
  letter-spacing:0.04em!important;border-radius:100px!important;
  border:none!important;box-shadow:0 3px 14px rgba(0,0,0,0.25)!important;
  transition:all 0.25s ease!important;flex-shrink:0!important;
  text-decoration:none!important;white-space:nowrap!important;
}
.vip-nav-cta:hover{background:#e8f5ee!important;transform:translateY(-2px)!important;box-shadow:0 7px 22px rgba(0,0,0,0.3)!important;color:#0D2818!important}
.vip-nav-cta i{color:#0D2818!important;font-size:0.72rem!important}

/* Hamburger */
.mobile-menu-toggle{
  display:none!important;flex-direction:column!important;gap:5px!important;
  padding:8px!important;background:rgba(255,255,255,0.08)!important;
  border:1px solid rgba(255,255,255,0.15)!important;border-radius:7px!important;
  cursor:pointer!important;transition:all 0.2s ease!important;
}
.mobile-menu-toggle:hover{background:rgba(255,255,255,0.14)!important}
.mobile-menu-toggle span{display:block!important;width:18px!important;height:2px!important;background:#fff!important;border-radius:2px!important}

/* Mobile menu */
.mobile-menu-container{background:#081a10!important;border-left:1px solid rgba(255,255,255,0.08)!important;box-shadow:-4px 0 30px rgba(0,0,0,0.4)!important}
.mobile-menu-container::before{display:none!important}
.mobile-nav-link{color:rgba(255,255,255,0.7)!important;border-radius:7px!important;font-weight:500!important}
.mobile-nav-link:hover,.mobile-nav-link.active{background:rgba(255,255,255,0.08)!important;color:#ffffff!important;transform:none!important}
.close-menu-btn{background:rgba(255,255,255,0.07)!important;border:1px solid rgba(255,255,255,0.12)!important;color:#ffffff!important;border-radius:6px!important}
.close-menu-btn:hover{background:rgba(255,255,255,0.13)!important;color:#fff!important}

/* ════════════════════════════════════════════════════════════
   HERO — cinematic dark green full viewport
   ════════════════════════════════════════════════════════════ */
.hero,section#home{
  position:relative!important;min-height:100vh!important;
  background:#0D2818!important;background-image:none!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  overflow:hidden!important;padding-top:64px!important;padding-bottom:0!important;
}
/* Grid overlay */
.hero::before{
  content:''!important;position:absolute!important;inset:0!important;
  background-image:
    linear-gradient(rgba(255,255,255,0.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,0.028) 1px,transparent 1px)!important;
  background-size:55px 55px!important;z-index:1!important;pointer-events:none!important;
}
/* Glow spots */
.hero::after{
  content:''!important;position:absolute!important;inset:0!important;
  background:
    radial-gradient(ellipse 55% 50% at 15% 40%,rgba(82,183,136,0.14) 0%,transparent 55%),
    radial-gradient(ellipse 45% 40% at 85% 60%,rgba(45,106,79,0.2) 0%,transparent 55%)!important;
  z-index:1!important;pointer-events:none!important;
}
.hero-container{
  position:relative!important;z-index:2!important;
  max-width:860px!important;margin:0 auto!important;
  padding:3rem 2rem 5rem!important;text-align:center!important;width:100%!important;
}

/* Hero badge */
.hero-badge{
  display:inline-flex!important;align-items:center!important;gap:8px!important;
  background:rgba(255,255,255,0.08)!important;background-image:none!important;
  border:1px solid rgba(255,255,255,0.18)!important;border-radius:100px!important;
  padding:6px 18px!important;font-size:0.76rem!important;font-weight:600!important;
  color:rgba(255,255,255,0.88)!important;letter-spacing:0.07em!important;
  text-transform:uppercase!important;backdrop-filter:blur(8px)!important;
  margin-bottom:1.8rem!important;animation:fadeInDown 0.8s 0.2s both!important;
}
.hero-badge::before{content:'✦ '!important;color:rgba(255,255,255,0.6)!important;font-size:0.6rem!important}

/* Hero title */
.hero-title,.hero h1{
  font-family:'Poppins',sans-serif!important;
  font-size:clamp(2.4rem,5.5vw,4.4rem)!important;
  font-weight:900!important;line-height:1.08!important;
  color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;
  background:none!important;letter-spacing:-0.025em!important;
  margin-bottom:1.4rem!important;
  animation:fadeInUp 0.9s 0.35s both!important;
}
.hero-title span,.hero h1 span{
  -webkit-text-fill-color:transparent!important;
  background:linear-gradient(130deg,#74c69d 0%,#b7e4c7 50%,#d8f3dc 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
}

/* Hero subtitle */
.hero-subtitle,.hero p,.hero .text-white{
  font-size:clamp(1rem,2vw,1.18rem)!important;
  color:rgba(255,255,255,0.65)!important;
  -webkit-text-fill-color:rgba(255,255,255,0.65)!important;
  background:none!important;
  max-width:580px!important;margin:0 auto 2.5rem!important;
  line-height:1.75!important;font-weight:400!important;
  animation:fadeInUp 0.9s 0.5s both!important;
}

/* Hero stats */
.hero-stats{
  display:flex!important;justify-content:center!important;
  gap:0!important;margin-bottom:2.8rem!important;
  animation:fadeInUp 0.9s 0.65s both!important;flex-wrap:wrap!important;
}
.hero-stat{
  display:flex!important;flex-direction:column!important;align-items:center!important;gap:3px!important;
  padding:1rem 2rem!important;
  border-right:1px solid rgba(255,255,255,0.1)!important;
}
.hero-stat:last-child{border-right:none!important}
.hero-stat-number{
  font-family:'Poppins',sans-serif!important;font-size:2.1rem!important;font-weight:800!important;
  color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;background:none!important;
  line-height:1!important;letter-spacing:-0.02em!important;
}
.hero-stat-label{
  font-size:0.7rem!important;letter-spacing:0.08em!important;
  text-transform:uppercase!important;color:rgba(255,255,255,0.45)!important;
  font-weight:500!important;
}

/* Hero CTA */
.hero-cta,.hero .hero-cta{
  display:flex!important;justify-content:center!important;
  gap:14px!important;flex-wrap:wrap!important;
  animation:fadeInUp 0.9s 0.8s both!important;
}

/* ════════════════════════════════════════════════════════════
   BUTTONS
   ════════════════════════════════════════════════════════════ */
/* White button (on dark bg — all primary CTAs) */
.hero a[href="home.php"],.hero a[href*="home.php"],
.hero .cta-btn,.hero .hero-btn,.hero .btn{
  display:inline-flex!important;align-items:center!important;gap:8px!important;
  padding:14px 32px!important;
  background:#ffffff!important;background-image:none!important;color:#0D2818!important;
  font-family:'Poppins',sans-serif!important;font-weight:700!important;
  font-size:0.9rem!important;letter-spacing:0.02em!important;
  border-radius:100px!important;border:none!important;
  box-shadow:0 6px 24px rgba(0,0,0,0.25)!important;
  transition:all 0.28s cubic-bezier(0.4,0,0.2,1)!important;
  text-decoration:none!important;cursor:pointer!important;
}
.hero a[href="home.php"]:hover,.hero a[href*="home.php"]:hover,
.hero .cta-btn:hover,.hero .btn:hover{
  background:#e8f5ee!important;transform:translateY(-3px)!important;
  box-shadow:0 12px 36px rgba(0,0,0,0.3)!important;color:#0D2818!important;
}

/* Ghost button (secondary in hero) */
.hero a.secondary-btn,.hero a.outline-btn,.hero .btn-outline{
  display:inline-flex!important;align-items:center!important;gap:8px!important;
  padding:13px 30px!important;
  background:transparent!important;background-image:none!important;
  color:rgba(255,255,255,0.88)!important;
  font-family:'Poppins',sans-serif!important;font-weight:600!important;
  font-size:0.88rem!important;letter-spacing:0.02em!important;
  border-radius:100px!important;border:2px solid rgba(255,255,255,0.35)!important;
  transition:all 0.28s ease!important;text-decoration:none!important;cursor:pointer!important;
}
.hero a.secondary-btn:hover,.hero .btn-outline:hover{
  background:rgba(255,255,255,0.1)!important;
  border-color:rgba(255,255,255,0.65)!important;color:#ffffff!important;transform:translateY(-2px)!important;
}

/* General buttons (outside hero) — white outline on dark bg */
button:not(.close-menu-btn):not(.mobile-menu-toggle):not(.tab-btn),
.btn,a.btn,a.cta-btn,
input[type="submit"],input[type="button"],
.submit-btn,.popup-join-btn,.group-join-btn{
  display:inline-flex!important;align-items:center!important;gap:7px!important;
  padding:11px 26px!important;
  background:#ffffff!important;background-image:none!important;color:#0D2818!important;
  font-family:'Poppins',sans-serif!important;font-weight:700!important;
  font-size:0.85rem!important;letter-spacing:0.02em!important;
  border-radius:100px!important;border:none!important;
  box-shadow:0 4px 16px rgba(0,0,0,0.2)!important;
  transition:all 0.26s ease!important;text-decoration:none!important;cursor:pointer!important;
}
button:not(.close-menu-btn):not(.mobile-menu-toggle):not(.tab-btn):hover,
.btn:hover,a.btn:hover,a.cta-btn:hover,
input[type="submit"]:hover,.submit-btn:hover,.popup-join-btn:hover{
  background:#e8f5ee!important;transform:translateY(-2px)!important;
  box-shadow:0 8px 28px rgba(0,0,0,0.28)!important;color:#0D2818!important;
}

/* ════════════════════════════════════════════════════════════
   CATEGORIES SECTION — dark green bg, glass cards
   ════════════════════════════════════════════════════════════ */
.categories-section{
  background:#0D2818!important;background-image:none!important;
  padding:5.5rem 0!important;position:relative!important;
}
.categories-section::before{
  content:''!important;position:absolute!important;inset:0!important;
  background:radial-gradient(ellipse 60% 50% at 50% 100%,rgba(45,106,79,0.18) 0%,transparent 60%)!important;
  pointer-events:none!important;
}
.categories-container{
  max-width:1320px!important;margin:0 auto!important;
  padding:0 2rem!important;position:relative!important;z-index:1!important;
  background:transparent!important;
}
.categories-header{text-align:center!important;margin-bottom:3.5rem!important;background:transparent!important}
.categories-badge{
  display:inline-flex!important;align-items:center!important;gap:7px!important;
  padding:5px 16px!important;
  background:rgba(255,255,255,0.09)!important;background-image:none!important;
  color:rgba(255,255,255,0.85)!important;
  border:1px solid rgba(255,255,255,0.15)!important;border-radius:100px!important;
  font-size:0.7rem!important;font-weight:700!important;
  letter-spacing:0.1em!important;text-transform:uppercase!important;margin-bottom:1rem!important;
}
.categories-title,.categories-section h2{
  font-family:'Poppins',sans-serif!important;
  font-size:clamp(1.8rem,3.5vw,2.8rem)!important;font-weight:800!important;
  color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;
  background:none!important;margin-bottom:0.8rem!important;
}
.categories-title span{
  -webkit-text-fill-color:transparent!important;
  background:linear-gradient(130deg,#74c69d,#b7e4c7)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
}
.categories-subtitle{color:rgba(255,255,255,0.55)!important;font-size:1rem!important;max-width:520px!important;margin:0 auto!important}

/* Category grid */
.categories-grid{
  display:grid!important;grid-template-columns:repeat(auto-fill,minmax(265px,1fr))!important;
  gap:18px!important;background:transparent!important;
}
.category-card,[class*="category-card"]{
  background:rgba(255,255,255,0.06)!important;background-image:none!important;
  border:1px solid rgba(255,255,255,0.1)!important;
  border-radius:14px!important;
  box-shadow:0 4px 20px rgba(0,0,0,0.2)!important;
  transition:all 0.32s cubic-bezier(0.4,0,0.2,1)!important;
  overflow:hidden!important;position:relative!important;text-decoration:none!important;
  backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;
}
.category-card::before{
  content:''!important;position:absolute!important;top:0;left:0;right:0!important;
  height:2px!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent)!important;
  opacity:0!important;transition:opacity 0.3s ease!important;
}
.category-card:hover{
  background:rgba(255,255,255,0.1)!important;
  border-color:rgba(255,255,255,0.22)!important;
  box-shadow:0 16px 50px rgba(0,0,0,0.3)!important;
  transform:translateY(-6px)!important;
}
.category-card:hover::before{opacity:1!important}

.category-icon{
  width:50px!important;height:50px!important;
  background:rgba(255,255,255,0.12)!important;background-image:none!important;
  color:#ffffff!important;border-radius:11px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  font-size:1.25rem!important;margin-bottom:0.9rem!important;
  border:1px solid rgba(255,255,255,0.15)!important;
  transition:all 0.3s ease!important;flex-shrink:0!important;
}
.category-card:hover .category-icon{background:rgba(255,255,255,0.18)!important;transform:scale(1.1)!important}

.category-info h3,.category-card h3{color:#ffffff!important;font-weight:700!important;font-size:1rem!important;margin-bottom:5px!important}
.category-info p,.category-card p{color:rgba(255,255,255,0.55)!important;font-size:0.83rem!important;line-height:1.55!important;margin-bottom:10px!important}
.category-card *{color:rgba(255,255,255,0.7)!important}
.category-card h3{color:#ffffff!important}

/* Badges */
.premium-badge,.university-tag,.category-tag,.badge,.tag,[class*="-badge"],[class*="-tag"]{
  background:rgba(255,255,255,0.15)!important;background-image:none!important;
  color:#ffffff!important;border-radius:100px!important;
  font-size:0.68rem!important;font-weight:700!important;
  padding:3px 10px!important;letter-spacing:0.06em!important;
  border:1px solid rgba(255,255,255,0.2)!important;
}

/* ════════════════════════════════════════════════════════════
   ABOUT / FEATURES SECTION
   ════════════════════════════════════════════════════════════ */
.about-section{
  background:#081a10!important;background-image:none!important;
  padding:5.5rem 0!important;position:relative!important;overflow:hidden!important;
}
.about-section::before{
  content:''!important;position:absolute!important;inset:0!important;
  background:
    radial-gradient(circle at 0% 50%,rgba(255,255,255,0.03) 0%,transparent 40%),
    radial-gradient(circle at 100% 20%,rgba(255,255,255,0.02) 0%,transparent 40%)!important;
  pointer-events:none!important;
}
.about-container{
  max-width:1320px!important;margin:0 auto!important;
  padding:0 2rem!important;position:relative!important;z-index:1!important;background:transparent!important;
}
.about-title,.about-section h2{
  font-family:'Poppins',sans-serif!important;
  font-size:clamp(1.8rem,3.5vw,2.8rem)!important;font-weight:800!important;
  color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;
  background:none!important;text-align:center!important;margin-bottom:1rem!important;
}
.about-content{
  color:rgba(255,255,255,0.6)!important;text-align:center!important;
  font-size:0.98rem!important;max-width:580px!important;margin:0 auto 3.5rem!important;line-height:1.75!important;
}
.features-grid{
  display:grid!important;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))!important;
  gap:20px!important;background:transparent!important;
}
.feature-card{
  background:rgba(255,255,255,0.05)!important;background-image:none!important;
  border:1px solid rgba(255,255,255,0.09)!important;border-radius:14px!important;
  padding:1.8rem!important;transition:all 0.3s ease!important;
  position:relative!important;overflow:hidden!important;backdrop-filter:blur(6px)!important;
}
.feature-card::after{
  content:''!important;position:absolute!important;bottom:0;left:0;right:0!important;
  height:1px!important;background:rgba(255,255,255,0.15)!important;
  opacity:0!important;transition:opacity 0.3s ease!important;
}
.feature-card:hover{
  background:rgba(255,255,255,0.08)!important;
  border-color:rgba(255,255,255,0.15)!important;transform:translateY(-4px)!important;
  box-shadow:0 12px 40px rgba(0,0,0,0.28)!important;
}
.feature-card:hover::after{opacity:1!important}
.feature-icon,.card-icon{
  width:46px!important;height:46px!important;
  background:rgba(255,255,255,0.1)!important;background-image:none!important;
  color:#ffffff!important;border-radius:10px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  font-size:1.15rem!important;margin-bottom:1rem!important;
  border:1px solid rgba(255,255,255,0.12)!important;
}
.feature-card h3,.feature-card h4,.feature-card .feature-title{
  color:#ffffff!important;font-family:'Poppins',sans-serif!important;
  font-weight:700!important;font-size:1rem!important;margin-bottom:6px!important;
}
.feature-card p,.feature-card .feature-desc{
  color:rgba(255,255,255,0.58)!important;font-size:0.87rem!important;line-height:1.65!important;
}

/* ════════════════════════════════════════════════════════════
   COMMENTS / TESTIMONIALS — dark bg, glass cards
   ════════════════════════════════════════════════════════════ */
.comments-section{
  background:#0D2818!important;background-image:none!important;
  padding:5.5rem 0!important;position:relative!important;
}
.comments-section::before{
  content:''!important;position:absolute!important;inset:0!important;
  background:radial-gradient(ellipse 50% 60% at 50% 0%,rgba(82,183,136,0.1) 0%,transparent 55%)!important;
  pointer-events:none!important;
}
.comments-container{
  max-width:1320px!important;margin:0 auto!important;
  padding:0 2rem!important;position:relative!important;z-index:1!important;background:transparent!important;
}
.comments-title,.comments-section h2{
  font-family:'Poppins',sans-serif!important;
  font-size:clamp(1.8rem,3.5vw,2.8rem)!important;font-weight:800!important;
  color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;
  background:none!important;text-align:center!important;margin-bottom:3rem!important;
}
.comments-grid{
  display:grid!important;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important;
  gap:18px!important;background:transparent!important;
}
.comment-card,.testimonial-card{
  background:rgba(255,255,255,0.05)!important;background-image:none!important;
  border:1px solid rgba(255,255,255,0.09)!important;border-radius:14px!important;
  padding:1.6rem!important;backdrop-filter:blur(10px)!important;
  transition:all 0.3s ease!important;position:relative!important;overflow:hidden!important;
}
.comment-card::before{
  content:'"'!important;position:absolute!important;top:12px;right:18px!important;
  font-size:4rem!important;line-height:1!important;
  color:rgba(255,255,255,0.06)!important;font-family:'Poppins',sans-serif!important;font-weight:900!important;
}
.comment-card:hover{
  background:rgba(255,255,255,0.08)!important;
  border-color:rgba(255,255,255,0.16)!important;transform:translateY(-4px)!important;
  box-shadow:0 12px 40px rgba(0,0,0,0.25)!important;
}
.comment-author,.reviewer-name,.commenter-name,.comment-card h4,.comment-card strong{
  color:#ffffff!important;font-weight:700!important;font-family:'Poppins',sans-serif!important;
}
.comment-text,.review-text,.comment-body,.comment-card p{
  color:rgba(255,255,255,0.62)!important;font-size:0.9rem!important;line-height:1.7!important;
}
.comment-stars,.rating,.stars{color:rgba(255,255,255,0.7)!important}
.comment-card *{color:rgba(255,255,255,0.7)!important}
.comment-card h4,.comment-card strong{color:#ffffff!important}

/* ════════════════════════════════════════════════════════════
   CONTACT SECTION — dark bg
   ════════════════════════════════════════════════════════════ */
.contact-section{
  background:#081a10!important;background-image:none!important;
  padding:5.5rem 0!important;
}
.contact-container{
  max-width:1100px!important;margin:0 auto!important;padding:0 2rem!important;background:transparent!important;
}
.contact-title,.contact-section h2{
  font-family:'Poppins',sans-serif!important;
  font-size:clamp(1.8rem,3.5vw,2.8rem)!important;font-weight:800!important;
  color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;
  background:none!important;text-align:center!important;margin-bottom:0.8rem!important;
}
.contact-section > .contact-container > p,.contact-subtitle{
  text-align:center!important;color:rgba(255,255,255,0.55)!important;margin-bottom:3rem!important;
}
.contact-grid{
  display:grid!important;
  grid-template-columns:1fr 1.5fr!important;
  gap:2.5rem!important;background:transparent!important;
  align-items:start!important;
}

/* Contact info cards */
.contact-info{display:flex!important;flex-direction:column!important;gap:16px!important;background:transparent!important}
.contact-item{
  display:flex!important;align-items:center!important;gap:14px!important;
  background:rgba(255,255,255,0.05)!important;background-image:none!important;
  border:1px solid rgba(255,255,255,0.09)!important;border-radius:12px!important;
  padding:1.1rem 1.3rem!important;transition:all 0.25s ease!important;
}
.contact-item:hover{
  background:rgba(255,255,255,0.08)!important;
  border-color:rgba(255,255,255,0.16)!important;transform:translateX(4px)!important;
}
.contact-icon{
  width:44px!important;height:44px!important;
  background:rgba(255,255,255,0.1)!important;background-image:none!important;
  color:#ffffff!important;border-radius:10px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  font-size:1rem!important;flex-shrink:0!important;
  border:1px solid rgba(255,255,255,0.14)!important;
}
.contact-details h4{color:#ffffff!important;font-weight:700!important;font-size:0.88rem!important;margin-bottom:2px!important}
.contact-details p,.contact-details a{color:rgba(255,255,255,0.6)!important;font-size:0.84rem!important}
.contact-details a:hover{color:#ffffff!important}

/* Contact form */
.contact-form,.contact-form-wrapper{
  background:rgba(255,255,255,0.05)!important;background-image:none!important;
  border:1px solid rgba(255,255,255,0.09)!important;border-radius:16px!important;
  padding:2.2rem!important;backdrop-filter:blur(10px)!important;
}
.form-group{margin-bottom:1.2rem!important}
.form-group label{
  display:block!important;color:rgba(255,255,255,0.8)!important;
  font-size:0.82rem!important;font-weight:600!important;
  letter-spacing:0.04em!important;text-transform:uppercase!important;margin-bottom:6px!important;
}
input[type="text"],input[type="email"],input[type="password"],
input[type="tel"],select,textarea{
  background:rgba(255,255,255,0.07)!important;background-image:none!important;
  border:1.5px solid rgba(255,255,255,0.1)!important;border-radius:8px!important;
  color:#ffffff!important;font-family:'Inter',sans-serif!important;
  padding:11px 14px!important;width:100%!important;font-size:0.9rem!important;
  transition:all 0.22s ease!important;outline:none!important;
}
input::placeholder,textarea::placeholder{color:rgba(255,255,255,0.3)!important}
input:focus,select:focus,textarea:focus{
  border-color:rgba(255,255,255,0.35)!important;
  background:rgba(255,255,255,0.09)!important;
  box-shadow:0 0 0 3px rgba(255,255,255,0.06)!important;
}

/* ════════════════════════════════════════════════════════════
   SECTION TITLES (generic)
   ════════════════════════════════════════════════════════════ */
.section-title,.section-heading,[class*="section-title"]{
  font-family:'Poppins',sans-serif!important;
  color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;
  background:none!important;font-weight:800!important;
}
.section-title span,.section-heading span{
  -webkit-text-fill-color:transparent!important;
  background:linear-gradient(130deg,#74c69d,#b7e4c7)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
}
.section-subtitle{color:rgba(255,255,255,0.55)!important}

/* ════════════════════════════════════════════════════════════
   FOOTER — deep green
   ════════════════════════════════════════════════════════════ */
footer,.footer{
  background:#040e07!important;background-image:none!important;
  border-top:1px solid rgba(255,255,255,0.06)!important;
  padding-top:4rem!important;
}
footer::before{display:none!important}
footer h4,footer h5,.footer h4,.footer h5{
  color:#ffffff!important;font-family:'Poppins',sans-serif!important;
  font-weight:700!important;letter-spacing:0.04em!important;
  font-size:0.88rem!important;text-transform:uppercase!important;
  margin-bottom:1.2rem!important;
}
footer a,.footer a{
  color:rgba(255,255,255,0.5)!important;
  transition:all 0.2s ease!important;font-size:0.88rem!important;
}
footer a:hover,.footer a:hover{
  color:#ffffff!important;padding-left:6px!important;
}
footer p,.footer p{
  color:rgba(255,255,255,0.48)!important;font-size:0.88rem!important;line-height:1.7!important;
}
.footer-grid,.footer-container > .footer-grid{
  display:grid!important;
  grid-template-columns:1.4fr 1fr 1fr 1.2fr!important;
  gap:3rem!important;padding-bottom:3rem!important;
  background:transparent!important;
}
.footer-section{background:transparent!important}
.footer-links{display:flex!important;flex-direction:column!important;gap:8px!important;background:transparent!important}
.footer-links li{
  display:flex!important;align-items:center!important;gap:8px!important;
  color:rgba(255,255,255,0.5)!important;font-size:0.87rem!important;
}
.footer-links li i{color:rgba(255,255,255,0.35)!important;width:14px!important;font-size:0.78rem!important;flex-shrink:0!important}
.footer-bottom,.copyright{
  border-top:1px solid rgba(255,255,255,0.06)!important;
  padding:1.5rem 0!important;
  color:rgba(255,255,255,0.28)!important;font-size:0.8rem!important;
  text-align:center!important;
}
.footer-bottom p,.copyright p{color:rgba(255,255,255,0.28)!important}

/* Footer logo */
footer .nav-logo,footer .logo,.footer-brand{
  color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;background:none!important;
}
footer .nav-logo span,footer .logo span{
  color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;background:none!important;
}

/* Social links */
.social-links{display:flex!important;gap:10px!important;margin-top:1.2rem!important;background:transparent!important}
.social-link,.mobile-social-link{
  width:36px!important;height:36px!important;
  background:rgba(255,255,255,0.07)!important;background-image:none!important;
  color:rgba(255,255,255,0.7)!important;border:1px solid rgba(255,255,255,0.12)!important;
  border-radius:50%!important;display:inline-flex!important;
  align-items:center!important;justify-content:center!important;
  font-size:0.82rem!important;transition:all 0.22s ease!important;
  text-decoration:none!important;
}
.social-link:hover,.mobile-social-link:hover{
  background:rgba(255,255,255,0.14)!important;color:#ffffff!important;
  transform:translateY(-3px)!important;border-color:rgba(255,255,255,0.25)!important;
}

/* ════════════════════════════════════════════════════════════
   MISC
   ════════════════════════════════════════════════════════════ */
/* Stats section */
.stats-section,.counter-section{
  background:#0a1f10!important;background-image:none!important;
}
.stats-section *,.counter-section *{color:#ffffff!important}
.stats-section .stat-label,.counter-section .stat-label{color:rgba(255,255,255,0.5)!important}

/* Preloader */
#preloader,.preloader{background:#0D2818!important;background-image:none!important}
.spinner,.loader{border-color:rgba(255,255,255,0.1)!important;border-top-color:#ffffff!important}

/* Scroll top */
.scroll-top,#scrollTopBtn,.back-to-top{
  background:#164226!important;background-image:none!important;
  color:#ffffff!important;border-radius:50%!important;
  box-shadow:0 4px 18px rgba(0,0,0,0.35)!important;
  transition:all 0.28s ease!important;border:1px solid rgba(255,255,255,0.1)!important;
}
.scroll-top:hover,#scrollTopBtn:hover,.back-to-top:hover{
  background:#1B4332!important;transform:translateY(-3px)!important;
}

/* Popup */
.popup-content,.modal-content{
  background:#0D2818!important;border:1px solid rgba(255,255,255,0.1)!important;
  border-radius:16px!important;box-shadow:0 24px 80px rgba(0,0,0,0.5)!important;
}
.popup-header,.modal-header{
  background:#081a10!important;background-image:none!important;
  color:#ffffff!important;border-bottom:1px solid rgba(255,255,255,0.08)!important;
}
.popup-content *,.modal-content *{color:rgba(255,255,255,0.8)!important}
.popup-content h3,.modal-content h3{color:#ffffff!important}
#welcomeNotification,.welcome-notification{
  background:#0D2818!important;background-image:none!important;
  border:1px solid rgba(255,255,255,0.12)!important;
  box-shadow:0 20px 60px rgba(0,0,0,0.4)!important;
}
#welcomeNotification *,.welcome-notification *{color:#ffffff!important}

/* Progress */
.progress-fill,.progress-inner{background:#ffffff!important;background-image:none!important}
.step-number,.timeline-step{background:rgba(255,255,255,0.1)!important;background-image:none!important;color:#ffffff!important;border:1px solid rgba(255,255,255,0.18)!important}

/* Tables */
table{color:rgba(255,255,255,0.8)!important}
thead th{background:#081a10!important;color:#ffffff!important;border-bottom:1px solid rgba(255,255,255,0.08)!important}
tbody tr:nth-child(even){background:rgba(255,255,255,0.03)!important}
tbody tr:hover{background:rgba(255,255,255,0.06)!important}
td,th{padding:11px 16px!important;border-bottom:1px solid rgba(255,255,255,0.05)!important}

/* WhatsApp floating */
.whatsapp-nav-btn{background:rgba(255,255,255,0.1)!important;color:#ffffff!important;border:1px solid rgba(255,255,255,0.15)!important}

/* Mobile menu overlay */
.mobile-menu-overlay{background:rgba(0,0,0,0.5)!important}

/* ════════════════════════════════════════════════════════════
   RESPONSIVE
   ════════════════════════════════════════════════════════════ */
@media(max-width:1024px){
  .footer-grid,.footer-container > .footer-grid{grid-template-columns:1fr 1fr!important;gap:2rem!important}
  .contact-grid{grid-template-columns:1fr!important;gap:1.8rem!important}
}
@media(max-width:768px){
  .nav-links{display:none!important}
  .mobile-menu-toggle{display:flex!important}
  .vip-nav-cta{display:none!important}
  .navbar,.navbar.scrolled{height:58px!important}
  .nav-container{height:58px!important;padding:0 1.2rem!important}
  .hero{min-height:92vh!important;padding-top:58px!important}
  .hero-container{padding:2.5rem 1.2rem 3.5rem!important}
  .hero-stats{flex-wrap:wrap!important;justify-content:center!important}
  .hero-stat{min-width:100px!important;padding:0.7rem 1rem!important}
  .categories-section,.about-section,.comments-section,.contact-section{padding:3.5rem 0!important}
  .footer-grid,.footer-container > .footer-grid{grid-template-columns:1fr!important;gap:1.5rem!important}
}
@media(max-width:480px){
  .hero-title,.hero h1{font-size:2rem!important;letter-spacing:-0.015em!important}
  .hero-stat-number{font-size:1.7rem!important}
  .hero-stats{gap:0!important}
}

/* ════════════════════════════════════════════════════════════
   VIP PRELOADER
   ════════════════════════════════════════════════════════════ */
@keyframes preloaderSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes preloaderFadeIn{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}
@keyframes preloaderPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.7;transform:scale(0.96)}}
@keyframes preloaderHide{0%{opacity:1;transform:scale(1)}80%{opacity:0;transform:scale(1.08)}100%{opacity:0;transform:scale(1.08);pointer-events:none}}

.vip-preloader{
  position:fixed!important;inset:0!important;z-index:99999!important;
  background:#0D2818!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex-direction:column!important;
  transition:opacity 0.6s ease,transform 0.6s ease!important;
}
.vip-preloader.hidden{
  opacity:0!important;transform:scale(1.06)!important;pointer-events:none!important;
}

.vip-preloader-inner{
  display:flex!important;flex-direction:column!important;align-items:center!important;gap:20px!important;
  animation:preloaderFadeIn 0.6s ease both!important;
}

.vip-logo-ring{
  position:relative!important;width:88px!important;height:88px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
}
.vip-logo-ring svg{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
}
.ring-spin{
  transform-origin:center!important;
  animation:preloaderSpin 1.6s linear infinite!important;
}
.vip-preloader-icon{
  position:relative!important;z-index:2!important;
  width:52px!important;height:52px!important;
  background:rgba(255,255,255,0.08)!important;
  border:1px solid rgba(255,255,255,0.12)!important;
  border-radius:14px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  font-size:1.3rem!important;color:#ffffff!important;
  animation:preloaderPulse 2s ease infinite!important;
}
.vip-preloader-text{
  font-family:'Poppins',sans-serif!important;font-weight:800!important;
  font-size:1.35rem!important;letter-spacing:0.06em!important;
  color:#ffffff!important;text-align:center!important;
}
.vip-preloader-sub{
  font-family:'Inter',sans-serif!important;font-size:0.78rem!important;
  color:rgba(255,255,255,0.45)!important;letter-spacing:0.08em!important;
  text-transform:uppercase!important;text-align:center!important;
}

/* Preloader dots */
.vip-preloader-sub::after{
  content:''!important;
  animation:dots 1.6s steps(3,end) infinite!important;
}
@keyframes dots{
  0%{content:''}33%{content:'.'}66%{content:'..'}100%{content:'...'}
}

/* ════════════════════════════════════════════════════════════
   COMPACT VIP CATEGORY CARDS
   ════════════════════════════════════════════════════════════ */
.categories-grid{
  grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;
  gap:14px!important;
}
.category-card{
  padding:1.3rem!important;
  border-radius:12px!important;
}
.category-header{
  display:flex!important;align-items:center!important;gap:12px!important;
  margin-bottom:0.7rem!important;background:transparent!important;
}
.category-icon{
  width:42px!important;height:42px!important;
  border-radius:10px!important;font-size:1.05rem!important;
  margin-bottom:0!important;flex-shrink:0!important;
}
.category-info{background:transparent!important}
.category-info h3,.category-card h3{
  font-size:0.9rem!important;font-weight:700!important;
  margin-bottom:2px!important;line-height:1.2!important;
}
.category-stats{
  display:flex!important;gap:8px!important;flex-wrap:wrap!important;background:transparent!important;
}
.category-stat{
  display:flex!important;align-items:center!important;gap:4px!important;
  font-size:0.7rem!important;color:rgba(255,255,255,0.5)!important;background:transparent!important;
}
.category-stat i{font-size:0.62rem!important;color:rgba(255,255,255,0.4)!important}
.category-description{
  font-size:0.8rem!important;color:rgba(255,255,255,0.55)!important;
  margin-bottom:0.8rem!important;line-height:1.5!important;
}
.university-list{
  display:flex!important;flex-wrap:wrap!important;gap:5px!important;
  margin-bottom:0.9rem!important;background:transparent!important;
}
.university-tag{
  font-size:0.64rem!important;padding:2px 8px!important;
  letter-spacing:0.04em!important;
}
.category-action{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  padding-top:0.7rem!important;
  border-top:1px solid rgba(255,255,255,0.07)!important;
  background:transparent!important;
}
.action-text{
  font-size:0.78rem!important;font-weight:600!important;
  color:rgba(255,255,255,0.8)!important;letter-spacing:0.03em!important;
}
.action-arrow{
  color:rgba(255,255,255,0.5)!important;font-size:0.75rem!important;
  transition:transform 0.2s ease!important;
}
.category-card:hover .action-arrow{
  transform:translateX(4px)!important;color:#ffffff!important;
}

/* ════════════════════════════════════════════════════════════
   MODERN FOOTER REFINEMENTS
   ════════════════════════════════════════════════════════════ */
.footer-container{
  max-width:1320px!important;margin:0 auto!important;padding:0 2rem!important;background:transparent!important;
}
.footer-section > p{
  font-size:0.85rem!important;line-height:1.75!important;
  color:rgba(255,255,255,0.45)!important;max-width:260px!important;
  margin-bottom:1rem!important;
}
.footer-links li a{
  display:inline-flex!important;align-items:center!important;gap:6px!important;
  font-size:0.85rem!important;color:rgba(255,255,255,0.48)!important;
  transition:all 0.2s ease!important;padding:2px 0!important;
}
.footer-links li a::before{
  content:'→'!important;font-size:0.65rem!important;
  color:rgba(255,255,255,0.25)!important;transition:all 0.2s ease!important;
}
.footer-links li a:hover{color:#ffffff!important;padding-left:0!important}
.footer-links li a:hover::before{color:rgba(255,255,255,0.6)!important}
.footer-links li{display:flex!important;align-items:flex-start!important;padding:0!important}
.footer-links li i{width:14px!important;color:rgba(255,255,255,0.3)!important;font-size:0.75rem!important;margin-top:3px!important;flex-shrink:0!important}

/* ════════════════════════════════════════════════════════════
   NAVBAR — FULL VVIP FIX
   ════════════════════════════════════════════════════════════ */

/* Force correct hamburger bar color (was leaking red/pink) */
.mobile-menu-toggle{
  display:none!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  cursor:pointer!important;
  gap:5px!important;
  padding:8px!important;
  border:none!important;
  background:transparent!important;
  border-radius:8px!important;
  transition:background 0.2s ease!important;
  width:40px!important;height:40px!important;
}
.mobile-menu-toggle:hover,
.mobile-menu-toggle:focus{
  background:rgba(255,255,255,0.1)!important;
  outline:none!important;
}
.mobile-menu-toggle span{
  display:block!important;
  width:22px!important;height:2px!important;
  background:#ffffff!important;
  border-radius:2px!important;
  transition:transform 0.3s ease, opacity 0.3s ease!important;
}

/* Animated X when menu open */
.mobile-menu-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)!important}
.mobile-menu-toggle.open span:nth-child(2){opacity:0!important;transform:scaleX(0)!important}
.mobile-menu-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)!important}

/* Show hamburger on mobile */
@media(max-width:768px){
  .mobile-menu-toggle{display:flex!important}
  .vip-nav-cta{display:none!important}
}

/* ── Mobile Slide-out Drawer ── */
.mobile-menu-overlay{
  position:fixed!important;inset:0!important;z-index:8888!important;
  background:rgba(4,14,7,0.7)!important;
  backdrop-filter:blur(4px)!important;
  opacity:0!important;pointer-events:none!important;
  transition:opacity 0.35s ease!important;
}
.mobile-menu-overlay.active{
  opacity:1!important;pointer-events:all!important;
}

.mobile-menu-container{
  position:fixed!important;
  top:0!important;right:-320px!important;
  width:300px!important;max-width:85vw!important;
  height:100dvh!important;
  z-index:9999!important;
  background:#0D2818!important;
  border-left:1px solid rgba(255,255,255,0.08)!important;
  padding:0!important;
  display:flex!important;flex-direction:column!important;
  transition:right 0.38s cubic-bezier(0.4,0,0.2,1)!important;
  overflow-y:auto!important;
}
.mobile-menu-container.active{
  right:0!important;
}

/* Drawer header */
.close-menu-btn{
  display:flex!important;
  align-items:center!important;justify-content:center!important;
  width:36px!important;height:36px!important;
  background:rgba(255,255,255,0.07)!important;
  border:1px solid rgba(255,255,255,0.1)!important;
  border-radius:8px!important;
  color:#ffffff!important;font-size:1.15rem!important;
  cursor:pointer!important;
  margin:20px 20px 0 auto!important;
  transition:background 0.2s!important;
  flex-shrink:0!important;
}
.close-menu-btn:hover{background:rgba(255,255,255,0.14)!important}

.mobile-nav-links{
  list-style:none!important;
  padding:16px 16px 0!important;margin:0!important;
  display:flex!important;flex-direction:column!important;gap:4px!important;
}
.mobile-nav-links li{margin:0!important}
.mobile-nav-link{
  display:flex!important;align-items:center!important;gap:12px!important;
  padding:13px 16px!important;
  border-radius:10px!important;
  color:rgba(255,255,255,0.72)!important;
  font-size:0.95rem!important;font-weight:500!important;
  text-decoration:none!important;
  transition:all 0.2s ease!important;
}
.mobile-nav-link:hover{
  background:rgba(255,255,255,0.09)!important;
  color:#ffffff!important;
}
.mobile-nav-link.active{
  background:rgba(255,255,255,0.12)!important;
  color:#ffffff!important;font-weight:600!important;
}
.mobile-nav-link i{
  width:18px!important;text-align:center!important;
  font-size:0.85rem!important;color:rgba(255,255,255,0.5)!important;
}
.mobile-nav-link:hover i,.mobile-nav-link.active i{color:rgba(255,255,255,0.9)!important}

/* Social row in drawer */
.mobile-social-links{
  display:flex!important;gap:10px!important;
  padding:20px 16px!important;
  margin-top:auto!important;
  border-top:1px solid rgba(255,255,255,0.07)!important;
}
.mobile-social-link{
  width:38px!important;height:38px!important;
  border-radius:8px!important;
  background:rgba(255,255,255,0.07)!important;
  border:1px solid rgba(255,255,255,0.08)!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  color:rgba(255,255,255,0.65)!important;font-size:0.85rem!important;
  text-decoration:none!important;
  transition:all 0.2s ease!important;
}
.mobile-social-link:hover{background:rgba(255,255,255,0.14)!important;color:#ffffff!important}

/* ════════════════════════════════════════════════════════════
   FULL-WIDTH DESKTOP CARD GRID
   ════════════════════════════════════════════════════════════ */
.categories-section{
  padding-left:0!important;padding-right:0!important;
}
.categories-container{
  max-width:1600px!important;
  width:100%!important;
  padding:0 clamp(1rem,3vw,3rem)!important;
}

/* Desktop: always 4 equal columns */
@media(min-width:1024px){
  .categories-grid{
    grid-template-columns:repeat(4,1fr)!important;
    gap:20px!important;
  }
}

/* Tablet: 2 columns */
@media(min-width:600px) and (max-width:1023px){
  .categories-grid{
    grid-template-columns:repeat(2,1fr)!important;
    gap:16px!important;
  }
}

/* Mobile: 1 column */
@media(max-width:599px){
  .categories-grid{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
}

/* Cards fill their column fully, taller on desktop */
.category-card{
  width:100%!important;
  min-height:0!important;
  box-sizing:border-box!important;
}
@media(min-width:1024px){
  .category-card{
    padding:1.6rem 1.5rem!important;
  }
}

/* ════════════════════════════════════════════════════════════
   VIP CARDS — FULL REDESIGN (4-card grid)
   ════════════════════════════════════════════════════════════ */

/* Hide old category card styles from being applied to new cards */
.vip-cards-grid .category-card{all:unset!important}

/* Grid */
.vip-cards-grid{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:22px!important;
  width:100%!important;
  margin-top:2.5rem!important;
}
@media(max-width:1200px){.vip-cards-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:600px){.vip-cards-grid{grid-template-columns:1fr!important}}

/* Card base */
.vip-card{
  position:relative!important;
  display:flex!important;flex-direction:column!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:rgba(255,255,255,0.055)!important;
  border:1px solid rgba(255,255,255,0.1)!important;
  text-decoration:none!important;color:#ffffff!important;
  transition:transform 0.32s cubic-bezier(0.4,0,0.2,1),
             box-shadow 0.32s cubic-bezier(0.4,0,0.2,1),
             border-color 0.32s ease!important;
  backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;
  cursor:pointer!important;
}
.vip-card:hover{
  transform:translateY(-8px)!important;
  box-shadow:0 24px 60px rgba(0,0,0,0.4)!important;
  border-color:rgba(255,255,255,0.2)!important;
}

/* Radial glow on hover */
.vip-card__glow{
  position:absolute!important;inset:0!important;z-index:0!important;
  opacity:0!important;
  transition:opacity 0.4s ease!important;
  pointer-events:none!important;
  border-radius:18px!important;
}
.vip-card:hover .vip-card__glow{opacity:1!important}

/* Top accent colour bar */
.vip-card__accent-bar{
  height:4px!important;width:100%!important;
  position:relative!important;z-index:2!important;
  border-radius:0!important;flex-shrink:0!important;
}

/* ── Per-colour theming ── */
/* MDCAT — emerald */
.vip-card--mdcat .vip-card__accent-bar{background:linear-gradient(90deg,#10b981,#34d399)!important}
.vip-card--mdcat .vip-card__glow{background:radial-gradient(ellipse at 50% 0%,rgba(16,185,129,0.22) 0%,transparent 65%)!important}
.vip-card--mdcat .vip-card__icon-wrap{background:linear-gradient(135deg,rgba(16,185,129,0.25),rgba(52,211,153,0.1))!important;border-color:rgba(16,185,129,0.3)!important;color:#34d399!important}
.vip-card--mdcat .vip-card__cta{border-color:rgba(16,185,129,0.2)!important}
.vip-card--mdcat:hover .vip-card__cta{background:rgba(16,185,129,0.1)!important}
.vip-card--mdcat .vip-card__tags span{border-color:rgba(16,185,129,0.25)!important;color:rgba(52,211,153,0.85)!important}

/* ECAT — cyan */
.vip-card--ecat .vip-card__accent-bar{background:linear-gradient(90deg,#06b6d4,#67e8f9)!important}
.vip-card--ecat .vip-card__glow{background:radial-gradient(ellipse at 50% 0%,rgba(6,182,212,0.22) 0%,transparent 65%)!important}
.vip-card--ecat .vip-card__icon-wrap{background:linear-gradient(135deg,rgba(6,182,212,0.25),rgba(103,232,249,0.1))!important;border-color:rgba(6,182,212,0.3)!important;color:#67e8f9!important}
.vip-card--ecat .vip-card__cta{border-color:rgba(6,182,212,0.2)!important}
.vip-card--ecat:hover .vip-card__cta{background:rgba(6,182,212,0.1)!important}
.vip-card--ecat .vip-card__tags span{border-color:rgba(6,182,212,0.25)!important;color:rgba(103,232,249,0.85)!important}

/* General — violet */
.vip-card--general .vip-card__accent-bar{background:linear-gradient(90deg,#8b5cf6,#c4b5fd)!important}
.vip-card--general .vip-card__glow{background:radial-gradient(ellipse at 50% 0%,rgba(139,92,246,0.22) 0%,transparent 65%)!important}
.vip-card--general .vip-card__icon-wrap{background:linear-gradient(135deg,rgba(139,92,246,0.25),rgba(196,181,253,0.1))!important;border-color:rgba(139,92,246,0.3)!important;color:#c4b5fd!important}
.vip-card--general .vip-card__cta{border-color:rgba(139,92,246,0.2)!important}
.vip-card--general:hover .vip-card__cta{background:rgba(139,92,246,0.1)!important}
.vip-card--general .vip-card__tags span{border-color:rgba(139,92,246,0.25)!important;color:rgba(196,181,253,0.85)!important}

/* LAT — amber/gold */
.vip-card--lat .vip-card__accent-bar{background:linear-gradient(90deg,#f59e0b,#fde68a)!important}
.vip-card--lat .vip-card__glow{background:radial-gradient(ellipse at 50% 0%,rgba(245,158,11,0.22) 0%,transparent 65%)!important}
.vip-card--lat .vip-card__icon-wrap{background:linear-gradient(135deg,rgba(245,158,11,0.25),rgba(253,230,138,0.1))!important;border-color:rgba(245,158,11,0.3)!important;color:#fde68a!important}
.vip-card--lat .vip-card__cta{border-color:rgba(245,158,11,0.2)!important}
.vip-card--lat:hover .vip-card__cta{background:rgba(245,158,11,0.1)!important}
.vip-card--lat .vip-card__tags span{border-color:rgba(245,158,11,0.25)!important;color:rgba(253,230,138,0.85)!important}

/* ── Card inner layout ── */
.vip-card__top{
  display:flex!important;align-items:center!important;gap:14px!important;
  padding:1.4rem 1.4rem 0!important;
  position:relative!important;z-index:2!important;
}
.vip-card__icon-wrap{
  width:50px!important;height:50px!important;flex-shrink:0!important;
  border-radius:13px!important;border:1px solid transparent!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  font-size:1.25rem!important;
  transition:transform 0.3s ease!important;
}
.vip-card:hover .vip-card__icon-wrap{transform:scale(1.1) rotate(-3deg)!important}

.vip-card__top-info{flex:1!important;min-width:0!important}
.vip-card__label{
  display:block!important;
  font-size:0.68rem!important;font-weight:600!important;
  color:rgba(255,255,255,0.45)!important;
  letter-spacing:0.1em!important;text-transform:uppercase!important;
  margin-bottom:2px!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.vip-card__title{
  font-family:'Poppins',sans-serif!important;
  font-size:1.25rem!important;font-weight:800!important;
  color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;
  background:none!important;margin:0!important;line-height:1.1!important;
}
.vip-card__arrow{
  width:32px!important;height:32px!important;flex-shrink:0!important;
  background:rgba(255,255,255,0.07)!important;
  border:1px solid rgba(255,255,255,0.1)!important;
  border-radius:8px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  font-size:0.75rem!important;color:rgba(255,255,255,0.45)!important;
  transition:all 0.25s ease!important;
}
.vip-card:hover .vip-card__arrow{
  background:rgba(255,255,255,0.14)!important;
  color:#ffffff!important;
  transform:translateX(3px)!important;
}

/* Body */
.vip-card__body{
  padding:1.1rem 1.4rem!important;flex:1!important;
  position:relative!important;z-index:2!important;
  display:flex!important;flex-direction:column!important;gap:1rem!important;
}
.vip-card__desc{
  font-size:0.83rem!important;line-height:1.65!important;
  color:rgba(255,255,255,0.55)!important;margin:0!important;
}

/* Stats row */
.vip-card__stats{
  display:flex!important;align-items:center!important;gap:0!important;
  background:rgba(255,255,255,0.05)!important;
  border:1px solid rgba(255,255,255,0.08)!important;
  border-radius:10px!important;overflow:hidden!important;
}
.vip-card__stat{
  flex:1!important;padding:10px 12px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;
  text-align:center!important;
}
.vip-card__stat-num{
  font-family:'Poppins',sans-serif!important;
  font-size:1.05rem!important;font-weight:800!important;
  color:#ffffff!important;line-height:1.1!important;
}
.vip-card__stat-lbl{
  font-size:0.68rem!important;color:rgba(255,255,255,0.42)!important;
  margin-top:2px!important;display:flex!important;align-items:center!important;gap:4px!important;
}
.vip-card__stat-lbl i{font-size:0.6rem!important}
.vip-card__stat-div{
  width:1px!important;height:40px!important;
  background:rgba(255,255,255,0.1)!important;flex-shrink:0!important;
}

/* Tags */
.vip-card__tags{
  display:flex!important;flex-wrap:wrap!important;gap:5px!important;
}
.vip-card__tags span{
  font-size:0.67rem!important;font-weight:600!important;
  letter-spacing:0.04em!important;
  padding:3px 10px!important;border-radius:100px!important;
  background:rgba(255,255,255,0.06)!important;
  border:1px solid transparent!important;
  transition:background 0.2s ease!important;
  white-space:nowrap!important;
}
.vip-card:hover .vip-card__tags span{background:rgba(255,255,255,0.09)!important}

/* CTA footer */
.vip-card__cta{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  padding:1rem 1.4rem!important;
  border-top:1px solid transparent!important;
  position:relative!important;z-index:2!important;
  font-size:0.85rem!important;font-weight:700!important;
  color:rgba(255,255,255,0.8)!important;
  transition:all 0.25s ease!important;letter-spacing:0.02em!important;
}
.vip-card__cta i{
  font-size:0.78rem!important;
  transition:transform 0.25s ease!important;
}
.vip-card:hover .vip-card__cta{color:#ffffff!important}
.vip-card:hover .vip-card__cta i{transform:translateX(5px)!important}