/* GCA White, Orange & Soft Ambient Blur Theme */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&family=Instrument+Serif:ital@0;1&display=swap');

/* GCA's display face. The source stays on the font publisher's Wix CDN. */
@font-face {
  font-family: 'Crave Fine';
  src: url('https://static.parastorage.com/fonts/v2/1b8b7e48-4b4b-4373-a980-062e9481d461/v1/crave-fine.latin.woff2') format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'Crave Fine';
  src: url('https://static.parastorage.com/fonts/v2/57107ed2-217c-4a34-9593-2f0f00c2c146/v1/crave-fine.latin.woff2') format('woff2');
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: 'Crave Fine';
  src: url('https://static.parastorage.com/fonts/v2/11b2ea93-4908-407f-ba81-a0f0265b905a/v1/crave-fine.latin.woff2') format('woff2');
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}

:root {
  --bg-white: #ffffff;
  --bg-subtle: #f8fafc;
  --bg-card: rgba(255, 255, 255, 0.85);
  --orange-main: #ff5e00;
  --orange-light: #ff7b25;
  --orange-glow: rgba(255, 94, 0, 0.25);
  --orange-soft-bg: rgba(255, 94, 0, 0.06);
  --text-dark: #0f172a;
  --text-muted: #64748b;
  --text-light-muted: #94a3b8;
  --border-subtle: rgba(226, 232, 240, 0.8);
  --border-orange: rgba(255, 94, 0, 0.3);
  --font-serif: "Outfit", sans-serif;
  --font-sans: 'Poppins', 'Outfit', system-ui, sans-serif;
  --font-heading: "Outfit", sans-serif;
}

body {
  background-color: var(--bg-white);
  color: var(--text-dark);
  font-family: var(--font-sans);
  overflow-x: hidden;
  position: relative;
}

/* Ambient Orange Blurred Backdrop Spheres */
body::before {
  content: "";
  position: fixed;
  top: -10%;
  left: -10%;
  width: 50vw;
  height: 50vw;
  background: radial-gradient(circle, rgba(255, 94, 0, 0.12) 0%, rgba(255, 140, 0, 0.04) 50%, transparent 70%);
  filter: blur(80px);
  pointer-events: none;
  z-index: -2;
}

body::after {
  content: "";
  position: fixed;
  bottom: -10%;
  right: -10%;
  width: 55vw;
  height: 55vw;
  background: radial-gradient(circle, rgba(255, 123, 37, 0.1) 0%, rgba(255, 94, 0, 0.03) 50%, transparent 70%);
  filter: blur(100px);
  pointer-events: none;
  z-index: -2;
}

/* Typography Styles matching the screenshot */
.font-serif {
  font-family: var(--font-serif);
}

.font-heading {
  font-family: var(--font-heading);
}

.hero-title {
  font-family: var(--font-serif);
  font-size: 3.8rem;
  font-weight: 400;
  line-height: 1.15;
  color: var(--text-dark);
  letter-spacing: -0.5px;
}

@media (max-width: 768px) {
  .hero-title {
    font-size: 2.5rem;
  }
}

.text-orange {
  color: var(--orange-main) !important;
}

/* Glassmorphism Blur Cards on White Theme */
.glass-card-white {
  background: var(--bg-card);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid var(--border-subtle);
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.04);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.glass-card-white:hover {
  border-color: var(--border-orange);
  transform: translateY(-4px);
  box-shadow: 0 20px 40px rgba(255, 94, 0, 0.12);
}

/* Screenshot Orange Folder Cards ("What We Enable") */
.folder-card {
  background: linear-gradient(145deg, #ff6b1a 0%, #e64a00 100%);
  color: #ffffff;
  border-radius: 24px;
  padding: 32px 28px;
  position: relative;
  box-shadow: 0 15px 35px rgba(230, 74, 0, 0.25);
  transition: all 0.35s ease;
  overflow: hidden;
}

.folder-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 140px;
  height: 12px;
  background: rgba(255, 255, 255, 0.25);
  border-radius: 0 0 10px 0;
}

.folder-card:hover {
  transform: translateY(-6px) scale(1.02);
  box-shadow: 0 22px 45px rgba(230, 74, 0, 0.35);
}

/* Navbar Customization */
.navbar-white {
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--border-subtle);
}

.nav-link-custom {
  color: var(--text-dark) !important;
  font-weight: 500;
  font-size: 0.95rem;
  padding: 8px 16px !important;
  transition: all 0.2s ease;
}

.nav-link-custom:hover, .nav-link-custom.active {
  color: var(--orange-main) !important;
}

/* Buttons matching screenshots */
.btn-orange-pill {
  background: var(--orange-main);
  color: #ffffff !important;
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 0.95rem;
  border-radius: 50px;
  padding: 12px 30px;
  border: 1px solid var(--orange-main);
  box-shadow: 0 4px 14px rgba(255, 94, 0, 0.2);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.btn-orange-pill:hover {
  background: var(--orange-light);
  border-color: var(--orange-light);
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(255, 94, 0, 0.35);
}

.btn-outline-pill {
  background: transparent;
  color: var(--text-dark) !important;
  font-family: var(--font-sans);
  border: 1.5px solid rgba(15, 23, 42, 0.15);
  font-weight: 600;
  font-size: 0.95rem;
  border-radius: 50px;
  padding: 11px 28px;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.btn-outline-pill:hover {
  border-color: var(--orange-main);
  color: var(--orange-main) !important;
  background: var(--orange-soft-bg);
  transform: translateY(-2px);
}

/* Hero Orange Ambient Card */
.hero-orange-bg {
  background: radial-gradient(circle at 80% 20%, rgba(255, 94, 0, 0.08) 0%, rgba(255, 255, 255, 0) 60%),
              linear-gradient(180deg, #fefbfc 0%, #fdf6f0 100%);
  border-radius: 28px;
  border: 1px solid rgba(255, 94, 0, 0.1);
  box-shadow: 0 20px 40px rgba(255, 94, 0, 0.04);
}

/* Event Cards from Screenshot 3 */
.event-card-white {
  background: #ffffff;
  border: 1px solid var(--border-subtle);
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.event-card-white:hover {
  border-color: var(--border-orange);
  transform: translateY(-4px);
  box-shadow: 0 20px 40px rgba(255, 94, 0, 0.1);
}

/* FAQ Accordion Styling for White & Orange Theme */
.faq-accordion .accordion-item {
  background: var(--bg-card);
  backdrop-filter: blur(16px);
  border: none;
  border-bottom: 1px solid var(--border-subtle);
  margin-bottom: 0;
  border-radius: 0 !important;
}

.faq-accordion .accordion-button {
  background: transparent;
  color: var(--text-dark);
  font-family: var(--font-heading);
  font-weight: 600;
  font-size: 1.1rem;
  padding: 22px 10px;
  box-shadow: none !important;
  transition: all 0.2s ease;
}

.faq-accordion .accordion-button:not(.collapsed) {
  color: var(--orange-main);
  background: var(--orange-soft-bg);
}

.faq-accordion .accordion-button::after {
  filter: grayscale(1);
  transition: transform 0.3s ease;
}

.faq-accordion .accordion-button:not(.collapsed)::after {
  filter: none;
}

.faq-accordion .accordion-body {
  color: var(--text-muted);
  font-size: 0.95rem;
  line-height: 1.7;
  padding: 0 10px 22px;
}

/* Free Resources Banner */
.free-resources-card {
  background: linear-gradient(135deg, #fffefe 0%, #fff7f2 50%, #fef3ec 100%);
  border: 1px solid var(--border-orange);
  border-radius: 28px;
  box-shadow: 0 20px 50px rgba(255, 94, 0, 0.08);
}

/* Mobile Responsiveness Styles */
.nav-logo-gca {
  height: 44px;
  width: auto;
}

.nav-logo-csa {
  height: 38px;
  width: auto;
}


@media (max-width: 576px) {
  .nav-logo-gca {
    height: 32px;
  }
  
  .nav-logo-csa {
    height: 28px;
  }
  
  .navbar-brand {
    gap: 8px !important;
  }
  
  .hero-title {
    font-size: 2.2rem !important;
  }
  
  .section-headline {
    font-size: 2.2rem !important;
  }
  
  .folder-card {
    padding: 24px 20px !important;
    border-radius: 18px !important;
  }
  
  .free-resources-card {
    padding: 30px 20px !important;
    border-radius: 20px !important;
  }
  
  .free-resources-card h2 {
    font-size: 2.2rem !important;
  }

  .event-card-header {
    flex-direction: row !important;
    align-items: center !important;
    min-height: auto !important;
    padding: 20px !important;
  }
  
  .event-speaker-img {
    width: 56px !important;
    height: 56px !important;
  }
}

/* Broadcast Announcement Notification Bar */
.live-broadcast-banner {
  background: linear-gradient(90deg, #ff5e00 0%, #ff8800 100%);
  color: #ffffff;
  padding: 10px 0;
  font-weight: 600;
  font-size: 0.95rem;
  box-shadow: 0 4px 15px rgba(255, 94, 0, 0.2);
  position: relative;
  z-index: 1050;
  display: none; /* Controlled dynamically by script.js */
}

.live-broadcast-banner .pulse-dot {
  width: 10px;
  height: 10px;
  background: #ffffff;
  border-radius: 50%;
  display: inline-block;
  box-shadow: 0 0 10px #ffffff;
  animation: pulse-animation 1.5s infinite;
}

@keyframes pulse-animation {
  0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(255,255,255,0.7); }
  70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(255,255,255,0); }
  100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(255,255,255,0); }
}

/* Mock Payment Credit Card Form styling */
.credit-card-box {
  background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
  color: #ffffff;
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
  margin-bottom: 20px;
}

.credit-card-box .card-chip {
  width: 45px;
  height: 35px;
  background: linear-gradient(135deg, #facc15 0%, #eab308 100%);
  border-radius: 6px;
  margin-bottom: 15px;
}

/* Course Player Video frame wrapper */
.video-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
  height: 0;
  overflow: hidden;
  border-radius: 12px;
  background: #000;
  border: 1px solid var(--border-subtle);
}

.video-wrapper video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* --- PREMIUM CYBER NAVBAR STYLES --- */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

:root {
  --navy: #0b1632;
  --muted-cyber: #64718a;
  --cyan: #00bde7;
  --orange-cyber: #ff5e00; /* Matching our GCA Brand Orange */
  --line: rgba(21, 118, 163, .18);
  --glass: rgba(255, 255, 255, .78);
}

.header {
  position: sticky;
  top: 18px;
  z-index: 1000;
  padding: 0 24px;
}

.navbar {
  width: min(1840px, 100%);
  min-height: 96px;
  margin: 0 auto;
  padding: 15px 18px 15px 26px;
  display: flex;
  align-items: center;
  gap: 22px;
  background: var(--glass);
  border: 1px solid var(--line) !important;
  border-radius: 24px;
  box-shadow: 0 18px 55px rgba(17, 63, 96, .10), inset 0 1px 0 #fff;
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
  overflow: visible;
  flex-wrap: nowrap !important;
}

.brands {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 20px;
}

.brand-main {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 210px;
}

.shield {
  width: 38px;
  height: 42px;
  display: grid;
  place-items: center;
  color: white;
  font-weight: 800;
  background: linear-gradient(145deg, #ff8a00, #ff4d13);
  clip-path: polygon(50% 0, 92% 18%, 86% 69%, 50% 100%, 14% 69%, 8% 18%);
  filter: drop-shadow(0 7px 10px rgba(255, 90, 23, .22));
}

.brand-title { font-size: 22px; font-weight: 800; letter-spacing: -.6px; color: var(--navy); }
.brand-title span { color: var(--orange-cyber); font-size: 11px; letter-spacing: 0; }
.brand-sub { font-size: 7px; font-weight: 800; line-height: 1.05; color: var(--navy); }

.divider { width: 1px; height: 48px; background: linear-gradient(transparent, #9fc9da, transparent); }

.academy {
  min-width: 210px;
  height: 62px;
  padding: 8px 15px;
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px solid rgba(0, 189, 231, .25);
  border-radius: 17px;
  background: rgba(244, 252, 255, .85);
  box-shadow: 0 10px 26px rgba(0, 154, 199, .10), inset 0 1px 0 white;
}

.academy-icon {
  width: 38px;
  height: 42px;
  display: grid;
  place-items: center;
  color: #00e6ff;
  background: #071a39;
  clip-path: polygon(50% 0, 94% 22%, 86% 80%, 50% 100%, 14% 80%, 6% 22%);
}

.academy strong { font-size: 13px; color: var(--navy); }
.academy strong span { color: var(--cyan); }
.academy small { display: block; margin-top: 3px; color: #7d8898; font-size: 6px; }

.nav-menu {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(6px, 1vw, 20px);
  list-style: none;
  margin: 0;
  padding: 0;
}

.nav-menu li {
  margin: 0;
  padding: 0;
}

.nav-menu .nav-link {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 46px;
  padding: 0 10px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  color: var(--navy);
  white-space: nowrap;
  transition: .25s ease;
}

.nav-menu .nav-link:hover { color: var(--orange-cyber); background: rgba(255, 90, 23, .07); transform: translateY(-2px); }
.nav-menu .nav-link.active { color: var(--orange-cyber); background: rgba(255,255,255,.92); box-shadow: 0 8px 20px rgba(26, 68, 94, .10); }
.nav-menu .nav-link.active::after {
  content: "";
  position: absolute;
  left: 20%; right: 20%; bottom: -8px;
  height: 2px;
  border-radius: 9px;
  background: var(--orange-cyber);
  box-shadow: 0 0 9px rgba(255, 90, 23, .45);
}

.actions { flex: 0 0 auto; display: flex; align-items: center; gap: 10px; }

.profile { display: flex; align-items: center; gap: 8px; padding-right: 5px; }
.avatar {
  position: relative;
  width: 42px; height: 42px;
  display: grid; place-items: center;
  font-weight: 800;
  color: var(--navy);
  border: 1px solid #cce6ef;
  border-radius: 50%;
  background: linear-gradient(145deg, #eaffff, #d8f6fb);
}
.avatar::after {
  content: "";
  position: absolute; right: -1px; bottom: 2px;
  width: 10px; height: 10px;
  border: 2px solid white;
  border-radius: 50%;
  background: #08b94e;
}
.profile-copy small { display: block; color: var(--muted-cyber); font-size: 10px; }
.profile-copy strong { font-size: 12px; color: var(--navy); }

.btn.signout { 
  height: 48px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 15px;
  font: 700 13px "Manrope", sans-serif;
  cursor: pointer;
  transition: .25s ease;
  color: var(--navy); 
  border: 1px solid rgba(11, 22, 50, .55); 
  background: rgba(255,255,255,.72); 
}
.btn.signout:hover {
  transform: translateY(-3px);
  background: #fff;
}

.btn.waitlist {
  height: 48px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 15px;
  font: 700 13px "Manrope", sans-serif;
  cursor: pointer;
  transition: .25s ease;
  min-width: 146px;
  color: white !important;
  background: linear-gradient(135deg, #ff7418, #ff4217);
  box-shadow: 0 12px 24px rgba(255, 78, 22, .26);
}
.btn.waitlist:hover { 
  transform: translateY(-3px);
  box-shadow: 0 16px 30px rgba(255, 78, 22, .38); 
}

.menu-toggle {
  display: none;
  width: 46px; height: 46px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: white;
  cursor: pointer;
}
.menu-toggle span { display: block; width: 21px; height: 2px; margin: 4px auto; border-radius: 5px; background: var(--navy); transition: .25s; }

@media (max-width: 1650px) {
  .academy { display: none; }
  .brand-main { min-width: 175px; }
  .nav-menu .nav-link { padding: 0 6px; font-size: 12px; }
  .profile-copy { display: none; }
}

@media (max-width: 1180px) {
  .menu-toggle { display: block; margin-left: auto; }
  .navbar { flex-wrap: wrap !important; }
  .nav-menu {
    order: 4;
    flex: 0 0 100%;
    display: none;
    align-items: stretch;
    padding: 14px;
    border-radius: 18px;
    background: rgba(255,255,255,.98);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    margin-top: 15px;
  }
  .nav-menu.open { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
  .nav-menu .nav-link { justify-content: center; }
  .actions { display: none; flex: 0 0 100%; order: 5; padding: 4px 14px 10px; }
  .actions.open { display: flex; justify-content: flex-end; gap: 10px; }
}

@media (max-width: 680px) {
  .header { top: 8px; padding: 0 8px; }
  .navbar { min-height: 76px; padding: 10px 12px; border-radius: 18px; gap: 10px; }
  .brand-main { min-width: auto; }
  .brand-title { font-size: 18px; }
  .brand-sub, .divider, .academy { display: none; }
  .shield { width: 31px; height: 35px; }
  .nav-menu.open { grid-template-columns: 1fr 1fr; }
  .actions.open { display: grid; grid-template-columns: 1fr 1fr; }
  .profile { grid-column: 1 / -1; justify-content: center; }
  .btn.signout, .btn.waitlist { width: 100%; }
}

/* --- CERTIFICATION DISCOUNT HERO SECTION STYLES --- */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600&display=swap');

:root {
  --ink: #101a35;
  --orange-offer: #ff5b17;
  --cyan-offer: #00b9df;
}

.cert-offer {
  position: relative;
  isolation: isolate;
  padding: 70px 24px;
  overflow: hidden;
  background:
    radial-gradient(circle at 8% 50%, rgba(255,111,36,.10), transparent 27%),
    radial-gradient(circle at 90% 44%, rgba(0,185,223,.09), transparent 25%),
    #fffdfb;
}

.cert-offer::before,
.cert-offer::after {
  content: "";
  position: absolute;
  width: 290px;
  height: 290px;
  border-radius: 50%;
  filter: blur(5px);
  opacity: .65;
  z-index: -1;
}

.cert-offer::before {
  left: -120px;
  top: 10px;
  background: rgba(255,91,23,.10);
}

.cert-offer::after {
  right: -110px;
  bottom: -100px;
  background: rgba(0,185,223,.10);
}

.offer-card {
  position: relative;
  width: min(1296px, 100%);
  min-height: 500px;
  margin: auto;
  display: grid;
  place-items: center;
  padding: 90px 210px 78px;
  text-align: center;
  border: 1px solid rgba(255,114,48,.20);
  border-radius: 32px;
  background:
    linear-gradient(120deg, rgba(255,255,255,.92), rgba(255,236,226,.74), rgba(255,255,255,.92));
  box-shadow: 0 30px 80px rgba(84,43,22,.09), inset 0 1px 0 #fff;
  overflow: hidden;
}

.offer-card::before {
  content: "";
  position: absolute;
  inset: -45%;
  background: conic-gradient(from 90deg, transparent, rgba(255,91,23,.07), transparent 35%);
  animation: glowSpin 14s linear infinite;
}

@keyframes glowSpin {
  to { transform: rotate(360deg); }
}

.offer-content {
  position: relative;
  z-index: 2;
  max-width: 900px;
}

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 20px;
  padding: 9px 15px;
  border: 1px solid rgba(255,91,23,.20);
  border-radius: 999px;
  color: #d84b12;
  background: rgba(255,255,255,.72);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  box-shadow: 0 8px 24px rgba(255,91,23,.08);
}

.eyebrow span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--orange-offer);
  box-shadow: 0 0 0 5px rgba(255,91,23,.12);
}

.cert-offer h1 {
  margin: 0 auto 22px;
  font-family: "Playfair Display", serif;
  font-size: clamp(42px, 4.1vw, 68px);
  line-height: 1.08;
  font-weight: 500;
  letter-spacing: -.035em;
  color: var(--ink);
}

.cert-offer h1 em {
  font-style: normal;
  color: var(--orange-offer);
  position: relative;
  white-space: nowrap;
}

.cert-offer h1 em::after {
  content: "";
  position: absolute;
  left: 2%;
  right: 2%;
  bottom: -5px;
  height: 6px;
  border-radius: 50%;
  background: rgba(255,91,23,.20);
}

.partners {
  margin: 0 0 9px;
  color: #606b7d;
  font-size: 18px;
  font-weight: 700;
}

.subcopy {
  margin: 0 0 30px;
  color: #777d89;
  font-size: 16px;
}

.cta {
  display: inline-flex;
  align-items: center;
  gap: 13px;
  height: 56px;
  padding: 0 26px;
  border-radius: 17px;
  color: white !important;
  font-weight: 700;
  text-decoration: none;
  background: linear-gradient(135deg, #ff7418, var(--orange-offer));
  box-shadow: 0 16px 32px rgba(255,91,23,.28);
  transition: .25s ease;
  font-family: "DM Sans", sans-serif;
}

.cta span {
  display: grid;
  place-items: center;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: rgba(255,255,255,.18);
  transition: .25s;
}

.cta:hover {
  transform: translateY(-4px);
  box-shadow: 0 22px 38px rgba(255,91,23,.36);
}

.cta:hover span {
  transform: translateX(4px);
}

.float-card {
  position: absolute;
  z-index: 3;
  width: 145px;
  padding: 17px 14px;
  border-radius: 20px;
  text-align: left;
  background: rgba(255,255,255,.80);
  border: 1px solid rgba(255,255,255,.95);
  box-shadow: 0 18px 38px rgba(41,57,78,.12);
  backdrop-filter: blur(16px);
  animation: float 4.5s ease-in-out infinite;
}

.float-card strong {
  display: block;
  margin-top: 10px;
  font-size: 13px;
  color: var(--ink);
}

.float-card small {
  color: #798396;
  font-size: 10px;
}

.float-icon {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  font-weight: 800;
}

.card-left {
  left: 42px;
  top: 58px;
  transform: rotate(-5deg);
}

.card-left .float-icon {
  color: #ff5b17;
  background: #fff0e8;
}

.card-right {
  right: 38px;
  bottom: 52px;
  animation-delay: -2s;
  transform: rotate(5deg);
}

.card-right .float-icon {
  color: #008dad;
  background: #e5faff;
}

@keyframes float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-12px); }
}

.trust-row {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 28px;
}

.trust-row span {
  padding: 7px 12px;
  border-radius: 9px;
  color: #6d7481;
  background: rgba(255,255,255,.66);
  font-size: 11px;
  font-weight: 600;
}

@media (max-width: 900px) {
  .offer-card {
    min-height: auto;
    padding: 70px 45px;
  }
  .float-card {
    display: none;
  }
}

@media (max-width: 560px) {
  .cert-offer {
    padding: 34px 14px;
  }
  .offer-card {
    padding: 55px 20px;
    border-radius: 24px;
  }
  .cert-offer h1 {
    font-size: 32px !important;
  }
  .partners {
    font-size: 15px;
  }
  .subcopy {
    font-size: 14px;
  }
  .cta {
    width: 100%;
    justify-content: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}

/* --- WHAT WE ENABLE SECTION STYLES --- */
:root {
  --orange-enable: #ff5814;
  --orange2-enable: #ff7b25;
}

.enable-section {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 90px 24px 105px;
  background:
    radial-gradient(circle at 8% 42%, rgba(255,104,30,.10), transparent 25%),
    radial-gradient(circle at 91% 38%, rgba(0,185,223,.08), transparent 24%),
    linear-gradient(180deg, #fffdfa, #fff8f4);
}

.enable-section::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .34;
  background-image:
    linear-gradient(rgba(20,40,70,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(20,40,70,.035) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(to bottom, transparent, #000 35%, transparent);
  -webkit-mask-image: linear-gradient(to bottom, transparent, #000 35%, transparent);
}

.wrap {
  width: min(1300px, 100%);
  margin: auto;
}

.heading {
  max-width: 680px;
  margin: 0 auto 48px;
  text-align: center;
}

.heading .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  margin-bottom: 14px;
  color: #d94a0f;
  background: #fff;
  border: 1px solid rgba(255,88,20,.16);
  border-radius: 99px;
  box-shadow: 0 9px 25px rgba(255,88,20,.08);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.heading .eyebrow i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--orange-enable);
  box-shadow: 0 0 0 5px rgba(255,88,20,.11);
}

.enable-section h2 {
  margin: 0 0 12px;
  font-size: clamp(34px, 3vw, 48px);
  line-height: 1.12;
  letter-spacing: -.045em;
  color: var(--navy);
  font-family: var(--font-heading);
}

.heading p {
  margin: 0;
  color: #6d7481;
  font-size: 17px;
  line-height: 1.7;
}

.cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  perspective: 1100px;
}

.enable-card {
  position: relative;
  min-height: 330px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 34px;
  color: white;
  border: 1px solid rgba(255,255,255,.32);
  border-radius: 28px;
  background: linear-gradient(145deg, var(--orange2-enable), var(--orange-enable) 58%, #ec450a);
  box-shadow: 0 24px 48px rgba(238,72,10,.18), inset 0 1px 0 rgba(255,255,255,.34);
  transition: transform .35s ease, box-shadow .35s ease;
}

.enable-card::before {
  content: "";
  position: absolute;
  width: 220px;
  height: 220px;
  right: -85px;
  top: -105px;
  border-radius: 50%;
  background: rgba(255,255,255,.13);
  box-shadow: 0 0 0 38px rgba(255,255,255,.035);
}

.enable-card::after {
  content: "";
  position: absolute;
  left: -45%;
  top: -70%;
  width: 45%;
  height: 240%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent);
  transform: rotate(18deg);
  transition: left .65s ease;
}

.enable-card:hover {
  transform: translateY(-12px) rotateX(2deg);
  box-shadow: 0 35px 65px rgba(238,72,10,.28);
}

.enable-card:hover::after {
  left: 130%;
}

.top-row {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.enable-card .icon {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  color: var(--orange-enable);
  background: white;
  border-radius: 17px;
  box-shadow: 0 13px 28px rgba(128,39,5,.18);
  transition: .3s ease;
}

.enable-card:hover .icon {
  transform: rotate(-6deg) scale(1.08);
}

.enable-card .icon svg {
  width: 29px;
  height: 29px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.number {
  color: rgba(255,255,255,.30);
  font-size: 48px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.08em;
}

.enable-card .content {
  position: relative;
  z-index: 2;
  margin-top: auto;
}

.enable-card .content h3 {
  margin: 34px 0 13px;
  font-size: 23px;
  line-height: 1.25;
  letter-spacing: -.025em;
  color: #ffffff;
  font-family: var(--font-heading);
}

.enable-card .content p {
  margin: 0 0 23px;
  color: rgba(255,255,255,.87);
  font-size: 15px;
  line-height: 1.68;
}

.enable-card .link {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: white !important;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
}

.enable-card .link span {
  width: 27px;
  height: 27px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(255,255,255,.17);
  transition: .25s;
}

.enable-card .link:hover span {
  transform: translateX(5px);
  background: white;
  color: var(--orange-enable);
}

.enable-card:nth-child(2) {
  background: linear-gradient(145deg, #092949, #075579 58%, #057da0);
  box-shadow: 0 24px 48px rgba(4,90,120,.18);
}

.enable-card:nth-child(2) .icon {
  color: #057da0;
}

.enable-card:nth-child(2) .link:hover span {
  color: #057da0;
}

.enable-card:nth-child(3) {
  background: linear-gradient(145deg, #172342, #283b67 58%, #344f82);
  box-shadow: 0 24px 48px rgba(21,38,78,.18);
}

.enable-card:nth-child(3) .icon {
  color: #263b67;
}

.enable-card:nth-child(3) .link:hover span {
  color: #263b67;
}

@media(max-width: 900px) {
  .cards {
    grid-template-columns: 1fr;
    max-width: 650px;
    margin: auto;
  }
  .enable-card {
    min-height: 300px;
  }
}

@media(max-width: 520px) {
  .enable-section {
    padding: 65px 14px;
  }
  .heading {
    margin-bottom: 32px;
  }
  .heading p {
    font-size: 15px;
  }
  .enable-card {
    min-height: 310px;
    padding: 27px;
    border-radius: 22px;
  }
}







/* Reference-matched Cyber Shakti navigation */
.header { top: 18px; padding: 0 16px; }
.navbar { width: min(1975px, calc(100vw - 32px)); min-height: 176px; padding: 34px 38px; gap: 34px; border: 1px solid #d6e0e8 !important; border-radius: 25px; background: rgba(255,255,255,.94); box-shadow: 0 14px 32px rgba(18,39,68,.09), inset 0 1px 0 #fff; }
.brands { gap: 22px; text-decoration: none; }
.brand-main { min-width: 250px; gap: 13px; }
.academy-seal { width: 94px; height: 94px; flex: 0 0 94px; display: grid; place-content: center; text-align: center; color: #fff; border: 4px double #d59b36; border-radius: 50%; background: radial-gradient(circle,#122448 0 46%,#08152f 47% 68%,#d99a2c 69% 73%,#0b1730 74%); box-shadow: inset 0 0 0 2px #fff,0 3px 8px rgba(8,22,48,.2); }
.academy-seal span { font-size: 20px; line-height: 1; font-weight: 800; letter-spacing: .5px; }
.academy-seal small { margin-top: 6px; font-size: 7px; font-weight: 800; letter-spacing: .8px; color: #f4b43d; }
.academy-wordmark { line-height: 1.08; white-space: nowrap; }
.academy-wordmark strong { display:block; color:#111b34; font-size:19px; font-weight:800; }
.academy-wordmark span { display:block; margin-top:5px; color:#ff5b0b; font-size:20px; font-weight:800; }
.divider { height:58px; background:#d9dee5; }
.brand-security { width:38px; height:45px; display:grid; place-items:center; color:#ff5b0b; font-size:19px; border:2px solid #ff5b0b; border-radius:45% 45% 50% 50%; transform:rotate(180deg); }
.nav-menu { gap:2px; justify-content:center; }
.nav-menu .nav-link { min-height:64px; padding:0 18px; border-radius:25px; color:#10172d; font-size:18px; font-weight:700; }
.nav-menu .nav-link:hover { transform:none; background:#fff4ee; }
.nav-menu .certification-link { padding-inline:22px; color:#fff; background:linear-gradient(145deg,#1b263e,#0d1426); box-shadow:0 9px 22px rgba(12,20,39,.16); }
.nav-menu .certification-link:hover { color:#fff; background:#141e34; }
.certification-link .chevron { margin-left:7px; font-size:18px; transform:translateY(-2px); }
.nav-menu .nav-link.active { color:#f0520b; background:#fff4ee; box-shadow:none; }
.nav-menu .nav-link.active::after { left:22%; right:22%; bottom:-11px; height:3px; box-shadow:none; }
.actions { gap:18px; }
.btn.signout,.btn.waitlist { height:68px; border-radius:17px; font-family:"Plus Jakarta Sans",sans-serif; font-size:17px; font-weight:700; }
.btn.signout { min-width:172px; padding-inline:24px; border:2px solid #13203e; background:#fff; }
.btn.waitlist { min-width:193px; padding-inline:24px; background:linear-gradient(135deg,#ff7414,#ff391d); box-shadow:0 13px 24px rgba(255,68,24,.26); }
@media(max-width:1750px){.navbar{min-height:132px;padding:24px 28px;gap:22px}.brand-main{min-width:205px}.academy-seal{width:72px;height:72px;flex-basis:72px}.academy-wordmark strong,.academy-wordmark span{font-size:15px}.nav-menu .nav-link{padding-inline:11px;font-size:14px}.btn.signout,.btn.waitlist{height:56px;font-size:14px;min-width:140px}}
@media(max-width:1220px){.menu-toggle{display:block;margin-left:auto}.navbar{min-height:96px;flex-wrap:wrap!important}.nav-menu{order:4;flex:0 0 100%;display:none}.nav-menu.open{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.actions{display:none;flex:0 0 100%;order:5}.actions.open{display:flex;justify-content:flex-end}}
@media(max-width:680px){.header{top:8px;padding:0 8px}.navbar{width:100%;min-height:78px;padding:10px 12px;border-radius:18px}.academy-seal{width:54px;height:54px;flex-basis:54px}.academy-seal span{font-size:14px}.academy-seal small{font-size:5px}.academy-wordmark strong,.academy-wordmark span{font-size:12px}.brand-security,.divider{display:none}.nav-menu.open{grid-template-columns:1fr 1fr}}

/* ===== Screenshot-matched generated-image showcase ===== */
#legacy-hero,#legacy-about,#legacy-csa-programs{display:none!important}
.reference-showcase{font-family:"Plus Jakarta Sans",sans-serif;background:#fff}
.neo-hero{position:relative;min-height:760px;margin:28px 32px 0;border:2px solid rgba(255,255,255,.26);border-radius:46px;overflow:hidden;color:#fff;background:#030c19}
.neo-hero-art{position:absolute;inset:0;background:url('assets/generated/certification-hero.png') center/cover no-repeat}
.neo-hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,12,25,.97) 0%,rgba(3,12,25,.82) 42%,rgba(3,12,25,.05) 73%)}
.neo-hero-copy{position:relative;z-index:2;width:53%;padding:90px 0 60px 115px}
.neo-kicker{display:inline-flex;padding:13px 24px;border:1px solid #ff5b12;border-radius:999px;color:#ff721f;font-weight:800;font-size:17px;letter-spacing:.2px}
.neo-hero h1{margin:24px 0 18px;font-size:64px;line-height:1.12;font-weight:800;letter-spacing:-2.7px}.neo-hero h1 em{font-style:normal;color:#ff5709}.neo-hero h2{font-size:23px;font-weight:700}.neo-hero-copy>p{font-size:21px;color:#a6afc2;margin:17px 0 32px}.neo-primary{display:inline-flex;align-items:center;justify-content:center;min-width:390px;height:80px;border-radius:14px;color:#fff!important;text-decoration:none;font-size:20px;font-weight:800;background:linear-gradient(135deg,#ff8b29,#ff3a0b);box-shadow:0 12px 30px rgba(255,73,10,.27)}.neo-primary span{margin-left:28px;font-size:28px}.neo-trust{display:flex;gap:16px;margin-top:24px}.neo-trust span{padding:11px 20px;border:1px solid rgba(255,111,40,.62);border-radius:999px;font-weight:600;font-size:14px}.neo-trust span::first-letter{color:#31aaff}.sale-disc{position:absolute;z-index:3;right:7.5%;top:14%;width:150px;height:150px;display:grid;place-content:center;text-align:center;border-radius:50%;border:3px dashed #fff;background:linear-gradient(145deg,#ff8126,#ff300b);box-shadow:0 0 30px rgba(255,83,20,.38);transform:rotate(5deg)}.sale-disc strong{font-size:52px;line-height:.9}.sale-disc span{font-size:26px;font-weight:800}
.neo-about{display:grid;grid-template-columns:46% 54%;min-height:720px;margin-top:34px;color:#fff;background:#020d1c;overflow:hidden}.about-art{position:relative;min-height:720px}.about-art img{width:100%;height:100%;object-fit:cover;object-position:45% center}.about-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 70%,#020d1c)}.trust-float{position:absolute;z-index:2;left:70px;bottom:155px;display:flex;gap:16px;align-items:center;padding:24px 30px;border:1px solid #416380;border-radius:15px;background:rgba(5,29,52,.86);backdrop-filter:blur(12px)}.trust-float i{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;font-style:normal;font-size:27px;background:linear-gradient(#248dff,#045bc9)}.trust-float strong,.trust-float span{display:block}.trust-float span{color:#adb8c9;margin-top:4px}.about-copy{padding:82px 56px 60px 20px}.about-label{color:#48c9ff;font-size:18px;letter-spacing:3px}.about-copy h2{font-size:56px;line-height:1.35;margin:24px 0 20px;font-weight:700}.about-copy>p{max-width:900px;color:#aab3c3;font-size:25px;line-height:1.55}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:30px}.about-stats>div{min-height:145px;display:grid;grid-template-columns:86px 1fr;grid-template-rows:1fr 1fr;align-items:end;padding:22px;border:1px solid #36536f;border-radius:14px}.about-stats i{grid-row:1/3;width:72px;height:72px;display:grid;place-items:center;border:1px solid #36536f;border-radius:50%;font-style:normal;font-size:31px;color:#42c7ff}.about-stats strong{font-size:31px}.about-stats span{align-self:start;color:#aab3c3;font-size:18px}.about-actions{display:flex;align-items:center;gap:45px;margin-top:28px}.about-actions a{font-size:19px;text-decoration:none}.blue-action{padding:22px 32px;color:#fff!important;border-radius:12px;background:linear-gradient(#2484ff,#074ad0)}.text-action{color:#43c9ff!important}
.academy-courses{padding:55px 7.5% 24px;text-align:center;background:radial-gradient(circle at 50% 10%,#fff,#fff9f2 72%);color:#07132e}.section-kicker{display:flex;justify-content:center;align-items:center;gap:16px;color:#ff5b0b;font-weight:800;font-size:18px}.section-kicker span{width:100px;height:1px;background:#ff7429}.academy-courses>h2{font-size:52px;margin:12px 0 8px;font-weight:800;letter-spacing:-2px}.orange-rule{width:100px;height:5px;margin:auto;border-radius:4px;background:#ff5b0b}.section-sub{font-size:18px;color:#566078;margin:15px 0 35px}.premium-course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;text-align:left}.premium-course-card{overflow:hidden;border:1px solid #d8dce4;border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(25,38,64,.07)}.premium-course-card.featured{border:2px solid #ff6418;box-shadow:0 16px 38px rgba(255,96,20,.19)}.premium-course-card>img{width:100%;height:225px;object-fit:cover}.course-body{padding:18px 28px 20px}.course-body>b{display:inline-block;padding:5px 10px;border-radius:8px;color:#ff5b0b;background:#fff0e6;font-size:12px}.course-body h3{font-size:20px;line-height:1.25;margin:12px 0}.course-body p{min-height:74px;color:#596177;line-height:1.5}.course-meta{display:flex;gap:30px;margin:20px 0 14px;color:#202a42}.course-foot{display:flex;justify-content:space-between;align-items:center;padding-top:14px;border-top:1px solid #ddd}.course-foot strong{font-size:28px}.course-foot a{padding:12px 28px;border-radius:9px;color:#fff!important;text-decoration:none;font-weight:700;background:linear-gradient(135deg,#ff731b,#ff430b)}.outline-action{display:inline-flex;margin:26px auto 0;padding:14px 55px;border:1px solid #ff5b0b;border-radius:999px;color:#ff5b0b!important;text-decoration:none;font-weight:700}
.catalogue{padding:70px 5.5% 55px;color:#fff;background:#030923 radial-gradient(circle at 50% 0,rgba(255,80,20,.13),transparent 38%);overflow:hidden}.catalogue-head{display:flex;justify-content:space-between;align-items:center}.catalogue-kicker{display:inline-flex;padding:10px 20px;border:1px solid #ff5b0b;border-radius:999px;color:#ff731f;font-weight:800}.catalogue-head h2{font-family:"Outfit", sans-serif;font-size:70px;margin:12px 0 0}.catalogue-head i{display:block;width:70px;height:4px;background:#ff5b0b}.catalogue-head p{color:#929bb6;font-size:20px}.catalogue-head>a{padding:25px 40px;border:2px solid #ff5b0b;border-radius:12px;color:#ff7422!important;text-decoration:none;font-weight:800}.catalogue-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:24px;margin-top:45px}.catalogue-grid article{min-height:380px;display:flex;flex-direction:column;padding:24px 20px 0;border:1px solid #607083;border-radius:15px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 12%,#0c1730),#081126);box-shadow:inset 0 2px 0 var(--accent)}.catalogue-grid b{color:var(--accent);font-size:22px}.catalogue-grid i{width:88px;height:88px;display:grid;place-items:center;align-self:center;margin:6px;border:1px solid var(--accent);border-radius:50%;font-style:normal;font-size:42px;box-shadow:0 0 25px color-mix(in srgb,var(--accent) 35%,transparent)}.catalogue-grid h3{font-size:16px;line-height:1.4;text-align:center;margin:10px 0 14px}.catalogue-grid span{align-self:center;padding:8px 12px;border-radius:99px;color:#aeb7c9;background:rgba(255,255,255,.03);font-size:13px}.catalogue-grid a{margin:20px -20px 0;padding:18px 20px;border-top:1px solid #253348;color:var(--accent)!important;text-decoration:none;font-weight:700}.catalogue-note{text-align:center;color:#9ea7bf;font-size:18px;margin:32px 0 12px}.catalogue-action{display:flex;justify-content:center;align-items:center;width:520px;height:76px;margin:auto;border-radius:12px;color:#fff!important;text-decoration:none;font-size:20px;font-weight:800;background:linear-gradient(135deg,#ff8b24,#e9200e);box-shadow:0 12px 30px rgba(255,59,15,.22)}
@media(max-width:1300px){.neo-hero-copy{padding-left:70px;width:62%}.neo-hero h1{font-size:52px}.sale-disc{width:115px;height:115px}.sale-disc strong{font-size:38px}.about-copy h2{font-size:43px}.about-copy>p{font-size:20px}.catalogue-grid{grid-template-columns:repeat(3,1fr)}.catalogue-grid article{min-height:350px}}
@media(max-width:900px){.neo-hero{margin:14px 10px;border-radius:26px}.neo-hero-copy{width:100%;padding:60px 32px;background:rgba(3,12,25,.55)}.neo-hero h1{font-size:42px}.sale-disc{display:none}.neo-trust{flex-wrap:wrap}.neo-about{grid-template-columns:1fr}.about-art{min-height:500px}.about-copy{padding:55px 30px}.about-stats{grid-template-columns:1fr}.premium-course-grid{grid-template-columns:1fr}.catalogue-head{align-items:flex-start;gap:25px}.catalogue-head h2{font-size:54px}.catalogue-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.neo-hero-copy{padding:45px 22px}.neo-kicker{font-size:12px}.neo-hero h1{font-size:34px}.neo-hero h2{font-size:17px}.neo-primary{min-width:100%;font-size:16px}.about-copy h2,.academy-courses>h2{font-size:34px}.about-actions,.catalogue-head{flex-direction:column}.catalogue-grid{grid-template-columns:1fr}.catalogue-action{width:100%}.section-kicker span{width:35px}.academy-courses{padding-inline:18px}}

/* CSA partner institutions marquee */
.partner-scroller-section{position:relative;overflow:hidden;padding:54px 0 42px;background:#fff;isolation:isolate}
.partner-container{position:relative;z-index:2;text-align:center;margin-bottom:34px}
.partner-badge{display:block;margin-bottom:17px;color:#07998e;font-size:13px;font-weight:800;letter-spacing:1.2px}
.partner-container h2{margin:0;color:#68727c;font-size:33px;line-height:1.28;font-weight:700;letter-spacing:-.8px}
.partner-container h2 span{color:#0a998e}.partner-container h2 strong{font-weight:700;color:#ee6a13}
.partner-marquee{position:relative;z-index:2;display:flex;flex-direction:column;gap:20px;width:100%;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.partner-row{display:flex;width:max-content;will-change:transform}.partner-set{display:flex;gap:20px;padding-right:20px}
.partner-item{width:200px;height:90px;display:flex;align-items:center;justify-content:center;padding:15px 28px;border:1px solid #e1e7ec;border-radius:13px;background:rgba(255,255,255,.9);box-shadow:0 3px 10px rgba(24,48,75,.025)}
.partner-item img{display:block;max-width:100%;max-height:56px;object-fit:contain}
.partner-scroll-left{animation:partnerMoveLeft 38s linear infinite}.partner-scroll-right{animation:partnerMoveRight 42s linear infinite}
.partner-marquee:hover .partner-row{animation-play-state:paused}
.partner-circuit{position:absolute;z-index:1;top:0;height:100%;max-width:180px;object-fit:cover;opacity:.78;pointer-events:none}.partner-circuit-left{left:0;object-position:left center}.partner-circuit-right{right:0;object-position:right center}
@keyframes partnerMoveLeft{to{transform:translateX(-50%)}}@keyframes partnerMoveRight{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.partner-row{animation:none!important}}
@media(max-width:700px){.partner-scroller-section{padding:45px 0 35px}.partner-container{padding:0 22px}.partner-container h2{font-size:27px}.partner-item{width:155px;height:76px;padding:12px 22px}.partner-item img{max-height:46px}.partner-set{gap:13px;padding-right:13px}.partner-circuit{opacity:.35}}

/* Final navbar fit and visual balance */
.header{padding:0 14px;top:14px}
.navbar{width:calc(100vw - 28px);max-width:1920px;min-height:116px;padding:18px 24px;gap:16px;border-radius:24px;overflow:visible}
.brands{gap:16px}.brand-main{min-width:220px;gap:11px}.academy-seal{width:76px;height:76px;flex-basis:76px}.academy-seal span{font-size:17px}.academy-wordmark strong{font-size:16px}.academy-wordmark span{font-size:17px}.divider{height:50px}.brand-security{width:34px;height:40px;font-size:16px}
.nav-menu{gap:0;min-width:0}.nav-menu .nav-link{min-height:56px;padding:0 10px;border-radius:21px;font-size:15px}.nav-menu .certification-link{padding-inline:17px}.certification-link .chevron{font-size:15px;margin-left:5px}.nav-menu .nav-link.active::after{bottom:-8px}
.actions{gap:12px}.btn.signout,.btn.waitlist{height:56px;border-radius:15px;font-size:14px;padding-inline:18px}.btn.signout{min-width:150px}.btn.waitlist{min-width:165px}
@media(max-width:1680px){.navbar{padding-inline:20px;gap:12px}.brand-main{min-width:190px}.academy-seal{width:66px;height:66px;flex-basis:66px}.academy-wordmark strong,.academy-wordmark span{font-size:14px}.brands{gap:12px}.nav-menu .nav-link{padding-inline:7px;font-size:13px}.nav-menu .certification-link{padding-inline:13px}.btn.signout,.btn.waitlist{min-width:auto;padding-inline:15px;font-size:13px}.actions{gap:8px}}
@media(max-width:1420px){.menu-toggle{display:block;margin-left:auto;order:2}.navbar{min-height:92px;flex-wrap:wrap!important}.nav-menu{order:4;flex:0 0 100%;display:none;margin-top:8px;padding:12px}.nav-menu.open{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.nav-menu .nav-link{justify-content:center}.actions{display:none;flex:0 0 100%;order:5;padding:4px 12px 12px}.actions.open{display:flex;justify-content:flex-end}.nav-menu .nav-link.active::after{display:none}}
@media(max-width:680px){.header{padding:0 7px;top:7px}.navbar{width:100%;min-height:72px;padding:9px 11px}.brand-main{min-width:auto}.academy-seal{width:52px;height:52px;flex-basis:52px}.academy-wordmark strong,.academy-wordmark span{font-size:11px}.nav-menu.open{grid-template-columns:1fr}.actions.open{display:grid;grid-template-columns:1fr 1fr}.btn.signout,.btn.waitlist{width:100%}}

/* Clean navbar icon and certification treatment */
.brand-security{border:0!important;border-radius:0!important;transform:none!important;background:transparent!important;box-shadow:none!important}
.brand-security i{display:block;color:#ff5b0b;font-size:30px;line-height:1}
.nav-menu .certification-link,.nav-menu .certification-link:hover,.nav-menu .certification-link:focus{color:#10172d!important;background:transparent!important;box-shadow:none!important}
.nav-menu .certification-link:hover,.nav-menu .certification-link:focus{color:#f0520b!important;background:#fff4ee!important}
.nav-menu .certification-link .chevron{color:currentColor}

/* Complete phone layout correction */
html,body{max-width:100%;overflow-x:hidden}
@media(max-width:680px){
  .live-broadcast-banner{font-size:11px}.live-broadcast-banner .container{gap:8px!important;padding-inline:10px}.live-broadcast-banner .btn{padding-inline:12px!important}
  body>.py-2.text-dark.border-bottom{display:none}
  .header{position:sticky;top:6px;z-index:1050;padding:0 6px}
  .navbar{width:100%;min-height:70px;padding:8px 10px;gap:8px;border-radius:18px}
  .brands{gap:8px}.brand-logo{height:42px !important;}
  .menu-toggle{width:44px;height:44px;border-radius:13px}.brand-security,.divider{display:none!important}
  .nav-menu.open{grid-template-columns:1fr;max-height:62vh;overflow-y:auto;margin-top:8px;padding:8px}.nav-menu .nav-link{min-height:44px;font-size:14px;border-radius:12px}.actions.open{grid-template-columns:1fr;padding:4px 8px 9px}.btn.signout,.btn.waitlist{height:48px;font-size:13px}

  .neo-hero{min-height:0;margin:12px 7px 24px;border-radius:24px;background:#030c19}
  .neo-hero-art{background-position:68% center;opacity:.72}.neo-hero-art:after{background:linear-gradient(180deg,rgba(3,12,25,.66),rgba(3,12,25,.92) 68%,#030c19)}
  .neo-hero-copy{width:100%;min-height:690px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:220px 20px 28px;background:transparent}
  .neo-kicker{padding:9px 13px;font-size:10px;letter-spacing:.2px}.neo-hero h1{margin:16px 0 12px;font-size:32px;line-height:1.12;letter-spacing:-1.2px}.neo-hero h2{font-size:15px;line-height:1.45}.neo-hero-copy>p{margin:10px 0 20px;font-size:14px;line-height:1.5}.neo-primary{width:100%;min-width:0;height:56px;border-radius:11px;font-size:15px}.neo-primary span{margin-left:14px;font-size:20px}.neo-trust{width:100%;display:grid;grid-template-columns:1fr;gap:8px;margin-top:16px}.neo-trust span{width:100%;padding:10px 13px;font-size:12px;text-align:left}.sale-disc{display:none}

  .neo-about{grid-template-columns:1fr;min-height:0;margin-top:0}.about-art{min-height:430px;height:430px}.about-art img{height:100%;object-position:42% center}.about-art:after{background:linear-gradient(180deg,transparent 58%,#020d1c)}
  .trust-float{left:16px;right:16px;bottom:18px;width:auto;gap:12px;padding:16px;border-radius:13px}.trust-float i{width:48px;height:48px;flex:0 0 48px;font-size:22px}.trust-float strong{font-size:14px}.trust-float span{font-size:12px;line-height:1.4}
  .about-copy{padding:38px 20px 45px}.about-label{font-size:13px;letter-spacing:2.5px}.about-copy h2{font-size:31px;line-height:1.24;margin:18px 0 15px}.about-copy h2 br{display:none}.about-copy>p{font-size:15px;line-height:1.65}.about-stats{grid-template-columns:1fr;gap:12px;margin-top:22px}.about-stats>div{min-height:92px;grid-template-columns:65px 1fr;padding:13px 16px}.about-stats i{width:52px;height:52px;font-size:23px}.about-stats strong{font-size:24px}.about-stats span{font-size:14px}.about-actions{flex-direction:column;align-items:stretch;gap:14px}.about-actions a{text-align:center;font-size:15px}.blue-action{padding:17px 20px}

  .academy-courses{padding:42px 14px 28px}.section-kicker{gap:8px;font-size:11px}.section-kicker span{width:25px}.academy-courses>h2{font-size:30px;line-height:1.15;letter-spacing:-1px}.section-sub{font-size:14px;line-height:1.55;margin-bottom:24px}.premium-course-grid{grid-template-columns:1fr;gap:18px}.premium-course-card>img{height:190px}.course-body{padding:17px}.course-body h3{font-size:18px}.course-body p{min-height:0;font-size:14px}.course-meta{flex-wrap:wrap;gap:14px;font-size:13px}.course-foot strong{font-size:24px}.course-foot a{padding:11px 17px;font-size:13px}.outline-action{width:100%;justify-content:center;padding:13px 18px}

  .catalogue{padding:45px 14px 38px}.catalogue-head{flex-direction:column;align-items:stretch;gap:18px}.catalogue-kicker{padding:8px 12px;font-size:10px}.catalogue-head h2{font-size:44px;line-height:1}.catalogue-head p{font-size:14px;line-height:1.55}.catalogue-head>a{padding:15px;text-align:center}.catalogue-grid{grid-template-columns:1fr;gap:15px;margin-top:28px}.catalogue-grid article{min-height:330px}.catalogue-action{width:100%;height:60px;padding:0 12px;font-size:14px;text-align:center}.catalogue-note{font-size:14px}

  .partner-scroller-section{padding:40px 0 32px}.partner-container{padding:0 18px;margin-bottom:25px}.partner-badge{font-size:11px}.partner-container h2{font-size:25px}.partner-item{width:145px;height:70px;padding:10px 18px}.partner-item img{max-height:42px}.partner-set{gap:10px;padding-right:10px}.partner-marquee{gap:12px}.partner-circuit{max-width:90px;opacity:.28}
}

/* --- CSA SPEAKERS SLIDER SECTION STYLES --- */
.speakers-title {
  font-size: clamp(34px, 3vw, 48px);
  letter-spacing: -.035em;
  color: var(--navy);
}

.title-underline {
  width: 100px;
  height: 4px;
  background: #00b0c7; /* Vibrant teal matching reference website */
  margin: 14px auto 0;
  border-radius: 2px;
}

.speakers-slider-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
  overflow: visible;
  padding: 0 10px;
}

.speakers-slider-track {
  display: flex;
  overflow-x: auto;
  scroll-behavior: smooth;
  gap: 22px;
  width: 100%;
  padding: 24px 10px 32px;
  scrollbar-width: none; /* Hide scrollbar Firefox */
}

.speakers-slider-track::-webkit-scrollbar {
  display: none; /* Hide scrollbar Chrome/Safari */
}

.speaker-slide-card {
  flex: 0 0 310px;
  width: 310px;
  background: #ffffff;
  border: 1px solid #e5ebf0;
  border-radius: 20px;
  padding: 16px 16px 24px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.04);
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.speaker-slide-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 45px rgba(255, 91, 23, 0.08), 0 4px 12px rgba(0, 0, 0, 0.03);
}

.speaker-image-frame {
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 18px;
  background: #f8fafc;
  border: 1px solid rgba(0, 0, 0, 0.02);
}

.speaker-image-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.speaker-slide-card:hover .speaker-image-frame img {
  transform: scale(1.04);
}

.speaker-name-text {
  font-size: 19px;
  font-weight: 700;
  color: #101a35;
  margin: 0 0 10px;
  font-family: var(--font-heading);
}

.speaker-desc-text {
  font-size: 11px;
  font-weight: 600;
  color: #64748b;
  line-height: 1.45;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.2px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 64px;
}

.speakers-slider-wrapper .slider-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
  display: grid;
  place-items: center;
  cursor: pointer;
  z-index: 10;
  color: #334155;
  transition: all 0.25s ease;
}

.speakers-slider-wrapper .slider-btn:hover {
  background: var(--orange-main, #ff5b17);
  color: white;
  border-color: var(--orange-main, #ff5b17);
  box-shadow: 0 8px 22px rgba(255, 91, 23, 0.24);
}

.speakers-slider-wrapper .prev-btn {
  left: -15px;
}

.speakers-slider-wrapper .next-btn {
  right: -15px;
}

@media (max-width: 768px) {
  .speakers-slider-wrapper .slider-btn {
    display: none;
  }
  .speakers-slider-track {
    padding-inline: 4px;
    gap: 16px;
  }
  .speaker-slide-card {
    flex: 0 0 280px;
    width: 280px;
    padding: 12px 12px 20px;
  }
}


/* Program snapshots gallery */
.program-snapshots{padding:62px 24px 68px;background:#fff;color:#0c1833}
.snapshots-inner{width:min(1290px,100%);margin:0 auto}
.snapshots-header{max-width:980px}.snapshots-header h2{margin:0 0 14px;font-family:"Plus Jakarta Sans",sans-serif;font-size:41px;line-height:1.15;font-weight:700;letter-spacing:-1.4px;color:#7a8084}.snapshots-header h2 span{color:#089b91}.snapshots-header h2 strong{color:#ee6b15;font-weight:700}.snapshots-header p{margin:0;color:#687993;font-size:18px;line-height:1.7}
.snapshots-divider{height:1px;margin:38px 0 32px;background:#dce3e9}
.snapshots-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 35px}
.snapshots-grid figure{position:relative;height:225px;margin:0;overflow:hidden;border-radius:15px;background:#eef2f5;box-shadow:0 13px 22px rgba(16,32,54,.11);transition:transform .25s ease,box-shadow .25s ease}
.snapshots-grid figure:hover{transform:translateY(-5px);box-shadow:0 18px 30px rgba(16,32,54,.16)}
.snapshots-grid img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:950px){.program-snapshots{padding:52px 20px}.snapshots-grid{grid-template-columns:repeat(2,1fr);gap:22px}.snapshots-grid figure{height:220px}}
@media(max-width:580px){.program-snapshots{padding:42px 14px 48px}.snapshots-header h2{font-size:30px;letter-spacing:-.8px}.snapshots-header p{font-size:14px;line-height:1.65}.snapshots-divider{margin:25px 0 22px}.snapshots-grid{grid-template-columns:1fr;gap:16px}.snapshots-grid figure{height:auto;aspect-ratio:16/9;border-radius:12px}}

/* Esteemed speakers automatic carousel */
.esteemed-speakers{position:relative;overflow:hidden;padding:55px 0 58px;text-align:center;background:radial-gradient(circle at 50% 20%,#fff,#fff8f1 75%);color:#0a1733}
.esteemed-speakers:before,.esteemed-speakers:after{content:"";position:absolute;width:280px;height:210px;opacity:.2;background:linear-gradient(135deg,transparent 48%,#a7d3df 49%,transparent 50%);background-size:34px 34px;pointer-events:none}.esteemed-speakers:before{left:-60px;bottom:-70px}.esteemed-speakers:after{right:-60px;top:-40px;transform:rotate(180deg)}
.speaker-heading{position:relative;z-index:2;padding:0 18px}.speaker-heading>span{display:block;color:#f05a15;font-size:17px;font-weight:800;letter-spacing:3px}.speaker-heading h2{margin:8px 0 7px;font-size:54px;font-weight:800;letter-spacing:-2px}.speaker-heading h2 strong{color:#f15a0c}.speaker-heading p{margin:0;color:#555d68;font-size:18px}
.speaker-carousel-shell{position:relative;z-index:2;width:min(1495px,calc(100% - 118px));margin:26px auto 0;padding:42px 90px 58px;border-radius:28px;background:radial-gradient(circle at 88% 95%,rgba(255,88,22,.23),transparent 20%),linear-gradient(135deg,#071630,#0b1d3b);box-shadow:0 15px 27px rgba(10,24,47,.2)}
.speaker-viewport{overflow:hidden;width:100%}.speaker-track{display:flex;gap:24px;transition:transform .72s cubic-bezier(.22,.7,.2,1);will-change:transform}.expert-card{flex:0 0 calc((100% - 72px)/4);overflow:hidden;border:1px solid #d7dde5;border-radius:16px;background:#fff;box-shadow:0 8px 18px rgba(0,0,0,.12)}.expert-card>img{display:block;width:100%;height:325px;object-fit:cover;object-position:top center;border-bottom:4px solid #ff5b0b}.expert-card>div{padding:14px 18px 17px}.expert-card h3{margin:0 0 8px;font-size:19px;font-weight:800;color:#0b1834}.expert-card p{min-height:48px;margin:0 0 15px;color:#5f6268;font-size:14px;line-height:1.55}.expert-card a{display:flex;justify-content:center;align-items:center;gap:20px;padding:10px 14px;border:1px solid #13203b;border-radius:6px;color:#0c1935!important;text-decoration:none;font-weight:600}.expert-card a:hover{color:#fff!important;background:#101e3a}.speaker-arrow{position:absolute;top:50%;width:58px;height:58px;display:grid;place-items:center;border:2px solid #ff6018;border-radius:50%;color:#fff;background:#15213b;box-shadow:0 8px 20px rgba(255,94,20,.3);font-size:28px;transform:translateY(-50%);z-index:4}.speaker-prev{left:-88px}.speaker-next{right:-88px}.speaker-dots{position:absolute;left:50%;bottom:17px;display:flex;gap:12px;transform:translateX(-50%)}.speaker-dots button{width:14px;height:14px;padding:0;border:0;border-radius:50%;background:#778399}.speaker-dots button.active{background:#ff671f;box-shadow:0 0 0 2px #ffad75}.all-speakers{position:relative;z-index:2;display:inline-flex;gap:25px;align-items:center;margin-top:25px;padding:14px 46px;border:1px solid #ff5d12;border-radius:999px;color:#f15b10!important;text-decoration:none;font-weight:700}
@media(max-width:1150px){.speaker-carousel-shell{width:calc(100% - 60px);padding-inline:55px}.expert-card{flex-basis:calc((100% - 24px)/2)}.speaker-prev{left:-24px}.speaker-next{right:-24px}}
@media(max-width:620px){.esteemed-speakers{padding:42px 0}.speaker-heading>span{font-size:11px;letter-spacing:2px}.speaker-heading h2{font-size:32px;line-height:1.1;letter-spacing:-1px}.speaker-heading p{font-size:14px;line-height:1.5}.speaker-carousel-shell{width:calc(100% - 28px);margin-top:22px;padding:24px 18px 50px;border-radius:20px}.speaker-track{gap:14px}.expert-card{flex-basis:100%}.expert-card>img{height:310px}.expert-card h3{font-size:18px}.speaker-arrow{top:auto;bottom:-76px;width:46px;height:46px;font-size:22px}.speaker-prev{left:18px}.speaker-next{right:18px}.all-speakers{margin-top:72px;padding:13px 30px}}

/* Premium FAQ section */
.premium-faq{padding:48px 42px 66px;background:radial-gradient(circle at 8% 50%,rgba(255,129,45,.10),transparent 36%),#fff;color:#0b1731}
.faq-layout{width:min(1570px,100%);margin:0 auto;display:grid;grid-template-columns:35% 65%;align-items:center}
.faq-intro{position:relative;padding:22px 48px 18px 0}.faq-eyebrow{display:block;color:#f15b12;font-size:15px;font-weight:800;letter-spacing:2px}.faq-small-rule{display:block;width:38px;height:1px;margin:11px 0 20px;background:#f15b12}.faq-intro h2{margin:0;font-size:58px;line-height:1.06;font-weight:800;letter-spacing:-2.3px}.faq-intro h2 strong{color:#f45b06}.faq-intro>p{max-width:460px;margin:22px 0 0;color:#5e6570;font-size:20px;line-height:1.62}.faq-intro>img{display:block;width:100%;max-width:520px;margin:0 auto;mix-blend-mode:multiply}.faq-contact{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:15px;margin-top:-4px;padding:18px 22px;border:1px solid #edf0f3;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(23,36,55,.12)}.faq-contact-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#111d35;font-size:22px}.faq-contact b{font-size:17px}.faq-contact a{display:flex;align-items:center;gap:18px;padding:14px 26px;border-radius:999px;color:#fff!important;text-decoration:none;font-weight:700;background:linear-gradient(135deg,#ff851f,#ff500b);box-shadow:0 9px 18px rgba(255,82,12,.2)}
.faq-panel{padding:34px 42px;border:1px solid #d9dfe5;border-radius:30px;background:rgba(255,255,255,.92);box-shadow:0 18px 42px rgba(25,41,65,.11)}.faq-tabs{display:flex;gap:14px;margin-bottom:30px}.faq-tab{min-width:145px;padding:14px 26px;border:1px solid #e1e5e9;border-radius:999px;color:#303744;background:#fbfcfd;font-size:16px;font-weight:700;box-shadow:0 6px 13px rgba(27,42,61,.04)}.faq-tab.active{border-color:#ff690e;color:#fff;background:linear-gradient(135deg,#ff861b,#ff5b08);box-shadow:0 10px 18px rgba(255,95,10,.22)}.faq-list{display:flex;flex-direction:column;gap:16px}.faq-row{overflow:hidden;border:1px solid #dce1e6;border-radius:15px;background:#fff;transition:.25s}.faq-row.open{border-color:#ff6410;background:linear-gradient(110deg,#fff,#fff7f1)}.faq-row>button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 34px;border:0;color:#101522;background:transparent;text-align:left;font-size:18px;font-weight:700}.faq-row>button i{position:relative;width:38px;height:38px;flex:0 0 38px;border:1px solid #dce1e5;border-radius:50%;background:#fff;box-shadow:0 3px 8px rgba(20,30,45,.08)}.faq-row>button i:before,.faq-row>button i:after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;border-radius:2px;background:#111827;transform:translate(-50%,-50%)}.faq-row>button i:after{transform:translate(-50%,-50%) rotate(90deg)}.faq-row.open>button i:after{display:none}.faq-row.open>button i:before{background:#ff6410}.faq-answer{display:none;padding:0 34px 28px;color:#606978;font-size:17px;line-height:1.65}.faq-row.open .faq-answer{display:block}.faq-row[hidden]{display:none!important}
@media(max-width:1050px){.faq-layout{grid-template-columns:1fr}.faq-intro{padding-right:0;text-align:center}.faq-small-rule{margin-inline:auto}.faq-intro>p{margin-inline:auto}.faq-intro>img{max-width:430px}.faq-contact{max-width:600px;margin:0 auto 28px}.faq-panel{padding:30px}}
@media(max-width:600px){.premium-faq{padding:40px 13px}.faq-intro h2{font-size:37px;letter-spacing:-1.3px}.faq-intro>p{font-size:15px}.faq-intro>img{max-width:330px}.faq-contact{grid-template-columns:42px 1fr;padding:14px}.faq-contact-icon{width:38px;height:38px}.faq-contact a{grid-column:1/-1;justify-content:center;padding:12px 18px}.faq-panel{padding:17px 12px;border-radius:20px}.faq-tabs{gap:7px;overflow-x:auto;margin-bottom:18px;padding-bottom:3px}.faq-tab{min-width:auto;flex:1;padding:11px 13px;font-size:13px}.faq-list{gap:10px}.faq-row>button{padding:18px 15px;font-size:14px;line-height:1.4}.faq-row>button i{width:32px;height:32px;flex-basis:32px}.faq-answer{padding:0 15px 20px;font-size:13px}}

/* Cybersecurity learning impact section */
.impact-events{position:relative;overflow:hidden;padding:60px 28px 48px;color:#fff;background:radial-gradient(circle at 52% 58%,rgba(20,28,86,.38),transparent 38%),linear-gradient(135deg,#020b19,#03152b 60%,#02101f)}
.impact-events:before,.impact-events:after{content:"";position:absolute;width:390px;height:390px;opacity:.35;background-image:radial-gradient(circle,#00c8ef 1.5px,transparent 2px);background-size:36px 36px;transform:rotate(20deg);pointer-events:none}.impact-events:before{left:-190px;top:190px}.impact-events:after{right:-150px;bottom:70px}
.impact-inner{position:relative;z-index:2;width:min(1340px,100%);margin:0 auto}.impact-head{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:60px;margin-bottom:28px}.impact-copy>span{color:#ff721c;font-size:16px;font-weight:800;letter-spacing:5px}.impact-copy h2{margin:17px 0 12px;font-size:55px;line-height:1.1;font-weight:800;letter-spacing:-1.8px}.impact-copy h2 strong{color:#10beb7}.impact-copy p{max-width:650px;margin:0;color:#c2cad8;font-size:17px;line-height:1.55}.impact-stats{display:grid;grid-template-columns:repeat(3,1fr)}.impact-stats>div{display:flex;flex-direction:column;align-items:center;padding:12px 22px;border-right:1px solid #5c6d82}.impact-stats>div:last-child{border-right:0}.impact-stats i{color:#13d4c5;font-size:29px}.impact-stats strong{font-size:45px;line-height:1.15;margin-top:7px}.impact-stats span{color:#d4d9e2;font-size:17px}
.impact-grid{display:grid;grid-template-columns:1.62fr 1fr;grid-template-rows:1fr 1fr;gap:18px}.impact-grid>a{position:relative;display:block;overflow:hidden;border:1px solid #7ea1b3;border-radius:20px;color:#fff!important;text-decoration:none;background:#06142a}.impact-grid img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s ease}.impact-grid>a:hover img{transform:scale(1.035)}.impact-feature{grid-row:1/3;min-height:550px}.impact-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(1,13,27,.95) 78%)}.impact-overlay{position:absolute;z-index:2;left:30px;right:25px;bottom:25px}.impact-overlay b,.impact-side b{display:inline-block;padding:7px 13px;border:1px solid #0ed9ce;border-radius:999px;color:#16e2d4;font-size:13px;letter-spacing:.8px}.impact-overlay h3{margin:14px 0 5px;font-size:33px;font-weight:800}.impact-overlay p{margin:0;color:#c0c8d5;font-size:20px}.impact-overlay>i,.impact-side>div>i{position:absolute;right:0;bottom:-3px;width:54px;height:54px;display:grid;place-items:center;border:1px solid #0ed9ce;border-radius:50%;font-style:normal;font-size:27px;background:#071b31}.impact-side{min-height:265px}.impact-side:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,10,35,.98) 0%,rgba(3,10,35,.84) 52%,rgba(3,10,35,.08))}.impact-side>div{position:absolute;z-index:2;inset:24px}.impact-side h3{margin:15px 0 0;font-size:27px;line-height:1.2;font-weight:800}.impact-side>div>i{right:0;bottom:0;border-color:#ff780f;color:#ff780f}.impact-talk b{border-color:#ff721c;color:#ff721c}.impact-workshop:after{background:linear-gradient(90deg,rgba(16,4,50,.96),rgba(16,4,50,.42))}.impact-workshop b{border-color:#ff3fa5;color:#ff54ac}.impact-foot{display:flex;align-items:center;justify-content:space-between;margin-top:32px}.impact-foot p{margin:0;color:#d3d9e4;font-size:19px}.impact-foot p i{margin-right:14px;color:#18d9cc;font-size:30px}.impact-foot>a{padding:16px 33px;border:1px solid #ff6c0d;border-radius:12px;color:#ff7718!important;text-decoration:none;font-size:18px}.impact-foot>a span{margin-left:15px}
@media(max-width:1000px){.impact-head{grid-template-columns:1fr;gap:25px}.impact-copy{text-align:center}.impact-copy p{margin-inline:auto}.impact-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.impact-feature{grid-column:1/3;grid-row:auto;min-height:480px}}
@media(max-width:620px){.impact-events{padding:44px 12px 38px}.impact-copy>span{font-size:11px;letter-spacing:3px}.impact-copy h2{font-size:34px;letter-spacing:-1px}.impact-copy h2 br{display:none}.impact-copy p{font-size:14px}.impact-stats>div{padding:8px 6px}.impact-stats i{font-size:21px}.impact-stats strong{font-size:29px}.impact-stats span{font-size:12px}.impact-grid{grid-template-columns:1fr;gap:13px}.impact-feature{grid-column:auto;min-height:380px}.impact-side{min-height:240px}.impact-overlay{left:18px;right:16px;bottom:18px}.impact-overlay h3{font-size:23px;padding-right:50px}.impact-overlay p{font-size:14px}.impact-overlay>i,.impact-side>div>i{width:45px;height:45px}.impact-side h3{font-size:23px}.impact-foot{flex-direction:column;gap:18px;text-align:center}.impact-foot p{font-size:15px}.impact-foot>a{width:100%;text-align:center}}

/* Compact snapshots section height */
.program-snapshots{padding-top:36px;padding-bottom:40px}
.snapshots-header h2{font-size:36px;margin-bottom:9px}
.snapshots-header p{font-size:16px;line-height:1.55}
.snapshots-divider{margin:23px 0 22px}
.snapshots-grid{gap:20px 24px}
.snapshots-grid figure{height:170px;border-radius:13px}
@media(max-width:950px){.program-snapshots{padding-top:34px;padding-bottom:36px}.snapshots-grid figure{height:175px}}
@media(max-width:580px){.program-snapshots{padding:32px 12px 36px}.snapshots-header h2{font-size:28px}.snapshots-divider{margin:19px 0}.snapshots-grid{gap:13px}.snapshots-grid figure{height:auto;aspect-ratio:16/9}}

/* Final compact proportions for Impact in Action */
.impact-events{padding-top:44px;padding-bottom:34px}
.impact-head{gap:45px;margin-bottom:24px}
.impact-copy h2{font-size:50px;margin-top:13px}
.impact-copy p{font-size:16px}
.impact-stats strong{font-size:40px}
.impact-grid{height:510px;grid-template-rows:repeat(2,minmax(0,1fr));gap:16px}
.impact-grid>a{min-height:0!important;height:auto;isolation:isolate}
.impact-grid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.impact-feature{min-height:0!important;height:auto!important}
.impact-side{min-height:0!important;height:auto!important}
.impact-overlay h3{font-size:29px}
.impact-side h3{font-size:24px}
.impact-foot{margin-top:24px}
@media(max-width:1000px){.impact-grid{height:720px;grid-template-rows:420px 284px}.impact-feature{height:auto!important}.impact-side{height:auto!important}}
@media(max-width:620px){.impact-events{padding-top:36px;padding-bottom:30px}.impact-head{margin-bottom:20px}.impact-grid{height:auto;grid-template-rows:none}.impact-grid>a{height:230px!important}.impact-feature{height:360px!important}.impact-copy h2{font-size:32px}.impact-overlay h3{font-size:21px}.impact-side h3{font-size:21px}}

/* Cyber Shakti premium footer */
.cyber-footer{position:relative;overflow:hidden;padding:58px 35px 24px;color:#c2cbd7;background:radial-gradient(circle at 90% 48%,rgba(0,134,136,.34),transparent 30%),linear-gradient(135deg,#020b1a,#06172b 58%,#03202b)}.footer-inner{position:relative;z-index:2;width:min(1580px,100%);margin:auto}.footer-circuit{position:absolute;width:440px;height:260px;opacity:.2;background:radial-gradient(circle,#05dbdd 1.5px,transparent 2px);background-size:23px 23px}.footer-circuit-a{right:-70px;top:-25px}.footer-circuit-b{left:-140px;top:180px}
.subscribe-panel{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:55px;padding:38px 70px;border:1px solid #436074;border-radius:28px;background:linear-gradient(120deg,rgba(5,25,45,.95),rgba(10,53,61,.76));box-shadow:0 18px 35px rgba(0,0,0,.25),inset 0 -20px 40px rgba(255,109,16,.08)}.subscribe-panel>div>span{color:#ff7b17;font-size:14px;font-weight:800;letter-spacing:3px}.subscribe-panel h2{margin:12px 0 10px;color:#fff;font-size:31px;font-weight:800}.subscribe-panel p{margin:0;font-size:17px}.subscribe-field{display:flex;height:60px;border:1px solid #607589;border-radius:11px;overflow:hidden;background:rgba(255,255,255,.05)}.subscribe-field input{flex:1;min-width:0;padding:0 22px;border:0;outline:0;color:#fff;background:transparent;font-size:16px}.subscribe-field input::placeholder{color:#b8c1cc}.subscribe-field button{min-width:180px;border:0;color:#fff;background:linear-gradient(135deg,#ff8521,#ff5812);font-size:16px;font-weight:700}.subscribe-field button span{margin-left:12px}.subscribe-panel form small{display:block;margin-top:13px}.subscribe-panel form small i{margin-right:9px}
.footer-grid{display:grid;grid-template-columns:1.1fr .8fr .9fr 1.05fr;gap:75px;padding:58px 65px 38px}.footer-brand>a{display:flex;align-items:center;gap:12px;color:#fff!important;text-decoration:none}.footer-seal{width:90px;height:90px;display:grid;place-content:center;text-align:center;border:3px double #d69c37;border-radius:50%;color:#fff;background:radial-gradient(circle,#14274c 0 52%,#09162f 53% 68%,#d69c37 69% 73%,#0b1730 74%);font-weight:800;font-size:20px}.footer-seal small{display:block;margin-top:5px;color:#f0ab36;font-size:6px}.footer-brand>a strong,.footer-brand>a b{display:block;font-size:19px;line-height:1.15}.footer-brand>a b{color:#f6a31a}.footer-brand>p{max-width:330px;margin:20px 0;color:#bec7d2;line-height:1.65}.footer-brand ul{max-width:220px;margin:0;padding:0;list-style:none}.footer-brand li{margin:8px 0;padding:7px 13px;border:1px solid #d27425;border-radius:7px;color:#fff;font-size:13px}.footer-brand li:nth-child(2){border-color:#167e83}.footer-brand li i{width:28px;display:inline-block;color:#ff7815;font-size:17px}.footer-brand li:nth-child(2) i{color:#23d1c7}
.footer-grid h3{margin:10px 0 19px;color:#fff;font-size:20px}.footer-links{display:flex;flex-direction:column}.footer-links a{position:relative;padding:12px 0 12px 23px;border-bottom:1px solid #304154;color:#bdc6d1!important;text-decoration:none}.footer-links a:before{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;border-radius:1px;background:#ff7116}.footer-links a:hover{color:#fff!important}.footer-help>p{margin-bottom:27px}.support-mail{display:flex;gap:13px;align-items:center;color:#fff!important;text-decoration:none;font-weight:700}.support-mail i{color:#ff7217;font-size:23px}.support-btn{display:inline-flex;gap:18px;align-items:center;margin:28px 0;padding:13px 23px;border:1px solid #ff7518;border-radius:10px;color:#ff791b!important;text-decoration:none;font-weight:700}.footer-social{display:flex;gap:15px}.footer-social a{width:50px;height:50px;display:grid;place-items:center;border:1px solid #506278;border-radius:50%;color:#fff!important;text-decoration:none;font-size:22px}.footer-social a:first-child{color:#139ce3!important}.footer-social a:nth-child(2){color:#ff3e8f!important}
.footer-bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;padding:28px 0 8px;border-top:1px solid #415063}.footer-bottom p{margin:0}.footer-bottom>div{display:flex;align-items:center;gap:22px}.footer-bottom a{color:#bcc4cf!important;text-decoration:none}.footer-bottom>div i{width:1px;height:19px;background:#ff7217}.footer-bottom>span{justify-self:end}.footer-bottom>span i{margin-right:12px;color:#19d7c8;font-size:29px}.footer-top{position:absolute;right:25px;bottom:18px;width:58px;height:58px;border:0;border-radius:50%;color:#fff;background:linear-gradient(#ff9a2e,#ff6815);box-shadow:0 0 0 12px rgba(255,112,23,.14);font-size:29px}
@media(max-width:1050px){.subscribe-panel{grid-template-columns:1fr;padding:34px}.footer-grid{grid-template-columns:repeat(2,1fr);gap:40px;padding-inline:25px}.footer-bottom{grid-template-columns:1fr;text-align:center}.footer-bottom>div{justify-content:center}.footer-bottom>span{justify-self:center}}
@media(max-width:600px){.cyber-footer{padding:35px 12px 90px}.subscribe-panel{padding:25px 18px;border-radius:20px}.subscribe-panel h2{font-size:24px}.subscribe-panel p{font-size:14px}.subscribe-field{height:auto;flex-direction:column;border:0;overflow:visible;background:transparent}.subscribe-field input{height:52px;border:1px solid #607589;border-radius:10px;background:rgba(255,255,255,.05)}.subscribe-field button{height:50px;margin-top:10px;border-radius:10px}.footer-grid{grid-template-columns:1fr;padding:42px 10px 30px}.footer-grid>div,.footer-grid nav{text-align:left}.footer-brand>a{justify-content:flex-start}.footer-bottom>div{flex-wrap:wrap;gap:10px 14px}.footer-bottom{font-size:13px}.footer-top{right:20px;bottom:22px}}

/* Official footer logo */
.footer-brand .footer-real-logo{display:block;width:min(290px,100%)}
.footer-brand .footer-real-logo img{display:block;width:100%;height:100px;object-fit:contain;object-position:left center}
@media(max-width:600px){.footer-brand .footer-real-logo{width:250px}.footer-brand .footer-real-logo img{height:86px}}

/* ===== Connected multi-page website system ===== */
.multi-main{min-height:60vh}.multi-header{position:sticky;top:10px;z-index:2000;width:calc(100% - 28px);max-width:1880px;min-height:84px;margin:10px auto 18px;padding:10px 18px;display:flex;align-items:center;gap:22px;border:1px solid #dbe4eb;border-radius:22px;background:rgba(255,255,255,.94);box-shadow:0 12px 30px rgba(13,32,55,.1);backdrop-filter:blur(18px)}.multi-logo{width:220px;flex:0 0 220px}.multi-logo img{width:100%;height:62px;object-fit:contain;object-position:left center}.multi-nav{flex:1;display:flex;justify-content:flex-end;align-items:center;gap:3px}.multi-nav a{padding:12px 11px;border-radius:12px;color:#111a31!important;text-decoration:none;font-size:13px;font-weight:700;white-space:nowrap}.multi-nav a:hover{color:#f15b0b!important;background:#fff3eb}.multi-nav .multi-login{margin-left:8px;padding-inline:18px;border:1px solid #14213f}.multi-menu{display:none;width:46px;height:46px;border:1px solid #ccd9e3;border-radius:13px;background:#fff;font-size:24px}
.page-title{padding:70px 25px;text-align:center}.page-title span,.partner-page-hero>div>span,.commerce-hero>span,.editorial-hero>span,.skills-hero>span,.contact-page>div>span,.student-welcome>span{color:#f15c0d;font-weight:800;letter-spacing:3px}.page-title h1{margin:12px 0 8px;font-size:58px;font-weight:800}.page-title p{margin:0;color:#687387;font-size:18px}.page-title.dark{color:#fff;background:linear-gradient(135deg,#020b1a,#071e3a)}.page-title.dark p{color:#bdc8d8}.page-title.compact{padding-block:48px}
.page-directory{padding:70px 6%;background:#fff9f4}.directory-head{max-width:800px;margin:0 auto 35px;text-align:center}.directory-head span{color:#f15c0d;font-weight:800;letter-spacing:3px}.directory-head h2{margin:12px 0;font-size:43px;font-weight:800}.directory-head p{color:#687387;font-size:17px}.directory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1200px;margin:auto}.directory-grid a{padding:28px;border:1px solid #e0e5ea;border-radius:18px;color:#111a31!important;text-decoration:none;background:#fff;box-shadow:0 10px 25px rgba(20,35,55,.07);transition:.25s}.directory-grid a:hover{transform:translateY(-6px);border-color:#ff7425}.directory-grid i{font-size:34px;color:#ff6818}.directory-grid h3{margin:15px 0 7px;font-size:21px}.directory-grid p{margin:0;color:#697487}
.partner-page-hero{min-height:470px;padding:70px 9%;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;color:#fff;background:radial-gradient(circle at 82% 50%,rgba(0,210,198,.2),transparent 25%),linear-gradient(135deg,#020c1c,#07213b)}.partner-page-hero h1{max-width:760px;margin:13px 0;font-size:60px;font-weight:800}.partner-page-hero p{max-width:650px;color:#bdc8d7;font-size:19px}.partner-page-hero a,.skills-hero a{display:inline-flex;margin-top:20px;padding:15px 25px;border-radius:10px;color:#fff!important;text-decoration:none;background:linear-gradient(135deg,#ff841f,#ff520c)}.partner-orbit{width:260px;height:260px;justify-self:center;display:grid;place-content:center;text-align:center;border:1px solid #18d5c9;border-radius:50%;box-shadow:0 0 0 28px rgba(24,213,201,.05),0 0 70px rgba(24,213,201,.18)}.partner-orbit i{font-size:45px;color:#19d8cc}.partner-orbit strong{font-size:55px}.partner-orbit span{color:#bdc8d7}
.skills-page{padding:70px 6%;color:#fff;background:radial-gradient(circle at 70% 20%,rgba(39,93,255,.25),transparent 30%),#030c1d}.skills-hero{max-width:900px;margin:auto;text-align:center}.skills-hero h1{margin:15px 0;font-size:64px;font-weight:800}.skills-hero p{color:#b9c4d4;font-size:20px}.role-map{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;max-width:1100px;margin:65px auto 0}.role-map article{padding:28px;border:1px solid #395270;border-radius:18px;background:rgba(11,30,54,.82)}.role-map i{font-size:35px;color:#19d6ca}.role-map h3{margin:15px 0}.role-map article>div{height:9px;border-radius:9px;background:#1d3049;overflow:hidden}.role-map article>div span{display:block;width:var(--v);height:100%;background:linear-gradient(90deg,#19d6ca,#ff6a14)}.role-map p{margin:13px 0 0;color:#aeb9c8}
.commerce-hero,.editorial-hero{padding:90px 7%;text-align:center;color:#fff;background:linear-gradient(135deg,#020b1a,#092646)}.commerce-hero h1,.editorial-hero h1{margin:14px 0;font-size:61px;font-weight:800}.commerce-hero p,.editorial-hero p{color:#bcc8d8;font-size:19px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:65px 7%;background:#fff9f4}.product-grid article{display:flex;flex-direction:column;padding:32px;border:1px solid #e0e5ea;border-radius:20px;background:#fff;box-shadow:0 14px 30px rgba(20,35,55,.09)}.product-grid article>b,.article-grid article>span{color:#ff6515;font-size:12px;letter-spacing:1px}.product-grid i{margin:25px 0;font-size:55px;color:#11203d}.product-grid h2{font-size:24px}.product-grid p{color:#697487}.product-grid strong{margin-top:auto;font-size:22px}.product-grid a{margin-top:20px;padding:13px;border-radius:9px;text-align:center;color:#fff!important;text-decoration:none;background:linear-gradient(135deg,#ff801d,#ff530d)}
.editorial-hero{background:radial-gradient(circle at 75% 50%,rgba(255,97,20,.18),transparent 25%),#030b1a}.article-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:23px;padding:65px 8%;background:#f7f9fb}.article-grid article{padding:32px;border:1px solid #dde4ea;border-radius:19px;background:#fff}.article-grid .featured{grid-row:span 2;background:linear-gradient(145deg,#07152b,#0d2947);color:#fff}.article-grid .featured div{height:220px;margin:-32px -32px 28px;border-radius:19px 19px 0 0;background:url('assets/generated/secure-globe.png') center/cover}.article-grid h2{margin:12px 0;font-size:27px}.article-grid p{color:#6c7787}.article-grid .featured p{color:#bbc7d6}.article-grid a{color:#f15b0d!important;text-decoration:none;font-weight:700}
.contact-page,.student-page{min-height:680px;padding:75px 8%;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;background:linear-gradient(135deg,#fff8f1,#fff)}.contact-page h1,.student-welcome h1{margin:15px 0;font-size:58px;font-weight:800}.contact-page>div>p,.student-welcome>p{color:#687387;font-size:18px}.contact-page ul{padding:0;list-style:none}.contact-page li{display:grid;grid-template-columns:45px 1fr;align-items:center;margin:20px 0}.contact-page li i{grid-row:span 2;font-size:28px;color:#ff6515}.contact-page li a{color:#1b2943}.contact-page form,.student-page form{padding:35px;border:1px solid #dce3e9;border-radius:22px;background:#fff;box-shadow:0 18px 40px rgba(20,35,55,.1)}.contact-page label,.student-page label{display:grid;gap:7px;margin-bottom:17px;font-weight:700}.contact-page input,.contact-page select,.contact-page textarea,.student-page input{padding:13px;border:1px solid #cfd9e1;border-radius:9px;font:inherit}.contact-page button,.student-page button{width:100%;padding:14px;border:0;border-radius:9px;color:#fff;background:linear-gradient(135deg,#ff801d,#ff530d);font-weight:800}.student-page{color:#fff;background:radial-gradient(circle at 15% 50%,rgba(0,201,220,.2),transparent 25%),#030d1d}.student-welcome>p{color:#bdc8d6}.student-welcome>div{display:inline-flex;gap:10px;margin:20px 20px 0 0;padding:12px 16px;border:1px solid #3f5973;border-radius:10px}.student-welcome i{color:#19d5ca}.student-page form{color:#111a31}.student-page form h2{margin-bottom:25px}.student-page form>a{display:block;margin-top:18px;text-align:center;color:#ef5c0e}
@media(max-width:1250px){.multi-nav a{padding-inline:7px;font-size:12px}.multi-logo{width:185px;flex-basis:185px}.directory-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){.multi-header{min-height:70px}.multi-menu{display:block;margin-left:auto}.multi-nav{position:absolute;left:0;right:0;top:78px;display:none;grid-template-columns:repeat(2,1fr);padding:14px;border:1px solid #dbe4eb;border-radius:18px;background:#fff;box-shadow:0 15px 30px rgba(10,30,50,.15)}.multi-nav.open{display:grid}.multi-nav a{text-align:center}.multi-nav .multi-login{margin-left:0}.partner-page-hero,.contact-page,.student-page{grid-template-columns:1fr}.partner-orbit{margin-top:30px}.product-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.multi-header{width:calc(100% - 12px);margin:6px auto 10px;padding:7px 9px}.multi-logo{width:155px;flex-basis:155px}.multi-logo img{height:52px}.multi-nav{top:67px;grid-template-columns:1fr}.page-title{padding:45px 16px}.page-title h1{font-size:38px}.page-directory{padding:45px 14px}.directory-head h2{font-size:31px}.directory-grid{grid-template-columns:1fr}.partner-page-hero{padding:55px 20px}.partner-page-hero h1,.commerce-hero h1,.editorial-hero h1,.contact-page h1,.student-welcome h1{font-size:38px}.partner-orbit{width:210px;height:210px}.skills-page{padding:55px 14px}.skills-hero h1{font-size:42px}.role-map{grid-template-columns:1fr}.commerce-hero,.editorial-hero{padding:65px 18px}.product-grid,.article-grid{grid-template-columns:1fr;padding:45px 14px}.article-grid .featured{grid-row:auto}.contact-page,.student-page{padding:55px 14px;gap:35px}.contact-page form,.student-page form{padding:23px}}

.multi-nav a.active{color:#f15b0b!important;background:#fff1e8}.contact-page form button:disabled,.student-page form button:disabled,.subscribe-field button:disabled{opacity:.75;cursor:not-allowed}

/* Home-page CyberSkills preview restored */
.home-skills-preview{min-height:430px;padding:65px 9%;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:50px;color:#fff;background:radial-gradient(circle at 80% 50%,rgba(34,99,255,.28),transparent 28%),linear-gradient(135deg,#030d1e,#082345)}.home-skills-preview>div>span{color:#18d6ca;font-weight:800;letter-spacing:3px}.home-skills-preview h2{margin:15px 0 10px;font-size:52px;font-weight:800}.home-skills-preview p{max-width:690px;color:#bdc8d7;font-size:18px}.home-skills-preview a{display:inline-flex;margin-top:20px;padding:15px 25px;border-radius:10px;color:#fff!important;text-decoration:none;background:linear-gradient(135deg,#ff821d,#ff520d)}.home-skill-rings{width:245px;height:245px;justify-self:center;display:grid;place-content:center;text-align:center;border:1px solid #19d7cb;border-radius:50%;box-shadow:0 0 0 25px rgba(25,215,203,.05),0 0 65px rgba(25,215,203,.16)}.home-skill-rings i{color:#19d7cb;font-size:42px}.home-skill-rings strong{font-size:55px}.home-skill-rings span{color:#bec8d7}@media(max-width:700px){.home-skills-preview{grid-template-columns:1fr;padding:50px 18px;text-align:center}.home-skills-preview h2{font-size:35px}.home-skill-rings{width:190px;height:190px}.home-skills-preview a{justify-content:center}}

/* About section side breathing room */
.neo-about{width:calc(100% - 40px);margin:34px 20px 0;border-radius:28px}
@media(max-width:680px){.neo-about{width:calc(100% - 14px);margin:14px 7px 0;border-radius:20px}}

/* Final mobile footer correction */
@media(max-width:700px){
  .cyber-footer{width:100%;padding:30px 12px 92px;overflow:hidden}
  .footer-inner,.subscribe-panel,.footer-grid,.footer-bottom{width:100%;max-width:100%;min-width:0}
  .subscribe-panel{grid-template-columns:minmax(0,1fr);gap:24px;padding:23px 16px}
  .subscribe-panel>div,.subscribe-panel form{min-width:0}
  .subscribe-panel h2{font-size:23px;line-height:1.25}
  .subscribe-field{width:100%}
  .subscribe-field input,.subscribe-field button{width:100%;min-width:0}
  .footer-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:38px;padding:38px 10px 28px}
  .footer-grid>div,.footer-grid>nav{width:100%;min-width:0}
  .footer-brand .footer-real-logo{width:240px;max-width:100%}
  .footer-brand>p{max-width:100%}
  .footer-brand ul{max-width:100%}
  .footer-links a{width:100%}
  .support-mail{width:100%;align-items:flex-start;overflow-wrap:anywhere;word-break:break-word;font-size:14px}
  .support-mail i{flex:0 0 auto}
  .support-btn{width:100%;justify-content:center;margin:22px 0}
  .footer-social{justify-content:flex-start;flex-wrap:wrap}
  .footer-bottom{display:flex;flex-direction:column;gap:18px;padding-top:24px;text-align:center}
  .footer-bottom>div{justify-content:center;flex-wrap:wrap}
  .footer-bottom>span{align-self:center}
  .footer-top{right:20px;bottom:20px}
}

/* Reference-matched animated certification discount hero */
.animated-discount-hero{position:relative;isolation:isolate;height:clamp(540px,64vw,700px);margin:14px 20px 34px;overflow:hidden;border-radius:26px;background:#170704;color:#fff;box-shadow:0 20px 50px rgba(0,0,0,.5)}.discount-bg,.discount-shade,.discount-particles{position:absolute;inset:-4%;pointer-events:none}.discount-bg{z-index:-3;background:url('assets/generated/reference-discount-bg.jpg') center/cover no-repeat;animation:discountBgDrift 12s ease-in-out infinite alternate;filter:saturate(1.2)}.discount-shade{z-index:-2;inset:0;background:radial-gradient(circle at 50% 47%,rgba(255,80,20,.15),rgba(5,0,0,.6) 76%),linear-gradient(90deg,rgba(0,0,0,.4),transparent 35%,transparent 65%,rgba(0,0,0,.5))}.discount-particles{z-index:-1;opacity:.6;background-image:radial-gradient(circle,#ffb26c 1px,transparent 1.5px),radial-gradient(circle,#fff1c7 1px,transparent 1.5px);background-position:0 0,30px 40px;background-size:90px 90px,130px 130px;animation:discountParticles 15s linear infinite}.discount-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:45px 20px;text-align:center}.discount-content h1{max-width:950px;margin:0;font-family:"Outfit", sans-serif;font-size:clamp(48px,5.5vw,82px);line-height:1.05;font-weight:800;letter-spacing:-2px;text-shadow:0 10px 30px rgba(0,0,0,.5)}.discount-line{display:block;opacity:0;will-change:transform,opacity}.discount-line.line-one{animation:discountFromLeft 9s cubic-bezier(.22,.75,.2,1) infinite}.discount-line.line-two{animation:discountFromRight 9s .12s cubic-bezier(.22,.75,.2,1) infinite}.discount-line.line-three{animation:discountFromLeft 9s .24s cubic-bezier(.22,.75,.2,1) infinite;background:linear-gradient(135deg,#fff 20%,#ff8c42 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px rgba(255,140,66,.3))}.discount-sub{display:flex;flex-direction:column;margin:28px 0 35px;font-size:16px;line-height:1.4;opacity:0;animation:discountRise 9s .42s ease infinite;color:#e8e8e8}.discount-sub strong{font-weight:800;color:#fff;font-size:18px}.discount-cta{position:relative;min-width:310px;padding:18px 36px;border:1px solid rgba(255,140,66,.6);border-radius:999px;color:#fff!important;text-decoration:none;font-weight:700;font-size:17px;background:rgba(255,100,20,.15);backdrop-filter:blur(10px);opacity:0;animation:discountRise 9s .58s ease infinite, buttonPulse 3s infinite;transition:all .3s ease;box-shadow:0 0 20px rgba(255,100,20,.2)}.discount-cta:hover{color:#fff!important;background:rgba(255,100,20,.8);border-color:#ff6414;transform:translateY(-3px) scale(1.02);box-shadow:0 15px 30px rgba(255,100,20,.4)}@keyframes buttonPulse{0%{box-shadow:0 0 0 0 rgba(255,100,20,.4)}70%{box-shadow:0 0 0 15px rgba(255,100,20,0)}100%{box-shadow:0 0 0 0 rgba(255,100,20,0)}}.discount-cta i{margin-left:18px;font-style:normal;font-size:20px;transition:transform .3s ease}.discount-cta:hover i{transform:translateX(5px)}
@keyframes discountBgDrift{0%{transform:scale(1.04) translate3d(-1.2%,0,0)}100%{transform:scale(1.12) translate3d(1.4%,-1%,0)}}
@keyframes discountParticles{to{transform:translate3d(-70px,45px,0)}}
@keyframes discountFromLeft{0%,3%{opacity:0;transform:translateX(-115px);filter:blur(8px)}12%,80%{opacity:1;transform:translateX(0);filter:blur(0)}92%,100%{opacity:0;transform:translateX(75px);filter:blur(5px)}}
@keyframes discountFromRight{0%,3%{opacity:0;transform:translateX(115px);filter:blur(8px)}12%,80%{opacity:1;transform:translateX(0);filter:blur(0)}92%,100%{opacity:0;transform:translateX(-75px);filter:blur(5px)}}
@keyframes discountRise{0%,5%{opacity:0;transform:translateY(34px)}15%,80%{opacity:1;transform:translateY(0)}92%,100%{opacity:0;transform:translateY(-18px)}}
@media(max-width:680px){.animated-discount-hero{height:590px;margin:10px 7px 20px;border-radius:20px}.discount-content{padding:35px 17px}.discount-content h1{font-size:43px;line-height:1}.discount-sub{font-size:12px;margin:23px 0}.discount-cta{width:100%;min-width:0;padding:14px 18px}.discount-bg{background-position:58% center}}
@media(prefers-reduced-motion:reduce){.discount-bg,.discount-particles,.discount-line,.discount-sub,.discount-cta{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}}

/* Automatic left/right 3D turning motion for hero content */
.discount-content{transform-origin:50% 48%;animation:discountContentTurn 10s cubic-bezier(.45,.05,.55,.95) infinite alternate;will-change:transform}
@keyframes discountContentTurn{
  0%{transform:perspective(1400px) translate3d(-22px,4px,0) rotateY(-4.2deg) rotateZ(-1.4deg)}
  25%{transform:perspective(1400px) translate3d(10px,-3px,18px) rotateY(2.3deg) rotateZ(.7deg)}
  50%{transform:perspective(1400px) translate3d(24px,3px,8px) rotateY(4deg) rotateZ(1.35deg)}
  75%{transform:perspective(1400px) translate3d(-8px,-4px,16px) rotateY(-2deg) rotateZ(-.6deg)}
  100%{transform:perspective(1400px) translate3d(-24px,2px,0) rotateY(-4.5deg) rotateZ(-1.2deg)}
}
@media(max-width:680px){.discount-content{animation-duration:9s}@keyframes discountContentTurn{0%{transform:perspective(900px) translateX(-8px) rotateY(-2deg) rotateZ(-.6deg)}50%{transform:perspective(900px) translateX(8px) rotateY(2deg) rotateZ(.6deg)}100%{transform:perspective(900px) translateX(-8px) rotateY(-2deg) rotateZ(-.6deg)}}}
@media(prefers-reduced-motion:reduce){.discount-content{animation:none!important;transform:none!important}}

/* Reference-matched minimal About section */
.minimal-about{position:relative;overflow:hidden;min-height:455px;margin:0 20px;padding:82px 24px;display:flex;align-items:center;color:#fff;background:#000;border-radius:0}
.minimal-about:before{content:"";position:absolute;left:50%;top:-165px;width:760px;height:250px;border-radius:50%;background:rgba(137,48,16,.42);filter:blur(75px);transform:translateX(-50%);pointer-events:none}
.minimal-about:after{content:"";position:absolute;left:50%;bottom:-205px;width:690px;height:260px;border-radius:50%;background:rgba(112,43,16,.32);filter:blur(85px);transform:translateX(-50%);pointer-events:none}
.minimal-about-inner{position:relative;z-index:2;width:min(980px,100%);margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:130px}
.minimal-about-title>span{display:block;margin-bottom:15px;font-family:"Outfit", sans-serif;font-size:17px}.minimal-about-title h2{margin:0;font-family:"Outfit", sans-serif;font-size:55px;line-height:.98;font-weight:400;letter-spacing:-1px}
.minimal-about-copy p{margin:0 0 24px;color:#f1f1f1;font-size:16px;line-height:1.42}.minimal-about-copy p:last-child{margin-bottom:0}
@media(max-width:800px){.minimal-about{min-height:0;margin-inline:7px;padding:60px 24px}.minimal-about-inner{grid-template-columns:1fr;gap:42px}.minimal-about-title h2{font-size:48px}.minimal-about-copy p{font-size:15px}}
@media(max-width:480px){.minimal-about{padding:48px 20px}.minimal-about-title h2{font-size:42px}.minimal-about-inner{gap:34px}}

/* Static, reference-matched What We Enable folder section */
.enable-folders{position:relative;overflow:hidden;margin:0 20px;padding:44px 24px 86px;color:#fff;background:#000;isolation:isolate}.enable-folders:before{content:"";position:absolute;z-index:-1;left:50%;top:45%;width:760px;height:420px;border-radius:50%;background:radial-gradient(ellipse,rgba(137,51,25,.72) 0,rgba(86,31,15,.48) 38%,transparent 72%);filter:blur(20px);transform:translate(-50%,-50%);pointer-events:none}.enable-folders-inner{width:min(1100px,100%);margin:auto}.enable-folders-heading{text-align:center;margin-bottom:48px}.enable-folders-heading h2{margin:0 0 8px;font-family:"Outfit", sans-serif;font-size:clamp(46px,5vw,64px);line-height:1;font-weight:400;letter-spacing:-1px;color:#fff}.enable-folders-heading p{margin:0;color:#f5f5f5;font-size:15px;line-height:1.5}.enable-folder-grid{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:48px}.enable-folder-card{position:relative;height:235px;transition:transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease}.enable-folder-card:nth-child(1){transform:perspective(1000px) rotateY(-8deg) rotateZ(-2.5deg) rotateX(5deg)}.enable-folder-card:nth-child(2){transform:perspective(1000px) rotateY(0deg) rotateZ(0deg) rotateX(5deg)}.enable-folder-card:nth-child(3){transform:perspective(1000px) rotateY(8deg) rotateZ(2.5deg) rotateX(5deg)}.enable-folder-tab{position:absolute;top:0;left:8%;width:82%;height:90px;border:1px solid #d75b24;border-radius:22px 22px 8px 8px;background:linear-gradient(180deg,#63311f,#71321f 48%,#49281e)}.enable-folder-tab:after{content:"";position:absolute;right:-1px;bottom:-1px;width:42%;height:51%;border-radius:13px 0 0;background:#57291c;box-shadow:-18px 8px 22px rgba(0,0,0,.18)}.enable-folder-front{position:absolute;inset:56px 0 0;padding:42px 48px 28px;border-radius:10px 10px 14px 14px;background:linear-gradient(165deg,#ff5857 0%,#ff5144 44%,#f14d16 100%);box-shadow:0 18px 38px rgba(0,0,0,.32);clip-path:polygon(0 0,100% 0,97% 100%,3% 100%);transition:box-shadow 0.4s ease}.enable-folder-front h3{margin:0 0 18px;font-family:"Outfit", sans-serif;font-size:18px;line-height:.96;font-weight:400;color:#fff}.enable-folder-front p{max-width:235px;margin:0;color:#fff;font-size:12px;line-height:1.35}.enable-folder-icon{position:absolute;top:17px;right:27px;color:#fff;font-size:27px;font-style:normal}.enable-folder-card:hover{transform:perspective(1000px) rotateY(0deg) rotateZ(0deg) rotateX(0deg) translateY(-12px) scale(1.06) !important;z-index:10}.enable-folder-card:hover .enable-folder-front{box-shadow:0 24px 50px rgba(255, 88, 32, 0.28), 0 8px 24px rgba(0, 0, 0, 0.22);}.legacy-enable-section{display:none!important}@media(max-width:900px){.enable-folder-grid{grid-template-columns:1fr;max-width:440px;margin:auto;gap:40px}.enable-folder-card,.enable-folder-card:nth-child(1),.enable-folder-card:nth-child(3){transform:none!important}.enable-folders{padding-bottom:70px}.enable-folder-front{padding-inline:42px}}@media(max-width:480px){.enable-folders{margin-inline:7px;padding:40px 16px 56px}.enable-folders-heading{margin-bottom:36px}.enable-folders-heading h2{font-size:43px}.enable-folders-heading p{font-size:14px}.enable-folder-card{height:225px}.enable-folder-grid{gap:28px}.enable-folder-front{padding:39px 36px 24px}.enable-folder-front h3{font-size:19px}.enable-folder-front p{font-size:12px}}
/* Full-bleed dark Home canvas: no white gaps between sections */
body:has(.animated-discount-hero){background:#000}
.animated-discount-hero{width:100%;margin:0;border-radius:0}
.minimal-about{width:100%;margin:0;border-radius:0}
.enable-folders{width:100%;margin:0;border-radius:0}
@media(max-width:680px){.animated-discount-hero,.minimal-about,.enable-folders{width:100%;margin:0;border-radius:0}}
/* Seamless black navigation on the Home canvas */
body:has(.animated-discount-hero) .multi-header{top:0;width:100%;max-width:none;margin:0;padding-inline:28px;border:0;border-radius:0;background:#000;box-shadow:none;backdrop-filter:none}
body:has(.animated-discount-hero) .multi-nav a{color:#fff!important}
body:has(.animated-discount-hero) .multi-nav a:hover,body:has(.animated-discount-hero) .multi-nav a.active{color:#ff6a19!important;background:transparent}
body:has(.animated-discount-hero) .multi-nav .multi-login{border-color:rgba(255,255,255,.45)}
body:has(.animated-discount-hero) .multi-menu{color:#fff;border-color:#333;background:#000}
@media(max-width:980px){body:has(.animated-discount-hero) .multi-nav{border-color:#252525;background:#000;box-shadow:none}}
@media(max-width:600px){body:has(.animated-discount-hero) .multi-header{width:100%;margin:0;padding-inline:12px}}
/* Visible official logo on black Home navbar */
body:has(.animated-discount-hero) .multi-logo{width:250px;flex:0 0 250px;height:84px;display:flex;align-items:center}
body:has(.animated-discount-hero) .multi-logo img{width:100%;height:76px;display:block;object-fit:contain;object-position:left center;filter:drop-shadow(0 0 1px rgba(255,255,255,.28))}
@media(max-width:1250px){body:has(.animated-discount-hero) .multi-logo{width:205px;flex-basis:205px}}
@media(max-width:600px){body:has(.animated-discount-hero) .multi-logo{width:180px;flex-basis:180px;height:68px}body:has(.animated-discount-hero) .multi-logo img{height:62px}}
/* Tight Home navbar alignment and fully visible logo wordmark */
body:has(.animated-discount-hero) .multi-header{gap:30px}
body:has(.animated-discount-hero) .multi-logo{width:300px;flex-basis:300px}
body:has(.animated-discount-hero) .multi-logo img{height:82px;filter:brightness(1.85) contrast(1.18) saturate(1.08)}
body:has(.animated-discount-hero) .multi-nav{justify-content:flex-start;gap:4px}
@media(max-width:1250px){body:has(.animated-discount-hero) .multi-header{gap:12px}body:has(.animated-discount-hero) .multi-logo{width:225px;flex-basis:225px}body:has(.animated-discount-hero) .multi-logo img{height:70px}body:has(.animated-discount-hero) .multi-nav{justify-content:flex-end}}
@media(max-width:980px){body:has(.animated-discount-hero) .multi-logo{width:220px;flex-basis:220px}body:has(.animated-discount-hero) .multi-nav{justify-content:stretch}}
@media(max-width:600px){body:has(.animated-discount-hero) .multi-logo{width:190px;flex-basis:190px}body:has(.animated-discount-hero) .multi-logo img{height:64px}}
/* Explicit full Cyber Shakti Academy navbar wordmark */
body:has(.animated-discount-hero) .multi-logo{width:275px;flex-basis:275px;gap:10px;overflow:visible}
body:has(.animated-discount-hero) .multi-logo img{width:82px;height:82px;flex:0 0 82px;object-fit:cover;object-position:left center;filter:brightness(1.2) contrast(1.08)}
body:has(.animated-discount-hero) .multi-logo:after{content:"CYBER SHAKTI\A ACADEMY";white-space:pre;font-family:"Outfit",sans-serif;font-size:18px;font-weight:800;line-height:1.05;letter-spacing:.2px;background:linear-gradient(#fff 0 48%,#d9a428 49% 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
@media(max-width:600px){body:has(.animated-discount-hero) .multi-logo{width:205px;flex-basis:205px;gap:7px}body:has(.animated-discount-hero) .multi-logo img{width:62px;height:62px;flex-basis:62px}body:has(.animated-discount-hero) .multi-logo:after{font-size:14px}}
/* Fill navbar width and remove logo text underline */
body:has(.animated-discount-hero) .multi-logo,body:has(.animated-discount-hero) .multi-logo:hover,body:has(.animated-discount-hero) .multi-logo:focus{text-decoration:none!important;border-bottom:0!important}
body:has(.animated-discount-hero) .multi-logo:after{display:block;text-decoration:none!important;border-bottom:0!important}
body:has(.animated-discount-hero) .multi-nav{width:100%;justify-content:space-between;gap:8px}
body:has(.animated-discount-hero) .multi-nav .multi-login{margin-left:auto}
@media(max-width:1250px){body:has(.animated-discount-hero) .multi-nav{justify-content:flex-end;gap:2px}}
@media(max-width:980px){body:has(.animated-discount-hero) .multi-nav{width:auto;justify-content:stretch;gap:3px}body:has(.animated-discount-hero) .multi-nav .multi-login{margin-left:0}}
/* Compact spacing between Home navbar links */
body:has(.animated-discount-hero) .multi-nav{justify-content:flex-start;gap:0}
body:has(.animated-discount-hero) .multi-nav a{padding-left:8px;padding-right:8px}
body:has(.animated-discount-hero) .multi-nav .multi-login{margin-left:8px}
@media(max-width:1250px){body:has(.animated-discount-hero) .multi-nav{gap:0}body:has(.animated-discount-hero) .multi-nav a{padding-left:6px;padding-right:6px}}
/* Balanced equal spacing between every Home navigation item */
body:has(.animated-discount-hero) .multi-nav{justify-content:flex-start;gap:12px}
body:has(.animated-discount-hero) .multi-nav a{padding-left:4px;padding-right:4px}
body:has(.animated-discount-hero) .multi-nav .multi-login{margin-left:0;padding-left:16px;padding-right:16px}
@media(max-width:1250px){body:has(.animated-discount-hero) .multi-nav{gap:7px}body:has(.animated-discount-hero) .multi-nav a{padding-left:3px;padding-right:3px}}
/* Keep balanced item gaps while aligning the menu to the right edge */
body:has(.animated-discount-hero) .multi-nav{justify-content:flex-end}
/* Evenly distribute every Home navigation item with no empty side block */
body:has(.animated-discount-hero) .multi-nav{justify-content:space-evenly;gap:0}
body:has(.animated-discount-hero) .multi-nav .multi-login{margin-left:0}
@media(max-width:980px){body:has(.animated-discount-hero) .multi-nav{justify-content:stretch}}
/* Full-width speaker showcase */
.esteemed-speakers{position:relative;min-height:590px;width:100% !important;padding:70px 32px 85px !important;text-align:left;color:#fff;background:#090d18 !important;border-bottom:1px solid rgba(255,255,255,.06);isolation:isolate}.esteemed-speakers:before{content:"";position:absolute;z-index:-1;top:-110px;left:50%;width:690px;height:290px;border-radius:50%;opacity:1;background:rgba(118,42,20,.35);filter:blur(85px);transform:translateX(-50%)}.esteemed-speakers:after{display:none}.speaker-heading{max-width:none !important;width:100% !important;padding:0 8px !important}.speaker-heading>span{color:#ff8c3a !important;font-family:"Outfit", sans-serif;font-size:0.75rem !important;font-weight:700 !important;letter-spacing:0.08em !important;text-transform:uppercase !important}.speaker-heading h2{margin:10px 0 0 !important;color:#fff !important;font-family:"Outfit", sans-serif !important;font-size:clamp(28px,3.2vw,40px) !important;line-height:1.2 !important;font-weight:700 !important;letter-spacing:-0.6px !important}.speaker-heading h2 strong{color:inherit}.speaker-heading p{display:none}.speaker-carousel-shell{width:100% !important;max-width:100% !important;margin:48px 0 0 !important;padding:0 !important;border-radius:0;background:transparent;box-shadow:none}.speaker-viewport{overflow:hidden;width:100% !important}.speaker-track{gap:26px}.esteemed-speakers .expert-card{width:280px;flex:0 0 280px;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}.expert-card>img{width:100%;height:168px;border:1px solid #75808a;border-radius:18px;object-fit:cover;object-position:top center}.expert-card>div{position:relative;min-height:72px;padding:13px 130px 0 0}.expert-card h3{margin:0 0 4px;color:#fff;font-size:14px;line-height:1.35}.expert-card p{min-height:0;margin:0;color:#fff;font-size:12px;line-height:1.35}.expert-card a{position:absolute;right:0;top:16px;width:112px;padding:7px 10px;border:1px solid #68737d;border-radius:999px;color:#fff!important;background:linear-gradient(180deg,#20262a,#080b0d);font-size:11px}.expert-card a:hover{color:#fff!important;background:#272d31}.speaker-arrow,.speaker-dots{display:none}.all-speakers{position:absolute !important;z-index:4;top:70px !important;right:34px !important;margin:0;min-width:200px;justify-content:center;padding:10px 24px !important;border:1px solid rgba(255,255,255,.3) !important;border-radius:999px;color:#fff!important;background:rgba(255,255,255,.08) !important;backdrop-filter:blur(12px);box-shadow:0 8px 20px rgba(0,0,0,.3);transition:all .25s ease}.all-speakers:hover{background:rgba(255,94,0,.2) !important;border-color:rgba(255,94,0,.5) !important;color:#ff8c3a !important}@media(max-width:900px){.esteemed-speakers{padding:50px 16px 65px !important}.all-speakers{position:static !important;margin:20px 0 0 !important;display:inline-flex !important}.speaker-carousel-shell{margin-top:35px !important}.esteemed-speakers .expert-card{width:240px;flex:0 0 240px}}@media(max-width:620px){.esteemed-speakers{padding:45px 14px 55px !important}.speaker-heading h2{font-size:26px !important;line-height:1.2 !important}.speaker-carousel-shell{width:100%;margin-top:28px !important;padding:0}.speaker-track{gap:16px}.esteemed-speakers .expert-card{width:220px;flex:0 0 220px}.expert-card>img{height:200px}.all-speakers{display:flex;width:100%;margin-top:20px}.expert-card>div{padding-right:120px}}
/* Speaker portraits: show the complete image and remove profile controls */
.esteemed-speakers .expert-card>img{height:220px;object-fit:contain;object-position:center;background:#111}
.esteemed-speakers .expert-card>div{min-height:62px;padding:13px 0 0}
.esteemed-speakers .expert-card a{display:none!important}
/* Static black certification partners, matched to reference */
.cert-partners{position:relative;overflow:hidden;min-height:430px;padding:55px 24px 68px;color:#fff;background:#000;isolation:isolate}.cert-partners-inner{width:min(980px,100%);margin:auto}.cert-partners header{text-align:center}.cert-partners h2{margin:0 0 8px;color:#fff;font-family:"Outfit", sans-serif;font-size:clamp(45px,4.5vw,58px);line-height:1;font-weight:400;letter-spacing:-1px}.cert-partners header p{margin:0;color:#fff;font-size:15px}.cert-brand-grid{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:32px;margin-top:58px}.cert-brand{position:relative;height:150px;display:flex;align-items:center;justify-content:center;color:#ff2424;font-size:42px;font-weight:700;letter-spacing:-2px;text-align:center;filter:drop-shadow(0 0 25px rgba(255,53,26,.38))}.cert-brand span{font-size:13px;align-self:center;margin-top:-25px}.cert-brand:before{content:"";position:absolute;z-index:-1;inset:15px;border-radius:50%;background:rgba(118,43,20,.3);filter:blur(28px)}.cert-brand.systools{flex-direction:column;color:#d8e4ff;filter:drop-shadow(0 0 25px rgba(66,127,255,.42))}.cert-brand.systools:before,.cert-brand.tuvsud:before{background:rgba(33,73,165,.42)}.cert-brand.systools i{width:86px;height:86px;display:grid;place-items:center;border:5px solid #dce6ff;border-radius:18px 40px 18px 40px;color:#fff;background:linear-gradient(145deg,#8cbcff,#183f9d);font-family:"Outfit", sans-serif;font-size:60px;font-style:normal;line-height:1;box-shadow:0 0 0 7px rgba(120,160,255,.25)}.cert-brand.systools b{margin-top:8px;font-size:13px;letter-spacing:0}.cert-brand.tuvsud{filter:drop-shadow(0 0 27px rgba(52,94,255,.6))}.cert-brand.tuvsud i{width:120px;height:120px;display:grid;place-items:center;border-radius:50%;color:#fff;background:radial-gradient(circle at 35% 25%,#78bdff,#2765ee 54%,#5947f0);font-size:25px;font-style:normal;font-weight:700;letter-spacing:-1px}.cert-brand.eccouncil{font-family:"Outfit",sans-serif;font-size:39px;letter-spacing:-2px}.cert-brand.comptia{font-family:"Outfit",sans-serif;font-weight:500}.cert-brand.comptia:after{content:"";position:absolute;width:22px;height:8px;margin:38px 0 0 58px;border-bottom:3px solid currentColor;border-radius:50%}@media(max-width:820px){.cert-brand-grid{grid-template-columns:repeat(2,1fr);gap:22px}.cert-partners{padding-bottom:55px}.cert-brand{height:135px}}@media(max-width:480px){.cert-partners{padding:46px 18px 52px}.cert-partners h2{font-size:43px}.cert-partners header p{font-size:13px}.cert-brand-grid{grid-template-columns:1fr;margin-top:35px;gap:10px}.cert-brand{height:125px;font-size:39px}}
/* Cyber Shakti Academy core proposition */
.academy-why{position:relative;overflow:hidden;min-height:370px;padding:58px 24px 74px;color:#fff;background:#000;isolation:isolate}.academy-why:after{content:"";position:absolute;z-index:-1;left:50%;bottom:-150px;width:650px;height:190px;border-radius:50%;background:rgba(103,42,21,.38);filter:blur(70px);transform:translateX(-50%)}.academy-why-inner{width:min(1040px,100%);margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:110px}.academy-why-title>span{display:block;margin-bottom:12px;font-family:"Outfit", sans-serif;font-size:19px}.academy-why-title h2{margin:0;color:#fff;font-family:"Outfit", sans-serif;font-size:55px;line-height:.92;font-weight:400;letter-spacing:-1px}.academy-why-copy{padding-top:15px}.academy-why-copy p{margin:0 0 28px;color:#fff;font-size:17px;font-style:italic;line-height:1.35}.academy-why-copy p:last-child{margin-bottom:0}@media(max-width:760px){.academy-why{min-height:0;padding:50px 22px 62px}.academy-why-inner{grid-template-columns:1fr;gap:42px}.academy-why-title h2{font-size:46px}.academy-why-copy{padding-top:0}.academy-why-copy p{font-size:15px}}@media(max-width:430px){.academy-why-title h2{font-size:40px}}
/* Reference-matched black Academy FAQ */
.premium-faq{position:relative;overflow:hidden;padding:72px 24px 82px;color:#fff;background:#000;isolation:isolate}.premium-faq:before{content:"";position:absolute;z-index:-1;top:-170px;left:50%;width:620px;height:210px;border-radius:50%;background:rgba(105,39,18,.28);filter:blur(80px);transform:translateX(-50%)}.faq-layout{width:min(920px,100%);margin:auto;display:block}.faq-intro{padding:0;text-align:center}.faq-intro h2{margin:0;color:#fff;font-family:"Outfit", sans-serif;font-size:clamp(48px,5vw,66px);line-height:1;font-weight:400;letter-spacing:-1.2px}.faq-intro>p{max-width:none;margin:10px 0 0;color:#fff;font-size:14px;font-style:italic;line-height:1.35}.faq-panel{margin-top:58px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.faq-panel>h3{margin:0 0 28px;color:#fff;font-size:30px;font-weight:400}.faq-tabs{display:none}.faq-list{gap:0}.faq-row{border:0;border-bottom:1px solid #595959;border-radius:0;background:transparent;transition:none}.faq-row.open{border-color:#595959;background:transparent}.faq-row>button{padding:28px 0;color:#fff;background:transparent;font-size:19px;font-weight:400}.faq-row>button i{width:28px;height:28px;flex-basis:28px;border:0;border-radius:0;background:transparent;box-shadow:none}.faq-row>button i:before,.faq-row>button i:after{width:12px;height:1px;background:#fff}.faq-answer{padding:0 0 30px;color:#fff;font-size:16px;line-height:1.55}.faq-row.open>button i:before{background:#fff}.faq-row[hidden]{display:none!important}@media(max-width:600px){.premium-faq{padding:54px 18px 62px}.faq-intro h2{font-size:45px}.faq-intro>p{font-size:13px}.faq-panel{margin-top:45px}.faq-panel>h3{font-size:25px}.faq-row>button{padding:22px 0;font-size:16px}.faq-answer{padding-bottom:24px;font-size:14px}}
/* Compact reference black footer */
.compact-black-footer{padding:68px 6% 22px;color:#fff;background:#000;border-top:1px solid rgba(255,255,255,.06)}.compact-footer-inner{width:min(1680px,100%);min-height:250px;margin:auto;display:grid;grid-template-columns:1.25fr .85fr .75fr 1fr;gap:80px;align-items:start}.compact-footer-brand{display:flex;align-items:center;gap:10px;color:#fff!important;text-decoration:none!important}.compact-footer-seal{width:100px;height:90px;overflow:hidden;flex:0 0 100px}.compact-footer-seal img{width:330px;height:90px;max-width:none;object-fit:cover;object-position:left center;filter:brightness(1.2) contrast(1.08)}.compact-footer-brand strong{display:flex;flex-direction:column;font-family:"Outfit",sans-serif;font-size:20px;line-height:1;font-weight:800;white-space:nowrap}.compact-footer-brand em{margin-top:4px;color:#d6a329;font-style:normal}.compact-footer-column{display:flex;flex-direction:column;align-items:flex-start}.compact-footer-column h3{margin:9px 0 18px;color:#fff;font-size:14px;font-weight:800}.compact-footer-column a{margin:0 0 10px;padding:0;color:#fff!important;text-decoration:none;font-size:12px;line-height:1.2}.compact-footer-column a:hover{color:#e1aa29!important}.compact-footer-contact a{text-decoration:underline}.compact-footer-contact p{margin:12px 0 0;color:#c9c9c9;font-size:12px;line-height:1.5}.compact-footer-copy{width:min(1680px,100%);margin:18px auto 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.09);color:#777;font-size:11px}@media(max-width:900px){.compact-black-footer{padding-top:52px}.compact-footer-inner{grid-template-columns:repeat(2,1fr);gap:42px;min-height:0}}@media(max-width:520px){.compact-black-footer{padding:45px 22px 20px}.compact-footer-inner{grid-template-columns:1fr;gap:34px}.compact-footer-brand{margin-bottom:4px}.compact-footer-seal{width:82px;height:74px;flex-basis:82px}.compact-footer-seal img{height:74px}.compact-footer-brand strong{font-size:17px}.compact-footer-copy{margin-top:28px}}
/* GCA-inspired black multi-page system */
body{background:#000}.multi-main{background:#000;color:#fff}.multi-header{top:0;width:100%;max-width:none;margin:0;padding-inline:28px;border:0;border-radius:0;background:#000;box-shadow:none;backdrop-filter:none}.multi-nav a{color:#fff!important}.multi-nav a:hover,.multi-nav a.active{color:#ff6a19!important;background:transparent}.multi-nav .multi-login{border-color:rgba(255,255,255,.45)}.multi-menu{color:#fff;border-color:#333;background:#000}@media(max-width:980px){.multi-nav{border-color:#252525;background:#000;box-shadow:none}}
.page-title,.page-title.light,.page-title.dark,.editorial-hero,.commerce-hero,.partner-page-hero,.skills-page,.contact-page,.academy-courses,.catalogue,.impact-events,.partner-scroller-section,.product-grid,.article-grid,.premium-faq{color:#fff;background:#000}.page-title h1,.page-title p,.directory-head h2,.directory-head p,.catalogue-head h2,.catalogue-head p,.product-grid h2,.article-grid h2,.article-grid p,.contact-page h1,.contact-page>div>p{color:#fff}.catalogue-grid article,.product-grid article,.article-grid article,.contact-page form{color:#fff;border-color:#343434;background:#101010}.catalogue-grid article p,.product-grid article p{color:#bbb}.cyber-footer{background:#000;border-top:1px solid rgba(255,255,255,.08)}
.academy-about-page{background:#000}.academy-about-hero{width:min(1050px,100%);min-height:420px;margin:auto;padding:86px 24px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px}.academy-about-hero span,.academy-purpose span,.about-principles header>span{font-family:"Outfit", sans-serif;font-size:19px}.academy-about-hero h1{margin:12px 0 0;font-family:"Outfit", sans-serif;font-size:clamp(50px,5vw,68px);line-height:.92;font-weight:400}.academy-about-hero>p{margin:0;font-size:17px;line-height:1.55}.academy-purpose{position:relative;width:min(1050px,100%);margin:auto;padding:50px 24px 90px;display:grid;grid-template-columns:1fr 1fr;gap:80px}.academy-purpose:before{content:"";position:absolute;left:50%;top:15%;width:620px;height:210px;border-radius:50%;background:rgba(111,42,18,.32);filter:blur(80px);transform:translateX(-50%)}.academy-purpose article{position:relative}.academy-purpose h2{margin:15px 0 22px;font-family:"Outfit", sans-serif;font-size:45px;line-height:.98;font-weight:400}.academy-purpose p{color:#ddd;font-size:16px;line-height:1.55}.about-principles{padding:75px 24px 90px;background:#000}.about-principles>header{width:min(1040px,100%);margin:0 auto 45px}.about-principles h2{margin:10px 0 0;font-family:"Outfit", sans-serif;font-size:53px;font-weight:400}.about-principles>div{width:min(1040px,100%);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.about-principles article{padding:30px 0;border-top:1px solid #555}.about-principles b{color:#ef5b20}.about-principles h3{margin:20px 0 12px;font-family:"Outfit", sans-serif;font-size:27px;font-weight:400}.about-principles p{margin:0;color:#ccc;line-height:1.5}.about-clean-faq{width:min(920px,100%);margin:auto;padding:75px 24px 90px}.about-clean-faq header{text-align:center;margin-bottom:60px}.about-clean-faq header h2{margin:0;font-family:"Outfit", sans-serif;font-size:58px;font-weight:400}.about-clean-faq header p{font-style:italic}.about-clean-faq>h3{margin-bottom:24px;font-size:29px;font-weight:400}.about-clean-faq details{border-bottom:1px solid #555;padding:24px 0}.about-clean-faq summary{cursor:pointer;font-size:18px}.about-clean-faq details p{max-width:820px;margin:20px 0 0;color:#ddd;line-height:1.55}@media(max-width:760px){.academy-about-hero,.academy-purpose{grid-template-columns:1fr;gap:40px;padding-block:58px}.about-principles>div{grid-template-columns:1fr}.about-principles h2{font-size:42px}.about-clean-faq header h2{font-size:44px}}
/* Shared Bootstrap 5 responsive navbar */
.site-navbar-wrap{z-index:2050;width:100%;background:#000;border-bottom:1px solid rgba(255,255,255,.06)}.site-navbar{min-height:88px;padding:5px 24px;background:#000}.site-navbar .container-fluid{max-width:1840px;margin:auto}.site-brand{height:78px;display:flex;align-items:center;gap:9px;margin:0;padding:0;color:#fff!important;text-decoration:none;transition:transform .3s ease}.site-brand:hover{transform:translateY(-2px)}.site-brand-seal{width:76px;height:72px;display:block;overflow:hidden;flex:0 0 76px}.site-brand-seal img{width:270px;height:72px;max-width:none;display:block;object-fit:cover;object-position:left center;filter:brightness(1.18) contrast(1.08)}.site-brand-name{display:flex;flex-direction:column;color:#fff;font-family:"Outfit",sans-serif;font-size:16px;font-weight:800;line-height:1;white-space:nowrap}.site-brand-name small{margin-top:4px;color:#d8a62b;font-size:16px;font-weight:800}.site-navbar .navbar-nav{gap:7px}.site-navbar .nav-link{padding:10px 7px!important;color:#fff!important;border-radius:8px;font-size:13px;font-weight:700;white-space:nowrap;transition:all .3s ease}.site-navbar .nav-link:hover,.site-navbar .nav-link.active{color:#ff6516!important;background:transparent;text-shadow:0 0 12px rgba(255,101,22,.4);transform:translateY(-2px)}.site-navbar .site-login{padding:11px 17px!important;border:1px solid #666;border-radius:13px;transition:all .3s ease}.site-navbar .site-login:hover{background:#ff6516;border-color:#ff6516;color:#fff!important;box-shadow:0 8px 20px rgba(255,101,22,.3);transform:translateY(-2px)}.site-navbar .navbar-toggler{padding:8px 10px;border:1px solid #444;box-shadow:none!important}.site-navbar .navbar-toggler-icon{width:24px;height:24px}@media(max-width:1199.98px){.site-navbar{min-height:78px;padding-inline:18px}.site-brand{height:68px}.site-brand-seal{width:65px;height:62px;flex-basis:65px}.site-brand-seal img{height:62px}.site-brand-name,.site-brand-name small{font-size:14px}.site-navbar .navbar-collapse{max-height:calc(100vh - 88px);overflow-y:auto;padding:14px 0 20px;border-top:1px solid #242424}.site-navbar .navbar-nav{align-items:stretch!important;gap:2px}.site-navbar .nav-link{padding:11px 12px!important;text-align:left}.site-navbar .nav-link:hover{transform:translateY(0)}.site-navbar .site-login{margin-top:7px;text-align:center}.site-navbar .site-login:hover{transform:translateY(0)}}@media(max-width:480px){.site-navbar{padding-inline:11px}.site-brand-seal{width:56px;height:55px;flex-basis:56px}.site-brand-seal img{height:55px}.site-brand-name,.site-brand-name small{font-size:12px}}
/* Restored rounded fixed navbar appearance */
body{padding-top:108px}.site-navbar-wrap{top:10px!important;left:7px!important;right:7px!important;width:auto!important;border:1px solid #b8c0c5;border-radius:24px;overflow:visible;background:#000;box-shadow:0 8px 22px rgba(0,0,0,.24)}.site-navbar{min-height:88px;padding:5px 20px;border-radius:24px}.site-navbar .container-fluid{max-width:none}.site-brand{width:280px;flex:0 0 280px;gap:9px}.site-brand-seal{width:72px;height:72px;flex-basis:72px;border-radius:50%}.site-brand-seal img{width:270px;height:72px;object-fit:cover;object-position:left center;filter:brightness(1.15) contrast(1.12)}.site-brand-name{font-size:17px}.site-brand-name small{font-size:17px;color:#d7a328}.site-navbar .navbar-nav{gap:7px}.site-navbar .nav-link{font-size:13px}.site-navbar .site-login{padding-inline:18px!important}@media(max-width:1199.98px){body{padding-top:96px}.site-navbar-wrap{top:7px!important;border-radius:20px}.site-navbar{min-height:76px;border-radius:20px}.site-brand{width:235px;flex-basis:235px}.site-navbar .navbar-collapse{position:absolute;top:78px;left:0;right:0;padding:14px;border:1px solid #333;border-radius:18px;background:#000;box-shadow:0 15px 28px rgba(0,0,0,.35)}}@media(max-width:480px){body{padding-top:86px}.site-navbar-wrap{left:5px!important;right:5px!important;top:5px!important}.site-navbar{min-height:70px}.site-brand{width:190px;flex-basis:190px}.site-brand-seal{width:55px;height:55px;flex-basis:55px}.site-brand-seal img{height:55px}.site-brand-name,.site-brand-name small{font-size:13px}.site-navbar .navbar-collapse{top:72px}}
/* Revert navbar overlay and restore original flow */
body{padding-top:0!important}.site-navbar-wrap{position:sticky!important;top:10px!important;left:auto!important;right:auto!important;width:calc(100% - 14px)!important;margin:10px auto 0!important}.site-navbar{border-radius:24px}@media(max-width:480px){body{padding-top:0!important}.site-navbar-wrap{top:5px!important;width:calc(100% - 10px)!important;margin:5px auto 0!important}}
/* Plain right-aligned navbar restored to the earlier layout */
body{padding-top:0!important}.site-navbar-wrap{position:sticky!important;top:0!important;left:auto!important;right:auto!important;width:100%!important;margin:0!important;border:0!important;border-radius:0!important;background:#000!important;box-shadow:none!important;overflow:visible}.site-navbar{min-height:102px;padding:0 28px!important;border:0!important;border-radius:0!important;background:#000!important}.site-navbar .container-fluid{max-width:none;padding:0}.site-brand{display:none!important}.site-navbar .navbar-collapse{justify-content:flex-end}.site-navbar .navbar-nav{margin-left:auto!important;gap:12px}.site-navbar .nav-link{padding:10px 4px!important;font-size:13px}.site-navbar .site-login{margin-left:2px;padding:12px 18px!important;border:1px solid #666;border-radius:13px}.site-navbar .navbar-toggler{margin-left:auto}@media(max-width:1199.98px){.site-navbar{min-height:76px;padding-inline:18px!important}.site-navbar .navbar-collapse{position:absolute;top:76px;left:0;right:0;padding:14px 18px 20px;border:0;border-radius:0;background:#000;box-shadow:none}.site-navbar .navbar-nav{gap:2px}.site-navbar .site-login{margin-left:0}}@media(max-width:480px){.site-navbar{min-height:70px;padding-inline:12px!important}.site-navbar .navbar-collapse{top:70px}}
/* Restore Academy logo in plain navbar */
.site-navbar .site-brand{display:flex!important;width:265px;flex:0 0 265px;height:82px;align-items:center;gap:9px}.site-navbar .site-brand-seal{display:block;width:72px;height:72px;flex:0 0 72px;overflow:hidden;border-radius:50%}.site-navbar .site-brand-seal img{width:270px;height:72px;max-width:none;object-fit:cover;object-position:left center;filter:brightness(1.16) contrast(1.1)}.site-navbar .site-brand-name{display:flex;font-size:16px}.site-navbar .site-brand-name small{font-size:16px}@media(max-width:1199.98px){.site-navbar .site-brand{width:225px;flex-basis:225px;height:70px}.site-navbar .site-brand-seal{width:61px;height:61px;flex-basis:61px}.site-navbar .site-brand-seal img{height:61px}.site-navbar .site-brand-name,.site-navbar .site-brand-name small{font-size:14px}}@media(max-width:480px){.site-navbar .site-brand{width:185px;flex-basis:185px}.site-navbar .site-brand-seal{width:53px;height:53px;flex-basis:53px}.site-navbar .site-brand-seal img{height:53px}.site-navbar .site-brand-name,.site-navbar .site-brand-name small{font-size:12px}}
/* Use the complete original Academy logo image without crop or duplicate text */
.site-navbar .site-brand{display:flex!important;width:275px;flex:0 0 275px;height:78px;padding:4px 12px!important;background:#fff;border-radius:0}.site-navbar .site-brand-seal{display:block;width:245px;height:70px;flex:0 0 245px;overflow:visible;border-radius:0}.site-navbar .site-brand-seal img{display:block;width:245px;height:70px;max-width:100%;object-fit:contain;object-position:left center;filter:none}.site-navbar .site-brand-name{display:none!important}@media(max-width:1199.98px){.site-navbar .site-brand{width:235px;flex-basis:235px;height:68px;padding:3px 9px!important}.site-navbar .site-brand-seal{width:215px;height:62px;flex-basis:215px}.site-navbar .site-brand-seal img{width:215px;height:62px}}@media(max-width:480px){.site-navbar .site-brand{width:190px;flex-basis:190px;height:60px;padding:3px 7px!important}.site-navbar .site-brand-seal{width:174px;height:54px;flex-basis:174px}.site-navbar .site-brand-seal img{width:174px;height:54px}}
/* Cinematic About image collage hero */
.academy-about-page .academy-about-hero{position:relative;width:100%;max-width:none;min-height:500px;margin:0;padding:0;display:grid;place-items:center;overflow:hidden;isolation:isolate}.academy-about-page .academy-about-hero:before{content:"";position:absolute;z-index:2;inset:0;background:radial-gradient(ellipse at center,rgba(0,0,0,.12) 0,rgba(0,0,0,.42) 45%,#000 92%),linear-gradient(180deg,#000 0,transparent 22%,transparent 66%,#000 100%);pointer-events:none}.academy-about-page .academy-about-hero:after{content:"";position:absolute;z-index:1;left:50%;top:50%;width:84%;height:70%;border-radius:50%;background:rgba(127,43,16,.24);filter:blur(65px);transform:translate(-50%,-50%);pointer-events:none}.about-hero-panels{position:absolute;z-index:0;inset:18px max(35px,8%);display:grid;grid-template-columns:.8fr 1.3fr 1fr;gap:8px;opacity:.72}.about-hero-panels img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.72) contrast(1.1)}.about-hero-panels img:first-child{object-position:35% center}.about-hero-panels img:nth-child(2){object-position:center}.about-hero-panels img:last-child{object-position:65% center}.academy-about-message{position:relative;z-index:3;padding:45px 20px;text-align:center}.academy-about-page .academy-about-message h1{margin:0;color:#fff;font-family:"Outfit", sans-serif;font-size:clamp(50px,5vw,70px);line-height:.9;font-weight:400;letter-spacing:-1.2px}.academy-about-message p{margin:30px 0 0;color:#fff;font-size:15px;font-weight:700;line-height:1.15}@media(max-width:700px){.academy-about-page .academy-about-hero{min-height:460px}.about-hero-panels{inset:10px 0;grid-template-columns:1fr}.about-hero-panels img{display:none}.about-hero-panels img:nth-child(2){display:block}.academy-about-page .academy-about-message h1{font-size:47px;line-height:.95}.academy-about-message p{font-size:13px;line-height:1.3}.academy-about-message p br{display:none}}
/* Shared compact four-column footer */
.simple-site-footer{padding:90px 6% 25px;color:#fff;background:#000;border-top:1px solid rgba(255,255,255,.05)}.simple-footer-grid{width:min(1700px,100%);min-height:300px;margin:auto;display:grid;grid-template-columns:1.15fr .9fr .8fr 1fr;gap:90px;align-items:start}.simple-footer-brand{display:flex;align-items:center;gap:9px;color:#fff!important;text-decoration:none!important;transition:transform .3s ease}.simple-footer-brand:hover{transform:translateY(-2px)}.simple-footer-logo{width:96px;height:86px;flex:0 0 96px;overflow:hidden}.simple-footer-logo img{width:320px;height:86px;max-width:none;object-fit:cover;object-position:left center;filter:brightness(1.16) contrast(1.1)}.simple-footer-brand strong{display:flex;flex-direction:column;font-family:"Outfit",sans-serif;font-size:19px;line-height:1;font-weight:800;white-space:nowrap}.simple-footer-brand small{margin-top:4px;color:#d5a228;font-size:19px;font-weight:800}.simple-footer-col{display:flex;flex-direction:column;align-items:flex-start}.simple-footer-col h3{margin:7px 0 18px;color:#fff;font-size:14px;font-weight:800}.simple-footer-col a{margin:0 0 9px;color:#fff!important;text-decoration:none;font-size:12px;line-height:1.2;transition:all .3s ease}.simple-footer-col a:hover{color:#d8a52c!important;transform:translateY(-1px)}.simple-footer-col a i{display:inline-block;transition:all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.simple-footer-col a:hover i{transform:scale(1.2) translateY(-2px);color:#d8a52c;text-shadow:0 0 10px rgba(216,165,44,.5)}.simple-footer-contact>a{text-decoration:underline}.simple-footer-contact p{margin:14px 0 0;color:#ddd;font-size:12px;line-height:1.5}.simple-footer-bottom{width:min(1700px,100%);margin:20px auto 0;padding-top:17px;border-top:1px solid #262626;color:#777;font-size:11px}@media(max-width:900px){.simple-site-footer{padding-top:60px}.simple-footer-grid{grid-template-columns:repeat(2,1fr);gap:45px;min-height:0}}@media(max-width:520px){.simple-site-footer{padding:48px 22px 22px}.simple-footer-grid{grid-template-columns:1fr;gap:34px}.simple-footer-logo{width:78px;height:70px;flex-basis:78px}.simple-footer-logo img{height:70px}.simple-footer-brand strong,.simple-footer-brand small{font-size:16px}.simple-footer-bottom{margin-top:30px}}
/* Final restored seal and wordmark navbar */
.site-navbar .site-brand{display:flex!important;width:285px;flex:0 0 285px;height:88px;padding:0!important;gap:9px;background:transparent!important;border-radius:0;text-decoration:none!important}.site-navbar .site-brand-seal{display:block;width:76px;height:76px;flex:0 0 76px;overflow:hidden;border-radius:50%}.site-navbar .site-brand-seal img{display:block;width:280px;height:76px;max-width:none;object-fit:cover;object-position:left center;filter:brightness(1.16) contrast(1.1)}.site-navbar .site-brand-name{display:flex!important;flex-direction:column;color:#fff;font-size:17px;font-weight:800;line-height:1;text-decoration:none!important}.site-navbar .site-brand-name small{display:block;margin-top:4px;color:#d7a328;font-size:17px;font-weight:800;text-decoration:none!important}.site-navbar .navbar-collapse{justify-content:flex-start}.site-navbar .navbar-nav{margin-left:50px!important;margin-right:auto!important;gap:12px}.site-navbar .site-login{margin-left:2px}@media(max-width:1199.98px){.site-navbar .site-brand{width:235px;flex-basis:235px;height:70px}.site-navbar .site-brand-seal{width:61px;height:61px;flex-basis:61px}.site-navbar .site-brand-seal img{height:61px}.site-navbar .site-brand-name,.site-navbar .site-brand-name small{font-size:14px}.site-navbar .navbar-nav{margin-left:0!important}}@media(max-width:480px){.site-navbar .site-brand{width:190px;flex-basis:190px}.site-navbar .site-brand-seal{width:53px;height:53px;flex-basis:53px}.site-navbar .site-brand-seal img{height:53px}.site-navbar .site-brand-name,.site-navbar .site-brand-name small{font-size:12px}}
/* Transparent seal-only navbar logo */
.site-navbar .site-brand{display:flex!important;width:82px;flex:0 0 82px;height:88px;padding:0!important;background:transparent!important;border:0!important}.site-navbar .site-brand-seal{width:76px;height:76px;flex:0 0 76px;overflow:hidden;border-radius:50%;background:transparent!important}.site-navbar .site-brand-seal img{width:280px;height:76px;max-width:none;display:block;object-fit:cover;object-position:left center;filter:none;background:transparent!important}.site-navbar .site-brand-name{display:none!important}.site-navbar .navbar-nav{margin-left:42px!important}@media(max-width:1199.98px){.site-navbar .site-brand{width:67px;flex-basis:67px;height:70px}.site-navbar .site-brand-seal{width:61px;height:61px;flex-basis:61px}.site-navbar .site-brand-seal img{height:61px}.site-navbar .navbar-nav{margin-left:0!important}}@media(max-width:480px){.site-navbar .site-brand{width:59px;flex-basis:59px}.site-navbar .site-brand-seal{width:53px;height:53px;flex-basis:53px}.site-navbar .site-brand-seal img{height:53px}}
/* Exact transparent seal asset dimensions */
.site-navbar .site-brand-seal img{width:76px;height:76px;max-width:100%;object-fit:contain;object-position:center;filter:none!important;background:transparent!important}@media(max-width:1199.98px){.site-navbar .site-brand-seal img{width:61px;height:61px}}@media(max-width:480px){.site-navbar .site-brand-seal img{width:53px;height:53px}}
/* Larger visible preserved seal */
.site-navbar .site-brand{display:flex!important;width:auto!important;max-width:320px!important;height:80px!important;padding:0!important;background:transparent!important;align-items:center!important;gap:0!important;border:0!important;border-radius:0!important}.site-navbar .site-brand-seal{display:block!important;width:auto!important;height:68px!important;flex:0 0 auto!important;overflow:visible!important;border-radius:0!important;background:transparent!important}.site-navbar .site-brand-seal img{display:block!important;width:auto!important;height:68px!important;max-width:100%!important;object-fit:contain!important;filter:none!important;background:transparent!important}.site-navbar .site-brand-name{display:none!important}.site-navbar .navbar-nav{margin-left:24px!important}@media(max-width:1199.98px){.site-navbar .site-brand{height:68px!important}.site-navbar .site-brand-seal,.site-navbar .site-brand-seal img{height:56px!important}}@media(max-width:480px){.site-navbar .site-brand{height:58px!important}.site-navbar .site-brand-seal,.site-navbar .site-brand-seal img{height:46px!important}}
/* Equal distribution across remaining navbar width */
@media(min-width:1200px){.site-navbar .navbar-collapse{display:flex!important;flex:1 1 auto;justify-content:stretch}.site-navbar .navbar-nav{width:100%;margin-left:22px!important;margin-right:0!important;display:flex;justify-content:space-evenly;align-items:center;gap:0}.site-navbar .nav-item{display:flex;justify-content:center}.site-navbar .site-login{margin-left:0}}
/* Final generated-visual About page system */
.academy-about-page{--about-max:1160px;background:#000;color:#fff}.academy-about-page .academy-about-hero{position:relative;width:100%;height:clamp(520px,62vw,720px);min-height:0;overflow:hidden;display:grid;place-items:center;isolation:isolate}.academy-about-hero-media{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.82) contrast(1.06)}.academy-about-page .academy-about-hero:before{content:"";position:absolute;z-index:1;inset:0;background:radial-gradient(ellipse at center,rgba(0,0,0,.08),rgba(0,0,0,.42) 50%,#000 96%),linear-gradient(180deg,#000 0,transparent 22%,transparent 68%,#000 100%)}.academy-about-page .academy-about-hero:after{content:"";position:absolute;z-index:1;inset:auto 10% -60px;height:180px;background:rgba(134,46,18,.25);filter:blur(75px)}.academy-about-message{z-index:2;width:min(920px,calc(100% - 36px));padding:40px 16px;text-align:center}.academy-about-message>span{display:block;margin-bottom:22px;color:#f2783c;font-family:"Outfit",sans-serif;font-size:12px;font-weight:700;letter-spacing:2.4px}.academy-about-page .academy-about-message h1{margin:0;font-family:"Outfit", sans-serif;font-size:clamp(55px,6vw,82px);font-weight:400;line-height:.88;letter-spacing:-1.8px;text-wrap:balance}.academy-about-message p{margin:32px 0 0;color:#fff;font-family:"Outfit",sans-serif;font-size:15px;font-weight:600;line-height:1.25}.academy-purpose{position:relative;width:100%;padding:90px 24px 110px;background:#000}.academy-purpose:before{content:"";position:absolute;left:50%;top:0;width:680px;height:200px;border-radius:50%;background:rgba(111,42,18,.24);filter:blur(90px);transform:translateX(-50%)}.academy-purpose-head{position:relative;width:min(var(--about-max),100%);margin:0 auto 48px}.academy-purpose-head>span{color:#f2783c;font-family:"Outfit",sans-serif;font-size:12px;font-weight:700;letter-spacing:2.3px}.academy-purpose-head h2{max-width:850px;margin:12px 0 0;font-family:"Outfit", sans-serif;font-size:clamp(44px,4.4vw,61px);font-weight:400;line-height:.96;letter-spacing:-1.3px}.academy-purpose-grid{position:relative;width:min(var(--about-max),100%);margin:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.academy-purpose-grid article{overflow:hidden;border:1px solid #343434;border-radius:22px;background:#0b0b0b}.academy-purpose-grid article>img{width:100%;height:330px;display:block;object-fit:cover}.academy-purpose-grid article>div{padding:30px 31px 34px}.academy-purpose-grid article span{color:#f2783c;font-family:"Outfit",sans-serif;font-size:12px;font-weight:700;letter-spacing:1.8px}.academy-purpose-grid h3{margin:13px 0 16px;font-family:"Outfit", sans-serif;font-size:35px;font-weight:400;line-height:1}.academy-purpose-grid p{margin:0;color:#d0d0d0;font-size:15px;line-height:1.65}.academy-about-page .academy-why{padding-block:90px}.academy-about-page .about-principles{padding-block:95px}.academy-about-page .about-clean-faq{padding-block:90px}.about-clean-faq summary{list-style:none}.about-clean-faq summary::-webkit-details-marker{display:none}.about-clean-faq summary{position:relative;padding-right:38px}.about-clean-faq summary:after{content:"+";position:absolute;right:3px;top:-5px;font-size:28px;font-weight:300}.about-clean-faq details[open] summary:after{content:"−"}@media(max-width:900px){.academy-about-page .academy-about-hero{height:600px}.academy-purpose-grid{grid-template-columns:1fr}.academy-purpose-grid article{display:grid;grid-template-columns:.92fr 1.08fr}.academy-purpose-grid article>img{height:100%;min-height:320px}.academy-purpose-grid article>div{align-self:center}}@media(max-width:700px){.academy-about-page .academy-about-hero{height:520px}.academy-about-hero-media{object-position:60% center}.academy-about-page .academy-about-message h1{font-size:50px;line-height:.92}.academy-about-message>span{margin-bottom:18px;font-size:10px}.academy-about-message p{margin-top:25px;font-size:13px}.academy-about-message p br{display:none}.academy-purpose{padding:65px 16px 75px}.academy-purpose-head{margin-bottom:32px}.academy-purpose-head h2{font-size:41px}.academy-purpose-grid{gap:20px}.academy-purpose-grid article{display:block;border-radius:17px}.academy-purpose-grid article>img{height:245px;min-height:0}.academy-purpose-grid article>div{padding:24px 22px 28px}.academy-purpose-grid h3{font-size:31px}.academy-purpose-grid p{font-size:14px}.academy-about-page .academy-why,.academy-about-page .about-principles,.academy-about-page .about-clean-faq{padding-block:68px}.about-clean-faq summary{font-size:16px;line-height:1.35}}@media(max-width:420px){.academy-about-page .academy-about-hero{height:490px}.academy-about-page .academy-about-message h1{font-size:43px}.academy-purpose-head h2{font-size:36px}.academy-purpose-grid article>img{height:220px}}
/* Final generated-visual Certifications page system */
.cert-page{background:#030303;color:#fff;font-family:"Outfit",sans-serif;overflow:hidden}.cert-page .container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.cert-page h1,.cert-page h2,.cert-page h3,.cert-page p{margin-top:0}.cert-kicker{margin-bottom:18px;color:#f47a32;font-size:.76rem;font-weight:700;letter-spacing:.19em;text-transform:uppercase}.cert-hero{position:relative;min-height:clamp(620px,76vh,820px);display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.12)}.cert-hero__image,.cert-hero__shade{position:absolute;inset:0;width:100%;height:100%}.cert-hero__image{object-fit:cover;object-position:center}.cert-hero__shade{background:linear-gradient(90deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.8) 39%,rgba(0,0,0,.12) 75%),linear-gradient(0deg,#030303 0%,transparent 28%)}.cert-hero__content{position:relative;z-index:1;padding-block:110px 90px}.cert-hero h1,.cert-overview h2,.cert-section-head h2,.cert-process h2,.cert-final-cta h2{font-family:"Outfit", sans-serif;font-weight:400;line-height:.91;letter-spacing:-.035em}.cert-hero h1{max-width:760px;margin-bottom:28px;font-size:clamp(4.2rem,7.1vw,7rem)}.cert-hero__copy{max-width:570px;margin-bottom:34px;color:rgba(255,255,255,.74);font-size:clamp(1rem,1.4vw,1.17rem);line-height:1.7}.cert-actions{display:flex;gap:12px;flex-wrap:wrap}.cert-btn{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:0 26px;border:1px solid rgba(255,255,255,.5);border-radius:999px;color:#fff;text-decoration:none;font-weight:600;transition:.25s ease}.cert-btn:hover{color:#fff;transform:translateY(-2px);border-color:#f47a32}.cert-btn--solid{background:#f35a21;border-color:#f35a21}.cert-btn--solid:hover{background:#ff7135}.cert-overview,.cert-pathways,.cert-catalogue,.cert-process{padding:clamp(88px,9vw,140px) 0}.cert-overview__intro{display:grid;grid-template-columns:.75fr 1fr;gap:8vw;align-items:end;margin-bottom:70px}.cert-overview h2,.cert-section-head h2,.cert-process h2{margin-bottom:0;font-size:clamp(3.4rem,6vw,5.9rem)}.cert-overview__intro>p:last-child,.cert-section-head>p{max-width:500px;margin-bottom:7px;color:#a9a9a9;line-height:1.75}.cert-value-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #353535}.cert-value-grid article{padding:34px 40px 0 0}.cert-value-grid article+article{padding-left:40px;border-left:1px solid #353535}.cert-value-grid span,.cert-course-grid span{color:#f47a32;font-size:.75rem;letter-spacing:.16em}.cert-value-grid h3{margin:25px 0 12px;font-size:1.2rem}.cert-value-grid p{color:#909090;line-height:1.65}.cert-pathways{background:radial-gradient(circle at 55% 10%,rgba(111,40,17,.26),transparent 35%),#030303}.cert-section-head{display:flex;justify-content:space-between;align-items:end;gap:48px;margin-bottom:58px}.cert-section-head h2{font-size:clamp(3.4rem,5.4vw,5.2rem)}.cert-path-card{display:grid;grid-template-columns:1.08fr .92fr;min-height:500px;margin-bottom:30px;border:1px solid #303030;border-radius:28px;overflow:hidden;background:#090909}.cert-path-card--reverse{grid-template-columns:.92fr 1.08fr}.cert-path-card--reverse .cert-path-card__media{order:2}.cert-path-card__media{min-height:440px}.cert-path-card__media img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.8)}.cert-path-card__body{padding:clamp(42px,5vw,74px);align-self:center}.cert-path-card__number{margin-bottom:18px;color:#f47a32;font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.cert-path-card h3{margin-bottom:20px;font-family:"Outfit", sans-serif;font-size:clamp(2.25rem,3.5vw,3.7rem);font-weight:400;line-height:.98}.cert-path-card__body>p:not(.cert-path-card__number){color:#aaa;line-height:1.68}.cert-path-card ul{margin:24px 0 30px;padding:0;list-style:none}.cert-path-card li{padding:11px 0;border-bottom:1px solid #282828;color:#e3e3e3}.cert-path-card li:before{content:"↗";margin-right:12px;color:#f47a32}.cert-path-card a{color:#fff;font-weight:600;text-decoration:none}.cert-path-card a span{margin-left:14px;color:#f47a32}.cert-catalogue{border-top:1px solid #202020}.cert-course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#292929;border:1px solid #292929}.cert-course-grid article{min-height:260px;padding:34px;background:#070707;transition:.25s ease}.cert-course-grid article:hover{background:#111;transform:translateY(-4px)}.cert-course-grid h3{margin:45px 0 14px;font-size:1.25rem;line-height:1.25}.cert-course-grid p{color:#8e8e8e;line-height:1.6}.cert-process{background:linear-gradient(135deg,#140904,#030303 54%)}.cert-process__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw}.cert-process ol{margin:0;padding:0;list-style:none}.cert-process li{display:grid;grid-template-columns:60px 1fr;gap:22px;padding:0 0 34px;margin-bottom:34px;border-bottom:1px solid #37302c}.cert-process li>span{color:#f47a32;font-size:.78rem;letter-spacing:.15em}.cert-process h3{margin-bottom:8px;font-size:1.35rem}.cert-process li p{margin-bottom:0;color:#9e9e9e;line-height:1.6}.cert-final-cta{padding:clamp(100px,12vw,180px) 0;text-align:center;background:radial-gradient(circle at 50% 100%,rgba(184,62,15,.28),transparent 46%),#030303}.cert-final-cta h2{max-width:880px;margin:0 auto 38px;font-size:clamp(3.6rem,6.7vw,6.8rem)}
@media(max-width:900px){.cert-overview__intro,.cert-process__grid{grid-template-columns:1fr;gap:36px}.cert-value-grid{grid-template-columns:1fr}.cert-value-grid article,.cert-value-grid article+article{padding:28px 0;border-left:0;border-bottom:1px solid #303030}.cert-path-card,.cert-path-card--reverse{grid-template-columns:1fr}.cert-path-card--reverse .cert-path-card__media{order:0}.cert-path-card__media{min-height:360px}.cert-course-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.cert-page .container{width:min(100% - 32px,1180px)}.cert-hero{min-height:720px;align-items:flex-end}.cert-hero__image{object-position:67% center}.cert-hero__shade{background:linear-gradient(0deg,#030303 3%,rgba(0,0,0,.82) 54%,rgba(0,0,0,.18) 100%)}.cert-hero__content{padding-block:250px 65px}.cert-hero h1{font-size:clamp(3.35rem,15vw,5rem)}.cert-section-head{display:block}.cert-section-head>p{margin-top:24px}.cert-path-card{border-radius:18px}.cert-path-card__media{min-height:290px}.cert-path-card__body{padding:34px 25px 40px}.cert-course-grid{grid-template-columns:1fr}.cert-course-grid article{min-height:auto}.cert-actions{align-items:stretch}.cert-btn{width:100%}.cert-final-cta{text-align:left}}
@media(max-width:420px){.cert-hero h1{font-size:3.15rem}.cert-overview h2,.cert-section-head h2,.cert-process h2{font-size:3.05rem}.cert-path-card h3{font-size:2.35rem}.cert-final-cta h2{font-size:3.1rem}}
/* Final generated-visual Events and Speakers page systems */
.events-page,.speakers-page{--accent:#f35a21;background:#030303;color:#fff;font-family:"Outfit",sans-serif;overflow:hidden}.events-page .container,.speakers-page .container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.events-page h1,.events-page h2,.events-page h3,.events-page p,.speakers-page h1,.speakers-page h2,.speakers-page h3,.speakers-page p{margin-top:0}.event-kicker,.speaker-kicker{margin-bottom:18px;color:#f47a32;font-size:.76rem;font-weight:700;letter-spacing:.19em;text-transform:uppercase}.events-page h1,.events-page h2,.events-page h3,.speakers-page h1,.speakers-page h2,.speakers-page h3{font-family:"Outfit", sans-serif;font-weight:400}.events-hero,.speakers-hero{position:relative;min-height:clamp(620px,76vh,820px);display:flex;align-items:center;border-bottom:1px solid #242424}.events-hero>img,.speakers-hero>img,.events-hero__veil,.speakers-hero__veil{position:absolute;inset:0;width:100%;height:100%}.events-hero>img,.speakers-hero>img{object-fit:cover}.events-hero__veil,.speakers-hero__veil{background:linear-gradient(90deg,rgba(0,0,0,.95),rgba(0,0,0,.72) 42%,rgba(0,0,0,.08) 78%),linear-gradient(0deg,#030303,transparent 30%)}.events-hero__content,.speakers-hero__content{position:relative;z-index:1;padding-block:110px 90px}.events-hero h1,.speakers-hero h1{max-width:820px;margin-bottom:28px;font-size:clamp(4.2rem,7vw,7rem);line-height:.91;letter-spacing:-.035em}.events-hero__content>p:not(.event-kicker),.speakers-hero__content>p:not(.speaker-kicker){max-width:570px;margin-bottom:34px;color:#c1c1c1;font-size:1.1rem;line-height:1.7}.event-btn,.speaker-btn{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:0 27px;border:1px solid rgba(255,255,255,.5);border-radius:999px;color:#fff;text-decoration:none;font-weight:600;transition:.25s}.event-btn:hover,.speaker-btn:hover{color:#fff;border-color:var(--accent);transform:translateY(-2px)}.event-btn--fill,.speaker-btn--fill{background:var(--accent);border-color:var(--accent)}.events-intro,.events-feature,.events-formats,.events-recap,.speakers-intro,.speaker-community,.speaker-value{padding:clamp(88px,9vw,140px) 0}.events-intro__grid,.speakers-intro__grid{display:grid;grid-template-columns:1fr .85fr;gap:10vw;align-items:end}.events-intro h2,.event-section-head h2,.speakers-intro h2,.speaker-section-head h2,.speaker-value h2{margin-bottom:0;font-size:clamp(3.5rem,6vw,5.8rem);line-height:.93;letter-spacing:-.03em}.events-intro__grid>div:last-child>p,.speakers-intro__grid>p,.event-section-head>p,.speaker-section-head>p{color:#aaa;line-height:1.75}.events-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;padding-top:28px;border-top:1px solid #383838}.events-stats strong{display:block;font-size:1.15rem}.events-stats span{display:block;margin-top:5px;color:#777;font-size:.82rem}.events-feature{background:radial-gradient(circle at 70% 5%,rgba(111,40,17,.25),transparent 34%)}.event-section-head,.speaker-section-head{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:58px}.event-section-head>p,.speaker-section-head>p{max-width:460px;margin-bottom:8px}.events-feature__card{display:grid;grid-template-columns:1.08fr .92fr;border:1px solid #323232;border-radius:28px;overflow:hidden;background:#090909}.events-feature__image{min-height:530px}.events-feature__image img{width:100%;height:100%;object-fit:cover}.events-feature__copy{align-self:center;padding:clamp(42px,5vw,72px)}.events-feature__copy>span,.events-recap-grid span,.speaker-grid>article>span{color:var(--accent);font-size:.73rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.events-feature__copy h3{margin:20px 0;font-size:clamp(2.5rem,3.8vw,4rem);line-height:.98}.events-feature__copy p{color:#aaa;line-height:1.7}.events-feature__copy ul{margin:24px 0 30px;padding:0;list-style:none}.events-feature__copy li{padding:11px 0;border-bottom:1px solid #292929}.events-feature__copy li:before{content:"↗";margin-right:12px;color:var(--accent)}.events-feature__copy a{color:#fff;text-decoration:none;font-weight:600}.events-feature__copy b{margin-left:15px;color:var(--accent)}.events-formats{border-top:1px solid #242424}.events-format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#292929;border:1px solid #292929}.events-format-grid article{min-height:280px;padding:36px;background:#070707}.events-format-grid span{color:var(--accent);font-size:.75rem;letter-spacing:.15em}.events-format-grid h3{margin:56px 0 15px;font-size:2rem}.events-format-grid p{color:#929292;line-height:1.65}.events-recap{background:linear-gradient(145deg,#120803,#030303 55%)}.events-recap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.events-recap-grid img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:18px;margin-bottom:24px;filter:saturate(.75)}.events-recap-grid h3{margin:12px 0 0;font-family:"Outfit",sans-serif;font-size:1.2rem;line-height:1.35}.events-cta,.speaker-cta{padding:clamp(110px,12vw,180px) 0;text-align:center;background:radial-gradient(circle at 50% 100%,rgba(182,63,18,.28),transparent 46%)}.events-cta h2,.speaker-cta h2{max-width:900px;margin:0 auto 38px;font-size:clamp(3.6rem,6.7vw,6.8rem);line-height:.92;letter-spacing:-.035em}
.speakers-hero>img{object-position:center}.speakers-intro{border-bottom:1px solid #232323}.speaker-community{background:radial-gradient(circle at 50% 0,rgba(101,37,14,.24),transparent 30%)}.speaker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:46px 20px}.speaker-photo{aspect-ratio:4/4.6;margin-bottom:20px;border-radius:18px;overflow:hidden;background:#171717}.speaker-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:saturate(.8);transition:.35s}.speaker-grid article:hover .speaker-photo img{transform:scale(1.035);filter:saturate(1)}.speaker-grid h3{margin:12px 0 8px;font-family:"Outfit",sans-serif;font-size:1.2rem;font-weight:600}.speaker-grid p{color:#919191;font-size:.93rem;line-height:1.5}.speaker-value{background:linear-gradient(135deg,#140904,#030303 56%)}.speaker-value__grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:10vw}.speaker-value__grid>div:last-child article{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:0 0 30px;margin-bottom:30px;border-bottom:1px solid #38302c}.speaker-value article>span{color:var(--accent);font-size:.75rem;letter-spacing:.15em}.speaker-value h3{margin-bottom:8px;font-family:"Outfit",sans-serif;font-size:1.3rem;font-weight:600}.speaker-value article p{margin-bottom:0;color:#999;line-height:1.65}
@media(max-width:1000px){.speaker-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.events-intro__grid,.speakers-intro__grid,.speaker-value__grid{grid-template-columns:1fr;gap:38px}.events-feature__card{grid-template-columns:1fr}.events-feature__image{min-height:390px}.events-format-grid{grid-template-columns:1fr}.events-format-grid article{min-height:auto}.speaker-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.events-page .container,.speakers-page .container{width:min(100% - 32px,1180px)}.events-hero,.speakers-hero{min-height:720px;align-items:flex-end}.events-hero>img{object-position:64% center}.speakers-hero>img{object-position:68% center}.events-hero__veil,.speakers-hero__veil{background:linear-gradient(0deg,#030303 4%,rgba(0,0,0,.84) 57%,rgba(0,0,0,.18))}.events-hero__content,.speakers-hero__content{padding-block:260px 65px}.events-hero h1,.speakers-hero h1{font-size:clamp(3.3rem,14vw,4.8rem)}.event-section-head,.speaker-section-head{display:block}.event-section-head>p,.speaker-section-head>p{margin-top:24px}.events-feature__card{border-radius:18px}.events-feature__image{min-height:300px}.events-feature__copy{padding:35px 25px 42px}.events-stats{grid-template-columns:1fr}.events-recap-grid{grid-template-columns:1fr;gap:40px}.speaker-grid{gap:34px 14px}.speaker-photo{border-radius:13px}.speaker-grid h3{font-size:1rem}.speaker-grid p{font-size:.83rem}.events-cta,.speaker-cta{text-align:left}.event-btn,.speaker-btn{width:100%}}
@media(max-width:430px){.events-intro h2,.event-section-head h2,.speakers-intro h2,.speaker-section-head h2,.speaker-value h2{font-size:3rem}.speaker-grid{grid-template-columns:1fr}.speaker-photo{aspect-ratio:4/4.2}.events-cta h2,.speaker-cta h2{font-size:3.1rem}}
/* Final generated-visual Partners and CyberSkills page systems */
.partners-page,.skillsmap-page{--accent:#f35a21;background:#030303;color:#fff;font-family:"Outfit",sans-serif;overflow:hidden}.partners-page .container,.skillsmap-page .container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.partners-page h1,.partners-page h2,.partners-page h3,.partners-page p,.skillsmap-page h1,.skillsmap-page h2,.skillsmap-page h3,.skillsmap-page p{margin-top:0}.partner-kicker,.skills-kicker{margin-bottom:18px;color:#f47a32;font-size:.76rem;font-weight:700;letter-spacing:.19em;text-transform:uppercase}.partners-page h1,.partners-page h2,.partners-page h3,.skillsmap-page h1,.skillsmap-page h2,.skillsmap-page h3{font-family:"Outfit", sans-serif;font-weight:400}.partners-hero,.skillsmap-hero{position:relative;min-height:clamp(620px,76vh,820px);display:flex;align-items:center;border-bottom:1px solid #252525}.partners-hero>img,.skillsmap-hero>img,.partners-hero__veil,.skillsmap-hero__veil{position:absolute;inset:0;width:100%;height:100%}.partners-hero>img,.skillsmap-hero>img{object-fit:cover}.partners-hero__veil,.skillsmap-hero__veil{background:linear-gradient(90deg,rgba(0,0,0,.96),rgba(0,0,0,.74) 43%,rgba(0,0,0,.08) 78%),linear-gradient(0deg,#030303,transparent 30%)}.partners-hero__content,.skillsmap-hero__content{position:relative;z-index:1;padding-block:110px 90px}.partners-hero h1,.skillsmap-hero h1{max-width:850px;margin-bottom:28px;font-size:clamp(4.2rem,7vw,7rem);line-height:.91;letter-spacing:-.035em}.partners-hero__content>p:not(.partner-kicker),.skillsmap-hero__content>p:not(.skills-kicker){max-width:580px;margin-bottom:34px;color:#bdbdbd;font-size:1.1rem;line-height:1.7}.partner-btn,.skills-btn{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:0 27px;border:1px solid rgba(255,255,255,.5);border-radius:999px;color:#fff;text-decoration:none;font-weight:600;transition:.25s}.partner-btn:hover,.skills-btn:hover{color:#fff;border-color:var(--accent);transform:translateY(-2px)}.partner-btn--fill,.skills-btn--fill{background:var(--accent);border-color:var(--accent)}.partners-intro,.partners-network,.partners-build,.partners-models,.skillsmap-intro,.skillsmap-roles,.skillsmap-method,.skillsmap-proof{padding:clamp(88px,9vw,140px) 0}.partners-intro__grid,.skillsmap-intro__grid{display:grid;grid-template-columns:1fr .85fr;gap:10vw;align-items:end}.partners-intro h2,.partner-section-head h2,.partners-build h2,.skillsmap-intro h2,.skills-section-head h2,.skillsmap-method h2{margin-bottom:0;font-size:clamp(3.5rem,6vw,5.8rem);line-height:.93;letter-spacing:-.03em}.partners-intro__grid>div:last-child>p,.skillsmap-intro__grid>p,.partner-section-head>p,.skills-section-head>p{color:#aaa;line-height:1.75}.partners-intro__facts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px;padding-top:27px;border-top:1px solid #393939}.partners-intro__facts strong{display:block}.partners-intro__facts span{display:block;margin-top:6px;color:#777;font-size:.82rem}.partners-network{background:radial-gradient(circle at 50% 0,rgba(104,38,14,.25),transparent 31%)}.partner-section-head,.skills-section-head{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:58px}.partner-section-head>p,.skills-section-head>p{max-width:470px;margin-bottom:7px}.partner-logo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#2b2b2b;border:1px solid #2b2b2b}.partner-logo-grid>div{min-height:190px;display:flex;align-items:center;justify-content:center;padding:35px;background:#080808;transition:.25s}.partner-logo-grid>div:hover{background:#121212}.partner-logo-grid img{max-width:150px;max-height:88px;object-fit:contain;filter:grayscale(1) brightness(1.3);transition:.25s}.partner-logo-grid>div:hover img{filter:none;transform:scale(1.04)}.partners-build{border-top:1px solid #242424}.partners-build article{display:grid;grid-template-columns:1.08fr .92fr;border:1px solid #313131;border-radius:28px;overflow:hidden;background:#090909}.partners-build__image{min-height:520px}.partners-build__image img{width:100%;height:100%;object-fit:cover}.partners-build__copy{align-self:center;padding:clamp(42px,5vw,72px)}.partners-build__copy h2{font-size:clamp(2.7rem,4.4vw,4.5rem)}.partners-build__copy>p:not(.partner-kicker){color:#aaa;line-height:1.7}.partners-build ul{margin:25px 0 30px;padding:0;list-style:none}.partners-build li{padding:11px 0;border-bottom:1px solid #292929}.partners-build li:before{content:"↗";margin-right:12px;color:var(--accent)}.partners-build a{color:#fff;text-decoration:none;font-weight:600}.partners-build a span{margin-left:15px;color:var(--accent)}.partners-models{background:linear-gradient(145deg,#130803,#030303 58%)}.partner-model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#302923;border:1px solid #302923}.partner-model-grid article{min-height:270px;padding:36px;background:#070707}.partner-model-grid span{color:var(--accent);font-size:.75rem;letter-spacing:.15em}.partner-model-grid h3{margin:55px 0 14px;font-size:2rem}.partner-model-grid p{color:#929292;line-height:1.65}.partners-cta,.skillsmap-cta{padding:clamp(110px,12vw,180px) 0;text-align:center;background:radial-gradient(circle at 50% 100%,rgba(182,63,18,.28),transparent 46%)}.partners-cta h2,.skillsmap-cta h2{max-width:930px;margin:0 auto 38px;font-size:clamp(3.6rem,6.7vw,6.8rem);line-height:.92;letter-spacing:-.035em}
.skillsmap-intro{border-bottom:1px solid #242424}.skillsmap-roles{background:radial-gradient(circle at 50% 0,rgba(103,37,14,.25),transparent 31%)}.skills-role-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.skills-role-grid article{position:relative;min-height:390px;padding:40px;border:1px solid #303030;border-radius:22px;background:linear-gradient(145deg,#0e0e0e,#050505);transition:.25s}.skills-role-grid article:hover{border-color:#6c351f;transform:translateY(-4px)}.skills-role-grid>article>span{position:absolute;right:36px;top:35px;color:#555;font-family:"Outfit", sans-serif;font-size:2.7rem}.skills-role-grid small{color:var(--accent);font-size:.72rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.skills-role-grid h3{max-width:360px;margin:70px 0 16px;font-size:2.7rem}.skills-role-grid p{max-width:440px;color:#999;line-height:1.65}.skills-role-grid ul{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0 0;padding:0;list-style:none}.skills-role-grid li{padding:8px 13px;border:1px solid #353535;border-radius:999px;color:#d7d7d7;font-size:.8rem}.skillsmap-method{background:linear-gradient(135deg,#140904,#030303 56%)}.skillsmap-method__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw}.skillsmap-method ol{margin:0;padding:0;list-style:none}.skillsmap-method li{display:grid;grid-template-columns:58px 1fr;gap:20px;padding:0 0 30px;margin-bottom:30px;border-bottom:1px solid #39312c}.skillsmap-method li>span{color:var(--accent);font-size:.75rem;letter-spacing:.15em}.skillsmap-method h3{margin-bottom:8px;font-family:"Outfit",sans-serif;font-size:1.3rem;font-weight:600}.skillsmap-method li p{margin-bottom:0;color:#999;line-height:1.65}.skillsmap-proof{border-top:1px solid #222}.skills-proof-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #383838}.skills-proof-grid article{padding:35px 38px 0 0}.skills-proof-grid article+article{padding-left:38px;border-left:1px solid #383838}.skills-proof-grid strong{font-size:1.2rem}.skills-proof-grid p{margin-top:14px;color:#929292;line-height:1.65}
@media(max-width:900px){.partners-intro__grid,.skillsmap-intro__grid,.skillsmap-method__grid{grid-template-columns:1fr;gap:38px}.partners-build article{grid-template-columns:1fr}.partners-build__image{min-height:390px}.partner-model-grid{grid-template-columns:1fr}.partner-model-grid article{min-height:auto}.skills-role-grid{grid-template-columns:1fr}.skills-proof-grid{grid-template-columns:1fr}.skills-proof-grid article,.skills-proof-grid article+article{padding:28px 0;border-left:0;border-bottom:1px solid #353535}}
@media(max-width:700px){.partners-page .container,.skillsmap-page .container{width:min(100% - 32px,1180px)}.partners-hero,.skillsmap-hero{min-height:720px;align-items:flex-end}.partners-hero>img,.skillsmap-hero>img{object-position:66% center}.partners-hero__veil,.skillsmap-hero__veil{background:linear-gradient(0deg,#030303 4%,rgba(0,0,0,.84) 57%,rgba(0,0,0,.18))}.partners-hero__content,.skillsmap-hero__content{padding-block:260px 65px}.partners-hero h1,.skillsmap-hero h1{font-size:clamp(3.25rem,14vw,4.8rem)}.partner-section-head,.skills-section-head{display:block}.partner-section-head>p,.skills-section-head>p{margin-top:24px}.partners-intro__facts{grid-template-columns:1fr}.partner-logo-grid{grid-template-columns:repeat(2,1fr)}.partner-logo-grid>div{min-height:140px;padding:22px}.partner-logo-grid img{max-width:105px;max-height:65px}.partners-build article{border-radius:18px}.partners-build__image{min-height:300px}.partners-build__copy{padding:35px 25px 42px}.skills-role-grid article{min-height:auto;padding:30px 24px}.skills-role-grid h3{margin-top:55px;font-size:2.35rem}.partners-cta,.skillsmap-cta{text-align:left}.partner-btn,.skills-btn{width:100%}}
@media(max-width:430px){.partners-intro h2,.partner-section-head h2,.partners-build h2,.skillsmap-intro h2,.skills-section-head h2,.skillsmap-method h2{font-size:3rem}.partners-cta h2,.skillsmap-cta h2{font-size:3.1rem}}
/* Final generated-visual Store and Blog page systems */
.new-store-page,.new-blog-page{--accent:#f35a21;background:#030303;color:#fff;font-family:"Outfit",sans-serif;overflow:hidden}.new-store-page .container,.new-blog-page .container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.new-store-page h1,.new-store-page h2,.new-store-page h3,.new-store-page p,.new-blog-page h1,.new-blog-page h2,.new-blog-page h3,.new-blog-page p{margin-top:0}.new-store-page h1,.new-store-page h2,.new-store-page h3,.new-blog-page h1,.new-blog-page h2,.new-blog-page h3{font-family:"Outfit", sans-serif;font-weight:400}.new-kicker{margin-bottom:18px;color:#f47a32;font-size:.76rem;font-weight:700;letter-spacing:.19em;text-transform:uppercase}.new-store-hero,.new-blog-hero{position:relative;min-height:clamp(620px,76vh,820px);display:flex;align-items:center;border-bottom:1px solid #252525}.new-store-hero>img,.new-blog-hero>img,.new-store-hero>div:first-of-type,.new-blog-hero>div:first-of-type{position:absolute;inset:0;width:100%;height:100%}.new-store-hero>img,.new-blog-hero>img{object-fit:cover}.new-store-hero>div:first-of-type,.new-blog-hero>div:first-of-type{background:linear-gradient(90deg,rgba(0,0,0,.96),rgba(0,0,0,.73) 43%,rgba(0,0,0,.06) 78%),linear-gradient(0deg,#030303,transparent 30%)}.new-store-hero__content,.new-blog-hero__content{position:relative;z-index:1;padding-block:110px 90px}.new-store-hero h1,.new-blog-hero h1{margin-bottom:28px;font-size:clamp(4.2rem,7vw,7rem);line-height:.91;letter-spacing:-.035em}.new-store-hero__content>p:not(.new-kicker),.new-blog-hero__content>p:not(.new-kicker){max-width:570px;margin-bottom:34px;color:#bbb;font-size:1.1rem;line-height:1.7}.new-pill{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:0 27px;border:1px solid #888;border-radius:999px;color:#fff;text-decoration:none;font-weight:600;transition:.25s}.new-pill:hover{color:#fff;transform:translateY(-2px);border-color:var(--accent)}.new-pill--fill{background:var(--accent);border-color:var(--accent)}.new-store-intro,.new-store-collection,.new-store-guide,.new-blog-intro,.new-blog-feature,.new-blog-grid-section,.new-blog-topics{padding:clamp(88px,9vw,140px) 0}.new-split{display:grid;grid-template-columns:1fr .85fr;gap:10vw;align-items:end}.new-split h2,.new-section-head h2,.new-store-guide h2{margin-bottom:0;font-size:clamp(3.5rem,6vw,5.8rem);line-height:.93;letter-spacing:-.03em}.new-split>p,.new-section-head>p{color:#aaa;line-height:1.75}.new-store-collection,.new-blog-feature{background:radial-gradient(circle at 50% 0,rgba(105,38,14,.25),transparent 31%)}.new-section-head{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:58px}.new-section-head>p{max-width:460px;margin-bottom:8px}.new-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.new-product-grid article{padding:18px 18px 34px;border:1px solid #303030;border-radius:22px;background:#080808}.new-product-art,.new-product-photo{height:320px;margin-bottom:28px;border-radius:15px;overflow:hidden;background:linear-gradient(145deg,#241108,#080808);padding:25px}.new-product-photo{padding:0}.new-product-photo img{width:100%;height:100%;object-fit:cover}.new-product-art{display:flex;flex-direction:column;justify-content:space-between}.new-product-art span{color:#f47a32;letter-spacing:.14em}.new-product-art b{font-family:"Outfit", sans-serif;font-size:3rem;font-weight:400;line-height:.9}.new-product-grid small,.new-article-grid small,.new-blog-feature small{color:#f47a32;letter-spacing:.13em;text-transform:uppercase}.new-product-grid h3{margin:15px 0 12px;font-size:1.7rem}.new-product-grid p{color:#969696;line-height:1.6}.new-product-grid a,.new-blog-feature a,.new-article-grid a{color:#fff;text-decoration:none;font-weight:600}.new-product-grid a span,.new-blog-feature a span{margin-left:12px;color:#f47a32}.new-store-guide{background:linear-gradient(135deg,#140904,#030303 56%)}.new-store-guide__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw}.new-store-guide ol{margin:0;padding:0;list-style:none}.new-store-guide li{display:grid;grid-template-columns:55px 1fr;gap:20px;padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #38302b}.new-store-guide li>span{color:#f47a32}.new-store-guide h3{font-family:"Outfit",sans-serif;font-size:1.3rem;font-weight:600}.new-store-guide li p{color:#999}.new-store-cta,.new-blog-cta{padding:clamp(110px,12vw,180px) 0;text-align:center;background:radial-gradient(circle at 50% 100%,rgba(182,63,18,.28),transparent 46%)}.new-store-cta h2,.new-blog-cta h2{margin:0 auto 38px;font-size:clamp(3.6rem,6.7vw,6.8rem);line-height:.92}.new-blog-feature article{display:grid;grid-template-columns:1fr 1fr;border:1px solid #303030;border-radius:28px;overflow:hidden;background:#090909}.new-blog-feature__visual{min-height:500px;display:flex;flex-direction:column;justify-content:space-between;padding:40px;background:radial-gradient(circle at 60% 45%,#6b2b12,#130905 40%,#050505 72%)}.new-blog-feature__visual>span{color:#f47a32;text-transform:uppercase;letter-spacing:.14em}.new-orbit{position:relative;width:230px;height:230px;align-self:center;border:1px solid #754023;border-radius:50%}.new-orbit:before,.new-orbit:after{content:"";position:absolute;border:1px solid #754023;border-radius:50%;inset:35px}.new-orbit:after{inset:75px;background:#f35a21;border:0}.new-orbit i{position:absolute;width:10px;height:10px;background:#fff;border-radius:50%;left:50%;top:-5px}.new-blog-feature__copy{align-self:center;padding:clamp(42px,5vw,72px)}.new-blog-feature h3{margin:20px 0;font-size:clamp(2.5rem,3.8vw,4rem);line-height:.98}.new-blog-feature p{color:#999;line-height:1.7}.new-blog-grid-section{border-top:1px solid #242424}.new-article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#292929;border:1px solid #292929}.new-article-grid article{min-height:340px;padding:36px;background:#070707}.new-article-grid>article>span{display:block;color:#555;font-family:"Outfit", sans-serif;font-size:2.5rem}.new-article-grid small{display:block;margin-top:38px}.new-article-grid h3{margin:16px 0;font-size:2rem;line-height:1.05}.new-article-grid p{color:#929292;line-height:1.6}.new-blog-topics{background:linear-gradient(135deg,#140904,#030303 56%)}.new-topic-list{display:flex;flex-wrap:wrap;gap:12px}.new-topic-list span{padding:13px 18px;border:1px solid #4a3a32;border-radius:999px}
@media(max-width:900px){.new-split,.new-store-guide__grid{grid-template-columns:1fr;gap:38px}.new-product-grid{grid-template-columns:1fr}.new-product-art,.new-product-photo{height:400px}.new-blog-feature article{grid-template-columns:1fr}.new-blog-feature__visual{min-height:380px}.new-article-grid{grid-template-columns:1fr}.new-article-grid article{min-height:auto}}
@media(max-width:700px){.new-store-page .container,.new-blog-page .container{width:min(100% - 32px,1180px)}.new-store-hero,.new-blog-hero{min-height:720px;align-items:flex-end}.new-store-hero>img,.new-blog-hero>img{object-position:66% center}.new-store-hero>div:first-of-type,.new-blog-hero>div:first-of-type{background:linear-gradient(0deg,#030303 4%,rgba(0,0,0,.84) 57%,rgba(0,0,0,.18))}.new-store-hero__content,.new-blog-hero__content{padding-block:260px 65px}.new-store-hero h1,.new-blog-hero h1{font-size:clamp(3.25rem,14vw,4.8rem)}.new-section-head{display:block}.new-section-head>p{margin-top:24px}.new-product-art,.new-product-photo{height:300px}.new-blog-feature article{border-radius:18px}.new-blog-feature__visual{min-height:300px}.new-blog-feature__copy{padding:35px 25px 42px}.new-store-cta,.new-blog-cta{text-align:left}.new-pill{width:100%}}
@media(max-width:430px){.new-split h2,.new-section-head h2,.new-store-guide h2{font-size:3rem}.new-store-cta h2,.new-blog-cta h2{font-size:3.1rem}}
/* Final compact shared footer correction - Removed obsolete rule */

/* Keep the complete Academy wordmark clear of the first navigation link. */
@media (min-width:1200px) {
  .site-navbar .site-brand {
    width:205px!important;
    max-width:205px!important;
    flex:0 0 205px!important;
  }
  .site-navbar .site-brand-seal {
    width:181px!important;
    flex-basis:181px!important;
  }
  .site-navbar .site-brand-seal img {
    width:181px!important;
    max-width:none!important;
  }
  .site-navbar .navbar-nav {
    min-width:0;
    margin-left:12px!important;
  }
}

/* User-requested universal section gap: 0.5rem above and below each page band. */
:root{--global-section-gap:.8rem}
body main[class]>section[class]{
  padding-top:var(--global-section-gap)!important;
  padding-bottom:var(--global-section-gap)!important;
}

/* Keep the speaker CTA in the heading row, clear of the moving image cards. */
.esteemed-speakers .all-speakers{top:22px!important}
@media(max-width:900px){
  .esteemed-speakers .all-speakers{position:static!important;margin-top:24px!important}
}

/* Compact course-category pages with three course cards per desktop row. */
.course-detail-stats{display:none!important}
body main.course-detail-page>section.course-detail-hero{
  padding-top:40px!important;
  padding-bottom:46px!important;
}
.course-detail-hero__grid{grid-template-columns:1fr .72fr;gap:50px}
.course-detail-back{margin-bottom:26px}
.course-detail-hero h1{font-size:clamp(54px,5vw,78px)!important;line-height:.9}
.course-detail-hero h2{margin:18px 0 15px;font-size:clamp(1.25rem,1.8vw,1.65rem)}
.course-detail-hero__copy>p:not(.course-detail-kicker){margin-bottom:22px;font-size:.92rem;line-height:1.55}
.course-detail-hero figure{height:410px;aspect-ratio:auto;border-radius:20px}
.course-detail-hero figcaption{right:20px;bottom:17px;left:20px}
#courseGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.course-detail-card{min-height:455px;padding:24px;border-radius:18px}
.course-detail-card h3{margin:28px 0 13px;font-size:1.72rem}
.course-detail-card>p{min-height:88px;font-size:.86rem;line-height:1.5}
.course-detail-card ul{margin:4px 0 18px}
.course-detail-card li{padding:6px 0;font-size:.8rem}
.course-detail-card__meta{gap:14px;padding:14px 0;font-size:.75rem}
.course-detail-card footer{gap:12px;padding-top:17px}
.course-detail-card footer strong{font-size:1.3rem}
.course-detail-card footer a{padding:9px 12px;font-size:.75rem;white-space:nowrap}
@media(max-width:850px){#courseGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.course-detail-hero__grid{grid-template-columns:1fr;gap:30px}.course-detail-hero figure{height:340px}.course-detail-hero h1{font-size:58px!important}}
@media(max-width:600px){body main.course-detail-page>section.course-detail-hero{padding:30px 0 36px!important}#courseGrid{grid-template-columns:1fr}.course-detail-hero figure{height:280px}.course-detail-hero h1{font-size:50px!important}.course-detail-card{min-height:0}.course-detail-card>p{min-height:0}}
@media (min-width:1200px) and (max-width:1400px) {
  .site-navbar { padding-inline:20px!important; }
  .site-navbar .nav-link { font-size:12px; }
  .site-navbar .site-login { padding-inline:14px!important; }
}

.auth-divider {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 18px 0 16px;
  color: #8a929f;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.auth-divider:before, .auth-divider:after {
  content: "";
  height: 1px;
  flex: 1;
  background: #e2e8f0;
}
.auth-divider span {
  white-space: nowrap;
  font-weight: 600;
  color: #94a3b8;
}
.auth-tabs {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 6px !important;
  margin-bottom: 24px !important;
  padding: 6px !important;
  border-radius: 12px !important;
  background: #eef1f5 !important;
}

.student-page .auth-tab,
.auth-tab {
  padding: 11px 16px !important;
  border: 0 !important;
  border-radius: 8px !important;
  color: #697386 !important;
  background: transparent !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  box-shadow: none !important;
}

.student-page .auth-tab.active,
.auth-tab.active {
  color: #ffffff !important;
  background: #0f172a !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.2) !important;
}

.student-auth-card {
  width: min(520px, 100%);
  justify-self: center;
  padding: 34px;
  border: 1px solid #283b53;
  border-radius: 24px;
  color: #172033;
  background: rgba(255, 255, 255, .98);
  box-shadow: 0 28px 70px rgba(0, 0, 0, .34);
}
.auth-form{display:none!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.auth-form.active{display:block!important}.auth-form h2{margin:0 0 5px!important;font-size:27px}.auth-form>p{margin:0 0 22px;color:#727b89}.student-page .auth-form label{gap:8px;margin-bottom:15px;font-size:13px}.student-page .auth-form input{width:100%;height:46px;padding:0 13px;border-color:#d2d8df;background:#fff}.password-field{position:relative;display:block}.password-field input{padding-right:47px!important}.student-page .password-toggle{position:absolute;top:1px;right:1px;width:44px;height:44px;padding:0;border:0;color:#687386;background:transparent}.student-page .auth-submit{height:48px;margin-top:3px;display:flex;align-items:center;justify-content:center;gap:18px}.auth-consent{display:flex!important;grid-template-columns:18px 1fr!important;align-items:center!important;font-weight:500!important;color:#626b78}.student-page .auth-consent input{width:17px;height:17px;padding:0}.auth-message{display:none;margin:17px 0 0;padding:11px 13px;border-radius:8px;font-size:13px}.auth-message:not(:empty){display:block}.auth-message.success{color:#087653;background:#e8f8f2}.auth-message.error{color:#b42318;background:#fff0ef}.auth-help{display:block;margin-top:17px;text-align:center;color:#e85a16;text-decoration:none;font-size:13px;font-weight:600}
@media(max-width:600px){.student-auth-card{padding:23px 18px;border-radius:18px}.student-page{padding-top:40px}.student-welcome>div{margin:10px 8px 0 0;padding:10px;font-size:12px}}

/* About purpose section: reset the legacy parent grid and keep cards compact. */
.academy-about-page .academy-purpose {
  display:block!important;
  grid-template-columns:none!important;
  width:100%!important;
  padding:72px 24px 82px!important;
}
.academy-about-page .academy-purpose-head {
  width:min(1120px,100%)!important;
  margin:0 auto 36px!important;
}
.academy-about-page .academy-purpose-head h2 {
  max-width:760px;
  font-size:clamp(39px,4vw,55px);
  line-height:.98;
}
.academy-about-page .academy-purpose-grid {
  width:min(1120px,100%)!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:22px!important;
}
.academy-about-page .academy-purpose-grid article {
  display:grid!important;
  grid-template-columns:44% 56%!important;
  min-height:300px;
  border-radius:18px!important;
}
.academy-about-page .academy-purpose-grid article>img {
  width:100%;
  height:100%!important;
  min-height:300px!important;
}
.academy-about-page .academy-purpose-grid article>div {
  align-self:center;
  padding:25px 24px 27px!important;
}
.academy-about-page .academy-purpose-grid h3 {
  margin:11px 0 13px;
  font-size:clamp(26px,2.4vw,32px);
}
.academy-about-page .academy-purpose-grid p {
  font-size:14px;
  line-height:1.55;
}
@media(max-width:900px){
  .academy-about-page .academy-purpose-grid{grid-template-columns:1fr!important}
  .academy-about-page .academy-purpose-grid article{grid-template-columns:42% 58%!important}
}
@media(max-width:600px){
  .academy-about-page .academy-purpose{padding:55px 16px 62px!important}
  .academy-about-page .academy-purpose-grid article{display:block!important;min-height:0}
  .academy-about-page .academy-purpose-grid article>img{height:220px!important;min-height:0!important}
}

/* Certifications page: compact, balanced section and card proportions. */
.cert-page .cert-overview,
.cert-page .cert-pathways,
.cert-page .cert-catalogue,
.cert-page .cert-process {
  padding:72px 0!important;
}
.cert-page .cert-overview__intro {
  grid-template-columns:.9fr 1.1fr!important;
  gap:70px!important;
  align-items:center!important;
  margin-bottom:42px!important;
}
.cert-page .cert-overview h2,
.cert-page .cert-section-head h2,
.cert-page .cert-process h2 {
  font-size:clamp(45px,4.6vw,66px)!important;
  line-height:.95!important;
}
.cert-page .cert-overview__intro>p:last-child,
.cert-page .cert-section-head>p {
  max-width:480px;
  font-size:15px;
  line-height:1.65;
}
.cert-page .cert-value-grid article,
.cert-page .cert-value-grid article+article {
  min-height:185px;
  padding:25px 30px!important;
}
.cert-page .cert-value-grid article:first-child { padding-left:0!important; }
.cert-page .cert-value-grid h3 { margin:19px 0 9px!important; }
.cert-page .cert-value-grid p { margin-bottom:0;font-size:14px;line-height:1.55; }
.cert-page .cert-section-head {
  gap:55px!important;
  margin-bottom:38px!important;
}
.cert-page .cert-path-card,
.cert-page .cert-path-card--reverse {
  grid-template-columns:1fr 1fr!important;
  min-height:390px!important;
  margin-bottom:22px!important;
  border-radius:22px!important;
}
.cert-page .cert-path-card__media {
  min-height:390px!important;
  max-height:430px;
}
.cert-page .cert-path-card__body {
  padding:38px 44px!important;
}
.cert-page .cert-path-card h3 {
  margin:15px 0 15px!important;
  font-size:clamp(34px,3.2vw,48px)!important;
  line-height:.98!important;
}
.cert-page .cert-path-card__body>p:not(.cert-path-card__number) {
  margin-bottom:0;
  font-size:14px;
  line-height:1.6;
}
.cert-page .cert-path-card ul { margin:18px 0 22px!important; }
.cert-page .cert-path-card li { padding:9px 0!important;font-size:14px; }
.cert-page .cert-catalogue .cert-section-head { margin-bottom:36px!important; }
.cert-page .cert-course-grid article {
  min-height:195px!important;
  padding:27px 29px!important;
}
.cert-page .cert-course-grid h3 {
  margin:28px 0 10px!important;
  font-size:18px!important;
}
.cert-page .cert-course-grid p { margin-bottom:0;font-size:14px;line-height:1.55; }
.cert-page .cert-process__grid { gap:70px!important; }
.cert-page .cert-process li { margin-bottom:22px!important;padding-bottom:22px!important; }
.cert-page .cert-final-cta { padding:95px 0!important; }
.cert-page .cert-final-cta h2 { font-size:clamp(48px,5.8vw,78px)!important; }
@media(max-width:900px){
  .cert-page .cert-overview__intro,.cert-page .cert-process__grid{grid-template-columns:1fr!important;gap:28px!important}
  .cert-page .cert-path-card,.cert-page .cert-path-card--reverse{grid-template-columns:1fr!important}
  .cert-page .cert-path-card--reverse .cert-path-card__media{order:0!important}
  .cert-page .cert-path-card__media{min-height:300px!important;max-height:340px}
  .cert-page .cert-value-grid article,.cert-page .cert-value-grid article+article{min-height:0;padding:24px 0!important}
}
@media(max-width:600px){
  .cert-page .cert-overview,.cert-page .cert-pathways,.cert-page .cert-catalogue,.cert-page .cert-process{padding:55px 0!important}
  .cert-page .cert-path-card__body{padding:29px 23px 34px!important}
  .cert-page .cert-course-grid article{min-height:0!important;padding:24px!important}
}

/* Footer logo clear appearance fix */
.simple-footer-logo{width:auto!important;height:65px!important;flex:0 0 auto!important;overflow:visible!important;border-radius:0!important;background:transparent!important}
.simple-footer-logo img{width:auto!important;height:65px!important;max-width:320px!important;object-fit:contain!important;filter:none!important;background:transparent!important}
.simple-footer-brand strong{display:none!important}
@media(max-width:520px){.simple-footer-logo, .simple-footer-logo img{height:48px!important}}


/* Clean Big Logo with Text */
.site-navbar .site-brand { max-width: none!important; height: auto!important; display: flex!important; align-items: center!important; gap: 15px!important; padding: 10px 0!important; overflow: visible!important; }
.site-navbar .site-brand-seal { width: 90px!important; height: 90px!important; flex: 0 0 90px!important; display: block!important; overflow: visible!important; }
.site-navbar .site-brand-seal img { width: 100%!important; height: 100%!important; object-fit: contain!important; filter: none!important; padding: 0!important; margin: 0!important; transform: none!important; background: transparent!important; }
.site-navbar .site-brand-name { display: flex!important; flex-direction: column!important; justify-content: center!important; align-items: flex-start!important; font-family: 'Outfit', sans-serif!important; }
.site-navbar .site-brand-name { color: #ffffff!important; font-size: 24px!important; font-weight: 800!important; line-height: 1!important; text-transform: uppercase!important; letter-spacing: 1px!important; }
.site-navbar .site-brand-name small { color: #d7a328!important; font-size: 24px!important; font-weight: 800!important; display: block!important; margin-top: 4px!important; }
.site-navbar { min-height: 110px!important; }
.simple-footer-logo { width: 90px!important; height: 90px!important; flex: 0 0 90px!important; display: block!important; overflow: visible!important; }
.simple-footer-logo img { width: 100%!important; height: 100%!important; object-fit: contain!important; filter: none!important; transform: none!important; background: transparent!important; }
.simple-footer-brand strong { display: flex!important; flex-direction: column!important; justify-content: center!important; align-items: flex-start!important; color: #ffffff!important; font-size: 24px!important; font-weight: 800!important; line-height: 1!important; margin-left: 15px!important; }
.simple-footer-brand strong small { color: #d7a328!important; font-size: 24px!important; display: block!important; margin-top: 4px!important; }
@media(max-width: 1199.98px) { .site-navbar .site-brand-seal { width: 70px!important; height: 70px!important; flex-basis: 70px!important; } .site-navbar .site-brand-name, .site-navbar .site-brand-name small { font-size: 18px!important; } .simple-footer-logo { width: 70px!important; height: 70px!important; } .simple-footer-brand strong, .simple-footer-brand strong small { font-size: 18px!important; } }
@media(max-width: 700px) { .site-navbar .site-brand-seal { width: 55px!important; height: 55px!important; flex-basis: 55px!important; } .site-navbar .site-brand-name, .site-navbar .site-brand-name small { font-size: 15px!important; } }

/* Interactive CSA certification folders */
.enable-folder-card{height:235px;cursor:pointer}
.enable-folder-card[open]{height:390px;transform:perspective(1000px) rotateY(0) rotateZ(0) rotateX(0) translateY(-8px)!important;z-index:10}
.enable-folder-front{display:block;border:0;cursor:pointer;user-select:none;list-style:none}
.enable-folder-front::-webkit-details-marker{display:none}
.enable-folder-front::marker{content:""}
.enable-folder-card:not([open]) .enable-folder-front{padding-top:48px}
.enable-folder-card[open] .enable-folder-front{bottom:auto;height:105px;padding:30px 30px 20px;border-radius:10px 10px 0 0;clip-path:polygon(0 0,100% 0,99% 100%,1% 100%)}
.enable-folder-card[open] .enable-folder-front h3{margin-bottom:0}
.enable-folder-card[open] .enable-folder-front p{display:none}
.enable-program-panel{position:absolute;inset:155px 0 0;padding:18px 30px 24px;border-radius:0 0 14px 14px;background:linear-gradient(165deg,#ff5857 0%,#ff5144 44%,#f14d16 100%);box-shadow:0 20px 42px rgba(0,0,0,.34);clip-path:polygon(1% 0,99% 0,97% 100%,3% 100%)}
.enable-program-panel ul{margin:0;padding:0;list-style:none}
.enable-program-panel li{position:relative;margin-bottom:10px;padding-left:17px;color:#fff;font-size:13px;line-height:1.35}
.enable-program-panel li::before{content:"•";position:absolute;left:0}
@media(max-width:480px){.enable-folder-card{height:225px}.enable-folder-card[open]{height:405px}.enable-program-panel{padding-inline:26px}.enable-program-panel li{font-size:12.5px}}

/* Display the complete CSA logo without duplicate brand text */
.site-navbar .site-brand{
  width:340px!important;
  max-width:340px!important;
  height:104px!important;
  flex:0 0 340px!important;
  padding:4px 0!important;
  gap:0!important;
}
.site-navbar .site-brand-name{
  display:none!important;
}
.site-navbar .site-brand-seal{
  width:330px!important;
  height:96px!important;
  flex:0 0 330px!important;
  overflow:visible!important;
  border-radius:0!important;
}
.site-navbar .site-brand-seal img{
  width:330px!important;
  height:96px!important;
  max-width:none!important;
  object-fit:contain!important;
  object-position:left center!important;
  transform:none!important;
  filter:none!important;
}
@media(max-width:1199.98px){
  .site-navbar .site-brand{width:280px!important;max-width:280px!important;height:82px!important;flex-basis:280px!important}
  .site-navbar .site-brand-seal,.site-navbar .site-brand-seal img{width:270px!important;height:78px!important;flex-basis:270px!important}
}
@media(max-width:480px){
  .site-navbar .site-brand{width:220px!important;max-width:220px!important;height:68px!important;flex-basis:220px!important}
  .site-navbar .site-brand-seal,.site-navbar .site-brand-seal img{width:212px!important;height:62px!important;flex-basis:212px!important}
}

/* Screenshot-inspired About page, adapted to the CSA dark theme */
.csa-about-page{background:#030303;color:#fff;font-family:"Outfit",sans-serif;overflow:hidden}
.csa-about-shell {
  width: min(1180px, calc(100% - 48px));
  margin-inline: auto;
}

/* Modern About Hero */
.csa-about-hero {
  position: relative;
  min-height: 480px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 95px 24px 85px !important;
  overflow: hidden;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  background: radial-gradient(ellipse at 50% 32%, rgba(255, 94, 0, 0.16) 0%, rgba(13, 19, 36, 0.96) 55%, #080c16 100%) !important;
}

.csa-about-hero__bg-fx {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle at 50% 50%, rgba(255, 94, 0, 0.08) 1px, transparent 1px);
  background-size: 32px 32px;
  opacity: 0.6;
  pointer-events: none;
}

.csa-about-hero__content {
  position: relative;
  z-index: 2;
  max-width: 960px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.csa-about-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 16px;
  background: rgba(255, 94, 0, 0.12);
  border: 1px solid rgba(255, 94, 0, 0.35);
  border-radius: 999px;
  color: #ff8c3a;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.csa-about-title {
  font-family: var(--font-heading), 'Outfit', sans-serif !important;
  font-size: clamp(34px, 4.5vw, 54px) !important;
  font-weight: 800 !important;
  line-height: 1.14 !important;
  letter-spacing: -0.6px !important;
  color: #ffffff !important;
  margin: 0 0 18px !important;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
}

.csa-about-lead {
  color: #94a3b8 !important;
  font-size: clamp(1rem, 1.25vw, 1.15rem) !important;
  line-height: 1.65 !important;
  max-width: 780px;
  margin: 0 auto 32px !important;
}

.csa-about-hero-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

.btn-about-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 28px;
  background: linear-gradient(135deg, #ff5e00 0%, #e64a00 100%);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  color: #ffffff !important;
  font-weight: 700;
  font-size: 0.92rem;
  text-decoration: none !important;
  box-shadow: 0 6px 20px rgba(255, 94, 0, 0.4);
  transition: all 0.25s ease;
}

.btn-about-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(255, 94, 0, 0.55);
}

.btn-about-secondary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 26px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 999px;
  color: #ffffff !important;
  font-weight: 600;
  font-size: 0.92rem;
  text-decoration: none !important;
  backdrop-filter: blur(8px);
  transition: all 0.25s ease;
}

.btn-about-secondary:hover {
  border-color: #ff5e00;
  color: #ff8c3a !important;
  background: rgba(255, 94, 0, 0.1);
  transform: translateY(-2px);
}

/* Impact / Stats Section */
.csa-about-impact {
  padding: 85px 0 95px !important;
  background: #080c16 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.csa-about-impact > div > p {
  text-align: center;
  color: #ff7b25;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 12px;
}

.csa-about-impact h2 {
  max-width: 780px;
  margin: 0 auto 50px;
  text-align: center;
  font-family: var(--font-heading), 'Outfit', sans-serif !important;
  font-size: clamp(30px, 3.8vw, 46px) !important;
  font-weight: 700 !important;
  line-height: 1.18 !important;
  letter-spacing: -0.5px !important;
  color: #ffffff !important;
}

.csa-about-stats {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 18px;
}

.csa-about-stats article {
  min-height: 200px;
  padding: 26px 22px;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 20px !important;
  background: #0e1526 !important;
  box-shadow: 0 14px 35px rgba(0, 0, 0, 0.4) !important;
  transition: all 0.3s ease;
}

.csa-about-stats article:hover {
  border-color: rgba(255, 94, 0, 0.35) !important;
  transform: translateY(-4px);
}

.csa-about-stats i {
  display: grid;
  width: 46px;
  height: 46px;
  place-items: center;
  border-radius: 12px;
  background: rgba(255, 94, 0, 0.12);
  color: #ff7b25;
  font-size: 1.25rem;
}

.csa-about-stats strong {
  display: block;
  margin-top: 22px;
  color: #ff7b25;
  font-family: var(--font-heading), 'Outfit', sans-serif;
  font-size: 2.3rem;
  line-height: 1;
  font-weight: 700;
}

.csa-about-stats span {
  display: block;
  margin-top: 10px;
  color: #94a3b8;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

/* Story Section (Leadership & Organization Overview) */
.csa-about-story {
  padding: 85px 0 95px !important;
  background: #0b101e !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.csa-about-story__grid {
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  gap: 55px;
  align-items: center;
}

.csa-about-story__visual {
  position: relative;
  height: 540px;
  min-height: 540px;
  border-radius: 24px;
  overflow: hidden;
  border: 2px solid rgba(255, 123, 37, 0.45) !important;
  background: #0d1527;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6), 0 0 30px rgba(255, 94, 0, 0.15);
  display: block;
}

.csa-founder-slideshow {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 540px;
  overflow: hidden;
}

.about-founder-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 15%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.7s ease-in-out, visibility 0.7s ease-in-out;
  display: block;
  z-index: 1;
}

.about-founder-slide.active {
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 2;
}

.photo-caption-badge {
  position: absolute;
  bottom: 24px;
  left: 24px;
  right: 24px;
  background: rgba(8, 12, 22, 0.85);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 123, 37, 0.35);
  border-radius: 14px;
  padding: 10px 18px;
  font-size: 0.84rem;
  font-weight: 700;
  color: #ffffff;
  z-index: 5;
  text-align: center;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.5);
}

.slideshow-indicators {
  position: absolute;
  top: 20px;
  right: 20px;
  display: flex;
  gap: 8px;
  z-index: 5;
}

.slideshow-indicators .dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4);
  cursor: pointer;
  transition: all 0.3s ease;
}

.slideshow-indicators .dot.active {
  background: #ff7b25;
  width: 26px;
  border-radius: 10px;
}

.csa-story-pill {
  color: #ff7b25;
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 10px;
  padding: 5px 16px;
  background: rgba(255, 94, 0, 0.1);
  border: 1px solid rgba(255, 94, 0, 0.25);
  border-radius: 30px;
}

.csa-about-story__copy h2 {
  margin: 0 0 18px !important;
  font-family: var(--font-heading), 'Outfit', sans-serif !important;
  font-size: clamp(30px, 3.8vw, 44px) !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  color: #ffffff !important;
}

.about-org-desc {
  color: #cbd5e1;
  font-size: 1.02rem;
  line-height: 1.7;
  margin-bottom: 14px;
}

.about-org-desc-sub {
  color: #94a3b8;
  font-size: 0.92rem;
  line-height: 1.65;
  margin-bottom: 24px;
}

.csa-founder-points {
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.csa-founder-points article {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 14px;
  margin-bottom: 16px;
}

.csa-founder-points i {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 10px;
  background: rgba(255, 94, 0, 0.12);
  color: #ff7b25;
  font-size: 1.1rem;
}

.csa-founder-points strong {
  display: block;
  font-size: 1.02rem;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 4px;
}

.csa-founder-points p {
  margin: 0;
  color: #94a3b8;
  font-size: 0.88rem;
  line-height: 1.5;
}

.csa-founder-points i {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 10px;
  background: rgba(255, 94, 0, 0.12);
  color: #ff7b25;
  font-size: 1rem;
}

.csa-founder-points p {
  margin: 0;
  color: #94a3b8;
  font-size: 0.88rem;
  line-height: 1.5;
}

.csa-founder-points strong {
  display: block;
  margin-bottom: 2px;
  color: #ffffff;
  font-size: 0.92rem;
  font-weight: 700;
}

/* Gallery Section */
.csa-about-gallery {
  padding: 85px 0 100px !important;
  background: #080c16 !important;
}

.csa-about-gallery header {
  text-align: center;
  margin-bottom: 50px;
}

.csa-about-gallery header > span {
  color: #ff7b25;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  display: block;
  margin-bottom: 10px;
}

.csa-about-gallery h2 {
  margin: 0 0 12px !important;
  font-family: var(--font-heading), 'Outfit', sans-serif !important;
  font-size: clamp(30px, 3.8vw, 44px) !important;
  font-weight: 700 !important;
  color: #ffffff !important;
}

.csa-about-gallery header p {
  color: #94a3b8;
  font-size: 0.94rem;
  margin: 0;
}

.csa-event-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.csa-event-grid figure {
  position: relative;
  aspect-ratio: 16/10;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 20px !important;
  background: #0e1526;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4);
}

.csa-event-grid img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.35s ease;
}

.csa-event-grid figcaption {
  position: absolute;
  left: 14px;
  bottom: 14px;
  padding: 7px 14px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  background: rgba(8, 12, 22, 0.85);
  color: #ffffff;
  font-size: 0.78rem;
  font-weight: 600;
  backdrop-filter: blur(8px);
}

.csa-event-grid figure:hover img {
  transform: scale(1.04);
}

@media (max-width: 1000px) {
  .csa-about-stats {
    grid-template-columns: repeat(3, 1fr);
  }
  .csa-about-story__grid {
    grid-template-columns: 1fr;
    gap: 38px;
  }
  .csa-about-story__visual {
    width: 100%;
    height: 380px;
  }
  .csa-event-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 700px) {
  .csa-about-shell {
    width: min(100% - 32px, 1180px);
  }
  .csa-about-hero {
    padding: 60px 16px 55px !important;
    min-height: auto;
  }
  .csa-about-impact,
  .csa-about-story,
  .csa-about-gallery {
    padding: 55px 0 65px !important;
  }
  .csa-about-stats {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
  .csa-about-stats article {
    min-height: 160px;
    padding: 20px 16px;
  }
  .csa-event-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  .csa-about-stats {
    grid-template-columns: 1fr;
  }
}

/* Certification category links */
.enable-folder-grid a.enable-folder-card {
  display: block;
  text-decoration: none;
  cursor: pointer;
}

.course-detail-page{overflow:hidden;background:#050505;color:#fff;font-family:"Outfit",sans-serif}
.course-detail-shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.course-nav-link{margin-left:auto;padding:11px 19px;border:1px solid #3d3d3d;border-radius:999px;color:#fff;text-decoration:none;font:600 .88rem "Outfit",sans-serif;transition:.2s}
.course-nav-link:hover{border-color:#f56832;color:#f56832}
.course-detail-hero{position:relative;padding:72px 0 82px;background:radial-gradient(circle at 77% 34%,rgba(184,64,24,.22),transparent 30%),linear-gradient(140deg,#080808,#120805 72%,#080808);border-bottom:1px solid #27211f}
.course-detail-hero__grid{display:grid;grid-template-columns:1fr .88fr;gap:7vw;align-items:center}
.course-detail-back{display:inline-flex;margin-bottom:58px;color:#aaa;text-decoration:none;font-size:.86rem}
.course-detail-back:hover{color:#f56832}
.course-detail-kicker{margin:0 0 15px;color:#f56832;font-size:.72rem;font-weight:700;letter-spacing:.19em;text-transform:uppercase}
.course-detail-hero h1,.course-detail-benefits h2,.course-detail-courses h2,.course-detail-cta h2{margin:0;font-family:"Outfit", sans-serif;font-weight:400;letter-spacing:-.035em}
.course-detail-hero h1{font-size:clamp(4.6rem,8vw,8rem);line-height:.82}
.course-detail-hero h2{max-width:650px;margin:25px 0 20px;font-size:clamp(1.45rem,2.2vw,2.1rem);font-weight:500;line-height:1.15}
.course-detail-hero__copy>p:not(.course-detail-kicker){max-width:620px;margin-bottom:30px;color:#aaa;line-height:1.7}
.course-detail-button{display:inline-flex;min-height:52px;align-items:center;gap:25px;padding:0 25px;border-radius:999px;background:#f45b25;color:#fff;text-decoration:none;font-weight:700;transition:.25s}
.course-detail-button:hover{transform:translateY(-2px);background:#ff713b;color:#fff}
.course-detail-hero figure{position:relative;aspect-ratio:4/5;margin:0;border:1px solid #443028;border-radius:28px;overflow:hidden;background:#111;box-shadow:0 35px 80px rgba(0,0,0,.45)}
.course-detail-hero figure:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72),transparent 45%)}
.course-detail-hero figure img{width:100%;height:100%;object-fit:cover}
.course-detail-hero figcaption{position:absolute;z-index:1;right:25px;bottom:24px;left:25px;color:#ddd;font-size:.82rem;line-height:1.5}
.course-detail-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:-1px;border-right:1px solid #292929;border-left:1px solid #292929}
.course-detail-stats div{padding:32px 38px;border-bottom:1px solid #292929}
.course-detail-stats div+div{border-left:1px solid #292929}
.course-detail-stats strong,.course-detail-stats span{display:block}
.course-detail-stats strong{font-family:"Outfit", sans-serif;font-size:2.6rem;font-weight:400}
.course-detail-stats span{margin-top:4px;color:#888;font-size:.77rem;letter-spacing:.1em;text-transform:uppercase}
.course-detail-benefits{padding:120px 0}
.course-detail-benefits>header{max-width:760px;margin-bottom:52px}
.course-detail-benefits h2,.course-detail-courses h2{font-size:clamp(3.3rem,5.5vw,5.6rem);line-height:.96}
.course-detail-benefits>div{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.course-detail-benefits article{min-height:275px;padding:32px;border:1px solid #2c2c2c;border-radius:20px;background:linear-gradient(145deg,#101010,#080808)}
.course-detail-benefits i{display:grid;width:48px;height:48px;place-items:center;border-radius:14px;background:#25130d;color:#f56832;font-size:1.25rem}
.course-detail-benefits h3{margin:52px 0 12px;font-size:1.22rem}
.course-detail-benefits article p{margin:0;color:#8f8f8f;font-size:.92rem;line-height:1.65}
.course-detail-courses{padding:120px 0;background:#0a0a0a;border-block:1px solid #282828}
.course-detail-courses header{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:58px}
.course-detail-courses header>p{max-width:430px;margin:0 0 6px;color:#8f8f8f;line-height:1.65}
#courseGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.course-detail-card{display:flex;min-height:520px;flex-direction:column;padding:34px;border:1px solid #303030;border-radius:22px;background:#050505;transition:.25s}
.course-detail-card:hover{border-color:#613220;transform:translateY(-4px)}
.course-detail-card__top{display:flex;justify-content:space-between;color:#f56832;font-size:.68rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.course-detail-card__top span:last-child{color:#858585}
.course-detail-card h3{max-width:470px;margin:42px 0 16px;font-family:"Outfit", sans-serif;font-size:2.25rem;font-weight:400;line-height:1.02}
.course-detail-card>p{min-height:72px;color:#909090;line-height:1.6}
.course-detail-card ul{margin:8px 0 25px;padding:0;list-style:none}
.course-detail-card li{padding:8px 0;color:#d2d2d2;font-size:.87rem}
.course-detail-card li i{margin-right:10px;color:#f56832}
.course-detail-card__meta{display:flex;gap:25px;margin-top:auto;padding:18px 0;border-top:1px solid #242424;color:#aaa;font-size:.82rem}
.course-detail-card__meta i{margin-right:8px;color:#f56832}
.course-detail-card footer{display:flex;align-items:end;justify-content:space-between;padding-top:23px;border-top:1px solid #242424}
.course-detail-card footer small,.course-detail-card footer strong{display:block}
.course-detail-card footer small{margin-bottom:3px;color:#777;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}
.course-detail-card footer strong{font-size:1.65rem}
.course-detail-card footer a{padding:12px 17px;border:1px solid #454545;border-radius:999px;color:#fff;text-decoration:none;font-size:.84rem;font-weight:600}
.course-detail-card footer a:hover{border-color:#f56832;color:#f56832}
.course-detail-cta{padding:135px 24px;text-align:center;background:radial-gradient(circle at 50% 100%,rgba(177,58,17,.26),transparent 45%),#050505}
.course-detail-cta h2{max-width:850px;margin:0 auto 34px;font-size:clamp(3.5rem,6.5vw,6.5rem);line-height:.92}
@media(max-width:900px){.course-detail-hero__grid{grid-template-columns:1fr}.course-detail-back{margin-bottom:40px}.course-detail-hero figure{aspect-ratio:16/10}.course-detail-benefits>div{grid-template-columns:1fr}.course-detail-benefits article{min-height:auto}.course-detail-benefits h3{margin-top:30px}.course-detail-courses header{display:block}.course-detail-courses header>p{margin-top:22px}.course-detail-card{min-height:500px}}
@media(max-width:700px){.course-detail-shell{width:min(100% - 32px,1180px)}.course-detail-hero{padding:48px 0 58px}.course-detail-hero h1{font-size:clamp(4rem,19vw,6rem)}.course-detail-hero figure{aspect-ratio:4/3;border-radius:18px}.course-detail-stats{grid-template-columns:1fr}.course-detail-stats div+div{border-left:0}.course-detail-stats div{padding:23px 25px}.course-detail-stats strong{font-size:2.15rem}.course-detail-benefits,.course-detail-courses{padding:82px 0}.course-detail-benefits h2,.course-detail-courses h2{font-size:3.45rem}#courseGrid{grid-template-columns:1fr}.course-detail-card{min-height:auto;padding:27px}.course-detail-card>p{min-height:0}.course-detail-card footer{align-items:flex-start;gap:18px;flex-direction:column}.course-detail-card footer a{width:100%;text-align:center}.course-nav-link{padding:9px 13px;font-size:.76rem}}

/* Clean, readable About hero and animated impact counters */
.csa-about-hero{
  min-height:300px;
  background:#030303;
}
.csa-about-hero__content{
  width:min(960px,calc(100% - 48px));
  padding:38px 0;
}
.csa-about-hero__content h1{
  max-width:780px;
  margin-top:14px;
  font-size:clamp(2.7rem,4.5vw,4.6rem);
  line-height:.98;
  text-wrap:balance;
}
.csa-count{
  min-width:4ch;
  font-variant-numeric:tabular-nums;
}
@media(max-width:700px){
  .csa-about-hero{min-height:270px}
  .csa-about-hero__content{width:min(100% - 32px,960px);padding:34px 0}
  .csa-about-hero__content h1{font-size:clamp(2.5rem,11vw,3.8rem)}
}


.main-site-logo { height: 60px !important; width: auto !important; object-fit: contain !important; transform: scale(1.1); transform-origin: left center; }
.footer-site-logo { height: 90px !important; transform: none; object-position: center; }

/* Single official CSA logo: preserve the complete seal and wordmark everywhere. */
.site-navbar .site-brand{
  width:240px!important;
  max-width:240px!important;
  height:76px!important;
  flex:0 0 240px!important;
  padding:2px 0!important;
  overflow:visible!important;
}
.site-navbar .site-brand .main-site-logo{
  display:block!important;
  width:230px!important;
  max-width:100%!important;
  height:72px!important;
  object-fit:contain!important;
  object-position:left center!important;
  transform:none!important;
  filter:none!important;
  background:transparent!important;
}
.simple-footer-brand .main-site-logo{
  display:block!important;
  width:360px!important;
  max-width:100%!important;
  height:123px!important;
  object-fit:contain!important;
  object-position:left center!important;
  transform:none!important;
  filter:none!important;
  background:transparent!important;
}
@media(max-width:1199.98px){
  .site-navbar .site-brand{width:235px!important;max-width:235px!important;height:82px!important;flex-basis:235px!important}
  .site-navbar .site-brand .main-site-logo{width:228px!important;height:78px!important}
}
@media(max-width:480px){
  .site-navbar .site-brand{width:190px!important;max-width:190px!important;height:70px!important;flex-basis:190px!important}
  .site-navbar .site-brand .main-site-logo{width:184px!important;height:66px!important}
  .simple-footer-brand .main-site-logo{width:240px!important;height:123px!important}
}

/* Original CSA editorial layouts: intentionally distinct from reference-site composition. */
.academy-why{padding:64px 24px 12px!important;min-height:0!important;background:radial-gradient(circle at 50% 0,rgba(123,44,18,.22),transparent 42%),#030303!important}
.academy-why-inner{display:block!important;width:min(1060px,100%)!important}
.academy-why-title{text-align:center}
.academy-why-title>span{color:#f47a32!important;font-family:"Outfit",sans-serif!important;font-size:.72rem!important;font-weight:700!important;letter-spacing:.2em!important;text-transform:uppercase}
.academy-why-title h2{max-width:100%;margin:12px auto 32px!important;font-size:clamp(1.8rem,3.8vw,4.5rem)!important;line-height:.92!important;letter-spacing:-.02em;white-space:nowrap}
.academy-why-copy{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:0!important}
.academy-why-copy p{min-height:125px;margin:0!important;padding:23px 25px;border:1px solid #302925;border-radius:18px;color:#c8c8c8!important;background:linear-gradient(145deg,#111,#080808);font-size:.9rem!important;font-style:normal!important;line-height:1.5!important}
.premium-faq{padding:55px 24px!important;background:#070707!important}
.premium-faq .faq-layout{width:min(980px,100%)!important;display:grid!important;grid-template-columns:220px 1fr!important;gap:40px;align-items:center!important}
.premium-faq .faq-intro{position:static;padding:14px!important;border-left:3px solid #f56832;text-align:left!important;align-self:center}
.premium-faq .faq-intro h2{font-size:clamp(1.8rem,2.8vw,2.8rem)!important;line-height:.93!important}
.premium-faq .faq-intro>p{margin-top:14px!important;color:#aaa!important;font-size:.85rem!important;font-style:normal!important;line-height:1.45!important}
.premium-faq .faq-panel{margin:0!important;padding:8px 24px 18px!important;border:1px solid #2f2f2f!important;border-radius:16px!important;background:#0b0b0b!important}
.premium-faq .faq-panel>h3{padding:16px 0 6px;color:#f56832!important;font-size:.65rem!important;font-weight:700!important;letter-spacing:.17em;text-transform:uppercase}
.premium-faq .faq-row>button{font-size:.9rem!important;padding:14px 0!important}
.premium-faq .faq-answer{padding:0 0 16px!important;font-size:14px!important;line-height:1.45!important}
@media(max-width:800px){.academy-why{padding:52px 18px 12px!important}.academy-why-title h2{font-size:clamp(1.2rem,5vw,2.5rem)!important;margin-bottom:26px!important;white-space:normal!important}.academy-why-copy{grid-template-columns:1fr}.academy-why-copy p{min-height:0;padding:21px 22px}.premium-faq .faq-layout{grid-template-columns:1fr!important;gap:25px}.premium-faq .faq-intro{position:static;padding:0 0 18px!important;border-left:0;border-bottom:3px solid #f56832}.premium-faq .faq-panel{padding-inline:16px!important}}

/* Compact home hero headline */
.animated-discount-hero{height:clamp(320px,38vw,420px)}
.animated-discount-hero .discount-bg{background-size:125% auto;background-position:center 50%}
.animated-discount-hero .discount-content{padding:24px 20px}
.animated-discount-hero .discount-content h1{max-width:860px;font-size:clamp(40px,4.2vw,60px);line-height:.96;letter-spacing:-1.2px}
@media(max-width:680px){.animated-discount-hero{height:320px}.animated-discount-hero .discount-bg{background-size:auto 150%;background-position:60% 50%}.animated-discount-hero .discount-content{padding:18px 16px}.animated-discount-hero .discount-content h1{font-size:35px;line-height:1.02}.discount-sub{margin:18px 0}.discount-cta{padding-block:12px}}

/* Compact homepage About band: remove excess empty black space. */
.minimal-about{min-height:320px;padding:50px 24px}
.minimal-about-inner{gap:80px}
.minimal-about-title h2{font-size:48px}
@media(max-width:800px){.minimal-about{padding:44px 24px}.minimal-about-inner{gap:28px}.minimal-about-title h2{font-size:41px}}
@media(max-width:480px){.minimal-about{padding:38px 20px}.minimal-about-title h2{font-size:36px}}

/* Centered certification folder content with a clear course action. */
.enable-folder-grid a .enable-folder-front{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:38px 26px 24px;text-align:center}
.enable-folder-grid a .enable-folder-front h3{margin:7px 0 16px;font-size:1.45rem;line-height:1.05}
.enable-course-label{color:rgba(255,255,255,.78);font-family:"Outfit",sans-serif;font-size:.63rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.enable-folder-action{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:150px;padding:11px 18px;border:1px solid rgba(255,255,255,.8);border-radius:999px;color:#fff;background:rgba(52,10,5,.18);font-family:"Outfit",sans-serif;font-size:.78rem;font-weight:700;box-shadow:0 7px 18px rgba(65,10,5,.14);transition:.22s ease}
.enable-folder-action i{font-size:1rem;font-style:normal;transition:transform .22s ease}
.enable-folder-grid a:hover .enable-folder-action{color:#f35331;background:#fff;box-shadow:0 10px 24px rgba(0,0,0,.2)}
.enable-folder-grid a:hover .enable-folder-action i{transform:translateX(4px)}
.enable-folder-grid a .enable-folder-icon{top:18px;right:24px}
.enable-folder-grid a .enable-folder-number{top:23px;left:25px}
@media(max-width:480px){.enable-folder-grid a .enable-folder-front{padding:36px 22px 22px}.enable-folder-grid a .enable-folder-front h3{font-size:1.35rem}.enable-folder-action{min-width:142px;padding:10px 16px}}

/* Site-wide GCA-inspired typography: Crave Fine displays + Poppins interface copy. */
html,
body,
button,
input,
select,
textarea {
  font-family: var(--font-sans) !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading) !important;
  font-weight: 400;
}

@keyframes marqueeScroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(calc(-50% - 10px)); }
}
.speaker-track {
  animation: marqueeScroll 115s linear infinite !important;
  width: max-content;
}

.speaker-track article {
  width: 260px !important;
  flex: 0 0 260px !important;
  background: linear-gradient(145deg, #0e1526 0%, #090e1a 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  border-radius: 20px !important;
  padding: 18px !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4) !important;
  transition: all 0.3s ease !important;
  overflow: hidden !important;
}
.speaker-track article:hover {
  border-color: rgba(255, 123, 37, 0.4) !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 36px rgba(255, 94, 0, 0.18) !important;
}
.esteemed-speakers {
  min-height: 0;
  padding-top: 65px;
  padding-bottom: 60px;
}
.esteemed-speakers .speaker-heading {
  max-width: 660px;
}
.esteemed-speakers .speaker-heading > span {
  font-family: var(--font-sans) !important;
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.esteemed-speakers .speaker-heading h2 {
  margin-top: 9px;
  font-size: clamp(38px, 3.7vw, 52px);
  line-height: .96;
  letter-spacing: -.7px;
}
.esteemed-speakers .speaker-carousel-shell {
  margin-top: 42px;
}
.esteemed-speakers .speaker-track {
  gap: 22px;
}
.esteemed-speakers .speaker-photo {
  width: 100% !important;
  height: 220px !important;
  aspect-ratio: auto;
  margin-bottom: 14px !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: #080c16 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}
.esteemed-speakers .speaker-photo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: top center !important;
  display: block !important;
  transition: transform 0.4s ease !important;
}
.speaker-track article > span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  color: #ff8c3a !important;
  font-family: var(--font-sans), sans-serif !important;
  font-size: .68rem !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  margin-bottom: 6px !important;
}
.speaker-track article > span::before {
  content: '';
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #ff7b25;
  box-shadow: 0 0 6px #ff7b25;
}
.speaker-track article h3 {
  min-height: 44px !important;
  margin: 0 0 8px !important;
  font-size: 1.08rem !important;
  font-family: var(--font-heading), 'Outfit', sans-serif !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  color: #fff !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
.speaker-track article p {
  color: #94a3b8 !important;
  display: -webkit-box !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  font-size: .78rem !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  text-transform: none !important;
}
.speaker-track article:hover .speaker-photo img {
  transform: scale(1.04) !important;
}
@media(max-width:900px){
  .esteemed-speakers {
    padding-top: 46px;
    padding-bottom: 44px;
  }
  .esteemed-speakers .speaker-carousel-shell {
    margin-top: 34px;
  }
  .speaker-track article {
    width: 240px !important;
    flex: 0 0 240px !important;
  }
}
@media(max-width:620px){
  .esteemed-speakers .speaker-heading h2 {
    font-size: 35px;
  }
  .esteemed-speakers .speaker-photo {
    height: 190px !important;
  }
  .speaker-track article {
    width: 220px !important;
    flex: 0 0 220px !important;
  }
}

/* --------------------------------------------------------------------------
   Site-wide compact section rhythm
   Keeps every content band consistent without changing card internals.
   -------------------------------------------------------------------------- */
:root{
  --section-space:72px;
  --section-space-mobile:48px;
  --section-space-cta:88px;
}

.csa-about-impact,
.csa-about-story,
.csa-about-gallery,
.cert-overview,
.cert-pathways,
.cert-catalogue,
.cert-process,
.events-intro,
.events-feature,
.events-formats,
.events-recap,
.speaker-community,
.speaker-value,
.partners-network,
.skillsmap-intro,
.skillsmap-roles,
.skillsmap-method,
.skillsmap-proof,
.new-store-intro,
.new-store-collection,
.new-store-guide,
.new-blog-intro,
.new-blog-feature,
.new-blog-grid-section,
.new-blog-topics,
.course-detail-benefits,
.course-detail-courses,
.premium-faq{
  padding-top:var(--section-space)!important;
  padding-bottom:var(--section-space)!important;
}

.enable-folders{
  padding-top:56px!important;
  padding-bottom:64px!important;
}

.cert-final-cta,
.events-cta,
.speaker-cta,
.partners-cta,
.skillsmap-cta,
.new-store-cta,
.new-blog-cta,
.course-detail-cta{
  padding-top:var(--section-space-cta)!important;
  padding-bottom:var(--section-space-cta)!important;
}

.cert-page .cert-final-cta{
  padding-top:var(--section-space-cta)!important;
  padding-bottom:var(--section-space-cta)!important;
}

.events-hero,
.speakers-hero,
.partners-hero,
.skillsmap-hero,
.new-store-hero,
.new-blog-hero{
  min-height:clamp(500px,65vh,620px)!important;
}

.events-hero__content,
.speakers-hero__content,
.partners-hero__content,
.skillsmap-hero__content,
.new-store-hero__content,
.new-blog-hero__content{
  padding-top:72px!important;
  padding-bottom:62px!important;
}

.events-intro h2,
.event-section-head h2,
.speakers-intro h2,
.speaker-section-head h2,
.speaker-value h2,
.partners-intro h2,
.partner-section-head h2,
.skillsmap-intro h2,
.skills-section-head h2,
.skillsmap-method h2,
.new-split h2,
.new-section-head h2,
.new-store-guide h2,
.course-detail-benefits h2,
.course-detail-courses h2{
  font-size:clamp(2.8rem,4.6vw,4.5rem)!important;
  line-height:.96!important;
}

.cert-final-cta h2,
.events-cta h2,
.speaker-cta h2,
.partners-cta h2,
.skillsmap-cta h2,
.new-store-cta h2,
.new-blog-cta h2,
.course-detail-cta h2{
  font-size:clamp(3rem,5.4vw,5rem)!important;
  line-height:.94!important;
}

.event-section-head,
.speaker-section-head,
.partner-section-head,
.skills-section-head,
.new-section-head{
  margin-bottom:40px!important;
}

.events-feature__copy{padding:34px 38px!important}
.events-feature__image{min-height:460px}
.events-format-grid article{min-height:220px;padding:28px}
.events-format-grid h3{margin:34px 0 12px}
.events-recap-grid{gap:18px}
.events-recap-grid img{aspect-ratio:16/8.5;margin-bottom:16px}
.csa-about-gallery header{margin-bottom:38px}
.csa-about-stats article{min-height:175px;padding:23px}

.simple-site-footer{
  padding-top:64px;
}

.simple-footer-bottom a{
  color:inherit!important;
  text-decoration:underline;
  text-decoration-color:rgba(255,255,255,.28);
  text-underline-offset:3px;
  transition:color .2s ease,text-decoration-color .2s ease;
}
.simple-footer-bottom a:hover{
  color:#f47a32!important;
  text-decoration-color:#f47a32;
}

@media(max-width:700px){
  .csa-about-impact,
  .csa-about-story,
  .csa-about-gallery,
  .cert-overview,
  .cert-pathways,
  .cert-catalogue,
  .cert-process,
  .events-intro,
  .events-feature,
  .events-formats,
  .events-recap,
  .speaker-community,
  .speaker-value,
  .partners-network,
  .skillsmap-intro,
  .skillsmap-roles,
  .skillsmap-method,
  .skillsmap-proof,
  .new-store-intro,
  .new-store-collection,
  .new-store-guide,
  .new-blog-intro,
  .new-blog-feature,
  .new-blog-grid-section,
  .new-blog-topics,
  .course-detail-benefits,
  .course-detail-courses,
  .premium-faq{
    padding-top:var(--section-space-mobile)!important;
    padding-bottom:var(--section-space-mobile)!important;
  }

  .enable-folders{padding-block:48px!important}

  .cert-final-cta,
  .events-cta,
  .speaker-cta,
  .partners-cta,
  .skillsmap-cta,
  .new-store-cta,
  .new-blog-cta,
  .course-detail-cta{
    padding-top:64px!important;
    padding-bottom:64px!important;
  }

  .cert-page .cert-final-cta{
    padding-top:64px!important;
    padding-bottom:64px!important;
  }

  .events-feature__copy{padding:30px 24px!important}
  .events-format-grid article{min-height:0;padding:25px}
  .events-recap-grid{gap:28px}

  .events-hero,
  .speakers-hero,
  .partners-hero,
  .skillsmap-hero,
  .new-store-hero,
  .new-blog-hero{
    min-height:520px!important;
  }

  .event-section-head,
  .speaker-section-head,
  .partner-section-head,
  .skills-section-head,
  .new-section-head{
    margin-bottom:30px!important;
  }
}

/* ==========================================================================
   Antigravity UX & Visual Overhaul:
   1. Navbar right alignment ("hisko right side me le jaho")
   2. Rich modern dark background (replaces pitch-black void)
   3. Simplified, elegant course tracks
   ========================================================================== */

/* 1. GLOBAL RICH DARK THEME BACKGROUND */
html {
  background-color: #080c14;
}

body {
  background-color: #0a0e18 !important;
  background-image: 
    radial-gradient(circle at 10% 8%, rgba(255, 94, 0, 0.08) 0%, transparent 40%),
    radial-gradient(circle at 90% 20%, rgba(255, 123, 37, 0.06) 0%, transparent 45%),
    radial-gradient(circle at 50% 65%, rgba(14, 165, 233, 0.04) 0%, transparent 50%),
    radial-gradient(circle at 80% 90%, rgba(255, 94, 0, 0.07) 0%, transparent 45%) !important;
  background-attachment: fixed !important;
  color: #f1f5f9 !important;
  font-family: var(--font-sans) !important;
}

/* Ambient glow orbs */
body::before {
  content: "";
  position: fixed;
  top: -15%;
  left: 20%;
  width: 60vw;
  height: 50vh;
  background: radial-gradient(ellipse, rgba(255, 94, 0, 0.09) 0%, rgba(255, 120, 40, 0.02) 60%, transparent 80%);
  filter: blur(100px);
  pointer-events: none;
  z-index: -2;
}

body::after {
  content: "";
  position: fixed;
  bottom: -15%;
  right: 10%;
  width: 55vw;
  height: 50vh;
  background: radial-gradient(ellipse, rgba(255, 94, 0, 0.07) 0%, rgba(14, 165, 233, 0.03) 50%, transparent 80%);
  filter: blur(100px);
  pointer-events: none;
  z-index: -2;
}

/* 2. NAVBAR: RIGHT-ALIGNED & GLASSMORPHIC */
.site-navbar-wrap {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  z-index: 99999 !important;
  background: rgba(8, 12, 22, 0.96) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.6) !important;
}

body {
  padding-top: 82px !important;
}

@media (max-width: 1199.98px) {
  body {
    padding-top: 68px !important;
  }
}

.site-navbar {
  min-height: 82px !important;
  padding: 8px 32px !important;
  background: transparent !important;
}

.site-navbar .container-fluid {
  max-width: 1440px !important;
  margin: 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 !important;
}

.site-navbar .site-brand {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
  text-decoration: none !important;
}

.site-navbar .main-site-logo {
  height: 60px !important;
  width: auto !important;
  object-fit: contain !important;
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.3)) !important;
}

@media (min-width: 1200px) {
  .site-navbar .navbar-collapse {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    position: static !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    border: none !important;
  }
}

.site-navbar .navbar-nav {
  margin-left: auto !important;
  margin-right: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  width: auto !important;
  padding: 0 !important;
}

.site-navbar .nav-item {
  display: flex !important;
  align-items: center !important;
}

.site-navbar .nav-link {
  color: #cbd5e1 !important;
  font-size: 0.92rem !important;
  font-weight: 600 !important;
  padding: 8px 16px !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  white-space: nowrap !important;
}

.site-navbar .nav-link:hover {
  color: #ff7b25 !important;
  background: rgba(255, 94, 0, 0.12) !important;
  transform: translateY(-1px) !important;
}

.site-navbar .nav-link.active {
  color: #ff5e00 !important;
  background: rgba(255, 94, 0, 0.14) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 94, 0, 0.3) !important;
}

.site-navbar .site-login {
  margin-left: 12px !important;
  padding: 9px 24px !important;
  background: linear-gradient(135deg, #ff5e00 0%, #e64a00 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 0.92rem !important;
  box-shadow: 0 4px 18px rgba(255, 94, 0, 0.35) !important;
  transition: all 0.25s ease !important;
}

.site-navbar .site-login:hover {
  background: linear-gradient(135deg, #ff731d 0%, #f05206 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 6px 24px rgba(255, 94, 0, 0.5) !important;
  transform: translateY(-2px) !important;
}

@media (max-width: 1199.98px) {
  .site-navbar {
    padding: 8px 18px !important;
    min-height: 68px !important;
  }
  
  .site-navbar .navbar-toggler {
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    padding: 6px 10px !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, 0.06) !important;
    outline: none !important;
    box-shadow: none !important;
  }

  .site-navbar .navbar-toggler:focus {
    box-shadow: 0 0 0 2px rgba(255, 94, 0, 0.4) !important;
  }

  .site-navbar .navbar-collapse:not(.show) {
    display: none !important;
  }

  .site-navbar .navbar-collapse.collapsing,
  .site-navbar .navbar-collapse.show {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    background: #0b1120 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-bottom: 2px solid #ff5e00 !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 0 0 18px 18px !important;
    padding: 16px 20px 22px !important;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.8) !important;
    z-index: 2200 !important;
    display: block !important;
  }

  .site-navbar .navbar-nav {
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    gap: 6px !important;
  }

  .site-navbar .nav-link {
    padding: 12px 16px !important;
    text-align: left !important;
    font-size: 0.96rem !important;
    border-radius: 10px !important;
  }

  .site-navbar .site-login {
    margin-left: 0 !important;
    margin-top: 12px !important;
    text-align: center !important;
    display: block !important;
    width: 100% !important;
    padding: 12px 20px !important;
  }
}

/* 3. SECTION BACKGROUND OVERRIDES (ELIMINATING FLAT PITCH BLACK) */
.minimal-about {
  background: linear-gradient(180deg, #0a0e18 0%, #111827 50%, #0a0e18 100%) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

.enable-folders {
  background: radial-gradient(ellipse at 50% 30%, rgba(255, 94, 0, 0.11) 0%, rgba(13, 19, 34, 0.95) 55%, #0a0e18 100%) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.academy-why {
  background: linear-gradient(180deg, #0a0e18 0%, #111726 50%, #0a0e18 100%) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.esteemed-speakers {
  background: radial-gradient(ellipse at 50% 15%, rgba(255, 94, 0, 0.09) 0%, rgba(14, 20, 36, 0.96) 60%, #0a0e18 100%) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.esteemed-speakers .expert-card,
.esteemed-speakers .speaker-slide-card,
.esteemed-speakers article {
  background: rgba(18, 25, 44, 0.75) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(12px) !important;
  border-radius: 18px !important;
  transition: all 0.3s ease !important;
}

.esteemed-speakers article:hover {
  border-color: rgba(255, 94, 0, 0.35) !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 30px rgba(255, 94, 0, 0.12) !important;
}

.premium-faq {
  background: linear-gradient(180deg, #0a0e18 0%, #111726 100%) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.premium-faq .faq-panel {
  background: rgba(15, 22, 38, 0.7) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 20px !important;
  backdrop-filter: blur(16px) !important;
}

.premium-faq .faq-row {
  background: rgba(20, 28, 48, 0.6) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 14px !important;
  margin-bottom: 10px !important;
  transition: all 0.25s ease !important;
}

.premium-faq .faq-row:hover,
.premium-faq .faq-row.open {
  background: rgba(26, 36, 62, 0.8) !important;
  border-color: rgba(255, 94, 0, 0.3) !important;
}

.simple-site-footer {
  background: #070a12 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.csa-about-page,
.course-detail-page,
.events-page {
  background-color: #0a0e18 !important;
  background-image: 
    radial-gradient(circle at 15% 10%, rgba(255, 94, 0, 0.08) 0%, transparent 40%),
    radial-gradient(circle at 85% 25%, rgba(255, 123, 37, 0.06) 0%, transparent 45%),
    radial-gradient(circle at 50% 70%, rgba(14, 165, 233, 0.04) 0%, transparent 50%) !important;
}

/* 4. SIMPLIFIED COURSE CARDS & GRID */
.course-detail-hero {
  background: radial-gradient(ellipse at 70% 30%, rgba(255, 94, 0, 0.14) 0%, rgba(14, 20, 36, 0.95) 60%, #0a0e18 100%) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 50px 0 60px !important;
}

.course-detail-benefits {
  background: #0a0e18 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.course-detail-benefits article {
  background: rgba(18, 25, 44, 0.75) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(14px) !important;
  border-radius: 20px !important;
  transition: all 0.3s ease !important;
}

.course-detail-benefits article:hover {
  border-color: rgba(255, 94, 0, 0.35) !important;
  transform: translateY(-4px) !important;
}

.course-detail-courses {
  background: linear-gradient(180deg, #0a0e18 0%, #0e1424 50%, #0a0e18 100%) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  padding: 70px 0 !important;
}

#courseGrid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)) !important;
  gap: 28px !important;
}

.course-detail-card {
  background: rgba(18, 26, 46, 0.85) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  backdrop-filter: blur(20px) !important;
  border-radius: 24px !important;
  padding: 32px 28px !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: auto !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25) !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.course-detail-card:hover {
  border-color: rgba(255, 94, 0, 0.45) !important;
  transform: translateY(-6px) !important;
  box-shadow: 0 20px 45px rgba(255, 94, 0, 0.15), 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

.course-detail-card__top {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 18px !important;
}

.course-badge {
  background: rgba(255, 94, 0, 0.15) !important;
  color: #ff7b25 !important;
  border: 1px solid rgba(255, 94, 0, 0.3) !important;
  padding: 5px 14px !important;
  border-radius: 999px !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.course-level {
  color: #94a3b8 !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
}

.course-detail-card h3 {
  color: #ffffff !important;
  font-size: 1.65rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  margin: 0 0 12px 0 !important;
}

.course-desc {
  color: #94a3b8 !important;
  font-size: 0.92rem !important;
  line-height: 1.55 !important;
  margin-bottom: 20px !important;
  min-height: auto !important;
}

.course-highlights-wrap {
  background: rgba(11, 16, 28, 0.6) !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  border-radius: 16px !important;
  padding: 16px 18px !important;
  margin-bottom: 22px !important;
}

.highlights-title {
  display: block !important;
  color: #e2e8f0 !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  margin-bottom: 10px !important;
}

.course-highlights-wrap ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.course-highlights-wrap li {
  color: #cbd5e1 !important;
  font-size: 0.85rem !important;
  padding: 5px 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  border: none !important;
}

.course-highlights-wrap li i {
  color: #ff5e00 !important;
  font-size: 1rem !important;
  flex: 0 0 auto !important;
}

.course-detail-card__meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
  padding: 14px 0 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  margin-top: auto !important;
  color: #94a3b8 !important;
  font-size: 0.82rem !important;
  font-weight: 500 !important;
}

.course-detail-card__meta i {
  color: #ff7b25 !important;
  margin-right: 4px !important;
}

.course-detail-card footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-top: 18px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  margin-top: 0 !important;
}

.course-detail-card footer small {
  color: #64748b !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
}

.course-detail-card footer strong {
  color: #ffffff !important;
  font-size: 1.45rem !important;
  font-weight: 700 !important;
  display: block !important;
}

.btn-course-enroll {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 22px !important;
  background: linear-gradient(135deg, #ff5e00 0%, #e64a00 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: 0 4px 14px rgba(255, 94, 0, 0.3) !important;
  transition: all 0.25s ease !important;
}

.btn-course-enroll:hover {
  background: linear-gradient(135deg, #ff731d 0%, #f05206 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 6px 20px rgba(255, 94, 0, 0.5) !important;
  transform: translateY(-2px) !important;
}

.course-detail-cta {
  background: radial-gradient(ellipse at 50% 100%, rgba(255, 94, 0, 0.14) 0%, rgba(13, 18, 32, 0.95) 55%, #0a0e18 100%) !important;
}

@media (max-width: 768px) {
  #courseGrid {
    grid-template-columns: 1fr !important;
  }
  .course-detail-card {
    padding: 24px 20px !important;
  }
}

/* ==========================================================================
   WOW CYBER HERO SECTION (Clean & Balanced Typography)
   ========================================================================== */
.wow-cyber-hero {
  position: relative;
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 40px 24px 50px;
  background: #080c16;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.hero-backdrop-media {
  position: absolute;
  inset: 0;
  overflow: hidden;
  z-index: 1;
  pointer-events: none;
}

.hero-bg-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 36%;
  filter: brightness(0.72) saturate(1.2) contrast(1.1);
  transform: scale(1.03);
  animation: heroImgSubtleZoom 20s ease-in-out infinite alternate;
}

@keyframes heroImgSubtleZoom {
  0% { transform: scale(1.02) translate3d(0, 0, 0); }
  100% { transform: scale(1.06) translate3d(0, -6px, 0); }
}

.hero-overlay-gradient {
  position: absolute;
  inset: 0;
  background: 
    radial-gradient(ellipse at 50% 45%, rgba(10, 14, 26, 0.2) 0%, rgba(8, 12, 22, 0.55) 60%, rgba(8, 12, 22, 0.88) 100%),
    linear-gradient(180deg, rgba(10, 14, 26, 0.6) 0%, transparent 35%, rgba(10, 14, 26, 0.92) 100%);
}

.hero-glow-orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  pointer-events: none;
}

.hero-glow-orb-1 {
  top: 10%;
  left: 50%;
  transform: translateX(-50%);
  width: 580px;
  height: 240px;
  background: radial-gradient(ellipse, rgba(255, 94, 0, 0.22) 0%, rgba(255, 123, 37, 0.03) 60%, transparent 80%);
}

.hero-glow-orb-2 {
  bottom: 10%;
  right: 15%;
  width: 400px;
  height: 200px;
  background: radial-gradient(ellipse, rgba(14, 165, 233, 0.12) 0%, transparent 70%);
}

.hero-container {
  position: relative;
  z-index: 2;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}

.hero-content-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 1050px;
  margin: 0 auto;
}

.hero-badge-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 18px;
  background: rgba(255, 94, 0, 0.14);
  border: 1px solid rgba(255, 94, 0, 0.42);
  border-radius: 999px;
  box-shadow: 0 4px 18px rgba(255, 94, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(16px);
  margin-bottom: 14px;
  animation: heroBadgePulse 3s ease-in-out infinite alternate;
}

@keyframes heroBadgePulse {
  0% { box-shadow: 0 4px 16px rgba(255, 94, 0, 0.2); }
  100% { box-shadow: 0 6px 26px rgba(255, 94, 0, 0.4); border-color: rgba(255, 123, 37, 0.55); }
}

.badge-dot {
  width: 7px;
  height: 7px;
  background: #ff5e00;
  border-radius: 50%;
  box-shadow: 0 0 8px #ff5e00;
  animation: badgeDotBlink 1.5s ease-in-out infinite alternate;
}

@keyframes badgeDotBlink {
  0% { opacity: 0.6; transform: scale(0.9); }
  100% { opacity: 1; transform: scale(1.2); }
}

.badge-text {
  color: #ff9d5c;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.hero-main-title {
  color: #ffffff;
  font-family: var(--font-heading), 'Outfit', sans-serif;
  font-size: clamp(26px, 3.2vw, 42px);
  font-weight: 700;
  line-height: 1.26;
  letter-spacing: -0.2px;
  max-width: 900px;
  margin: 0 auto 16px;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.9);
}

.hero-gradient-text {
  color: #ff7b25;
  background: linear-gradient(135deg, #ff9f43 0%, #ff6a00 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  font-weight: 800;
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.8));
}

.hero-subtitle {
  color: #cbd5e1;
  font-size: clamp(0.95rem, 1.1vw, 1.08rem);
  font-weight: 400;
  line-height: 1.55;
  max-width: 820px;
  margin: 0 0 24px 0;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.7);
}

.hero-subtitle strong {
  color: #ffffff;
  font-weight: 600;
}

.hero-actions-group,
.hero-actions-cluster {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
  margin-top: 12px !important;
  margin-bottom: 0 !important;
}

.hero-btn-primary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 13px 28px !important;
  background: linear-gradient(135deg, #ff5e00 0%, #e64a00 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 0.95rem !important;
  text-decoration: none !important;
  box-shadow: 0 6px 20px rgba(255, 94, 0, 0.4) !important;
  white-space: nowrap !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.hero-btn-primary:hover {
  background: linear-gradient(135deg, #ff731d 0%, #f05206 100%) !important;
  transform: translateY(-2px) scale(1.02) !important;
  box-shadow: 0 10px 28px rgba(255, 94, 0, 0.55) !important;
  color: #ffffff !important;
}

.hero-btn-primary i {
  font-size: 1.15rem !important;
  transition: transform 0.25s ease !important;
}

.hero-btn-primary:hover i.arrow-icon {
  transform: translateX(4px) !important;
}

.hero-btn-secondary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 13px 26px !important;
  background: rgba(18, 25, 44, 0.85) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 999px !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  color: #f1f5f9 !important;
  font-weight: 600 !important;
  font-size: 0.95rem !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: all 0.25s ease !important;
}

.hero-btn-secondary:hover {
  background: rgba(30, 41, 68, 0.95) !important;
  border-color: rgba(255, 94, 0, 0.5) !important;
  color: #ff944d !important;
  transform: translateY(-2px) !important;
}

@media (max-width: 580px) {
  .wow-cyber-hero {
    min-height: auto;
    padding: 28px 16px 36px !important;
  }
  .hero-badge-pill {
    padding: 5px 14px !important;
    margin-bottom: 12px !important;
  }
  .badge-text {
    font-size: 0.7rem !important;
    letter-spacing: 0.05em;
  }
  .hero-main-title {
    font-size: 1.45rem !important;
    line-height: 1.24 !important;
    letter-spacing: -0.3px !important;
    margin-bottom: 12px !important;
  }
  .hero-lead-text,
  .hero-subtitle {
    font-size: 0.86rem !important;
    line-height: 1.5 !important;
    margin-bottom: 20px !important;
    color: #cbd5e1 !important;
  }
  .hero-actions-group,
  .hero-actions-cluster {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    gap: 14px !important;
    margin-top: 6px !important;
  }
  .hero-btn-primary,
  .hero-btn-secondary {
    width: 100% !important;
    max-width: 320px !important;
    justify-content: center !important;
    padding: 13px 22px !important;
    font-size: 0.95rem !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
    margin: 0 auto !important;
  }
}




/* ==========================================================================
   CSA APPROACH SECTION (Modern 3-Pillar Cards Layout)
   ========================================================================== */
.csa-approach-section {
  position: relative;
  padding: 85px 20px;
  background: #090d18;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  overflow: hidden;
}

.csa-approach-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 700px;
  height: 300px;
  background: radial-gradient(ellipse, rgba(255, 94, 0, 0.08) 0%, transparent 70%);
  pointer-events: none;
}

.csa-approach-container {
  max-width: 1180px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.csa-approach-header {
  text-align: center;
  max-width: 780px;
  margin: 0 auto 48px;
}

.csa-approach-badge {
  display: inline-flex;
  align-items: center;
  padding: 5px 15px;
  background: rgba(255, 94, 0, 0.1);
  border: 1px solid rgba(255, 94, 0, 0.3);
  border-radius: 999px;
  color: #ff8c3a;
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 14px;
}

.csa-approach-title {
  color: #ffffff;
  font-family: var(--font-heading), 'Outfit', sans-serif;
  font-size: clamp(28px, 3.2vw, 40px);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.6px;
  margin: 0 0 14px;
}

.csa-approach-desc {
  color: #94a3b8;
  font-size: 0.95rem;
  line-height: 1.62;
  margin: 0 auto;
}

.csa-approach-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.csa-approach-card {
  background: rgba(14, 20, 36, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  padding: 30px 24px;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  display: flex;
  flex-direction: column;
}

.csa-approach-card:hover {
  transform: translateY(-5px);
  border-color: rgba(255, 94, 0, 0.4);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.4), 0 0 24px rgba(255, 94, 0, 0.12);
}

.csa-approach-card.highlight-card {
  border-color: rgba(255, 94, 0, 0.3);
  background: linear-gradient(180deg, rgba(255, 94, 0, 0.07) 0%, rgba(14, 20, 36, 0.85) 100%);
}

.csa-approach-card-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  font-size: 1.4rem;
  margin-bottom: 18px;
}

.csa-approach-card-icon.icon-security {
  background: rgba(255, 94, 0, 0.14);
  color: #ff7b25;
  border: 1px solid rgba(255, 94, 0, 0.3);
}

.csa-approach-card-icon.icon-forensics {
  background: rgba(14, 165, 233, 0.14);
  color: #38bdf8;
  border: 1px solid rgba(14, 165, 233, 0.3);
}

.csa-approach-card-icon.icon-law {
  background: rgba(168, 85, 247, 0.14);
  color: #c084fc;
  border: 1px solid rgba(168, 85, 247, 0.3);
}

.csa-approach-card-tag {
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.csa-approach-card h3 {
  color: #ffffff;
  font-size: 1.18rem;
  font-weight: 700;
  margin: 0 0 10px;
  line-height: 1.3;
}

.csa-approach-card p {
  color: #94a3b8;
  font-size: 0.88rem;
  line-height: 1.55;
  margin: 0 0 18px;
  flex: 1 1 auto;
}

.csa-card-points {
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  padding-top: 14px;
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.csa-card-points li {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #cbd5e1;
  font-size: 0.82rem;
  font-weight: 500;
}

.csa-card-points li i {
  color: #ff8c3a;
  font-size: 0.92rem;
}

@media (max-width: 960px) {
  .csa-approach-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .csa-approach-card {
    padding: 22px 18px;
  }
  .csa-approach-section {
    padding: 60px 16px;
  }
}

@media (max-width: 600px) {
  .csa-approach-section {
    padding: 24px 14px 28px !important;
  }
  .csa-approach-header {
    margin-bottom: 16px !important;
  }
  .csa-approach-badge {
    padding: 3px 10px !important;
    font-size: 0.66rem !important;
    margin-bottom: 6px !important;
  }
  .csa-approach-title {
    font-size: 1.3rem !important;
    line-height: 1.2 !important;
    margin-bottom: 6px !important;
  }
  .csa-approach-desc {
    font-size: 0.8rem !important;
    line-height: 1.42 !important;
    color: #94a3b8 !important;
    max-width: 100% !important;
  }
  .csa-approach-grid {
    gap: 10px !important;
  }
  .csa-approach-card {
    padding: 12px 14px !important;
    border-radius: 14px !important;
  }
  .csa-approach-card-icon {
    width: 32px !important;
    height: 32px !important;
    font-size: 0.95rem !important;
    margin-bottom: 6px !important;
    border-radius: 8px !important;
  }
  .csa-approach-card-tag {
    font-size: 0.65rem !important;
    margin-bottom: 2px !important;
  }
  .csa-approach-card h3 {
    font-size: 0.98rem !important;
    line-height: 1.2 !important;
    margin-bottom: 4px !important;
  }
  .csa-approach-card p {
    font-size: 0.78rem !important;
    line-height: 1.38 !important;
    margin-bottom: 8px !important;
  }
  .csa-card-points {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 6px 12px !important;
    padding-top: 6px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
  }
  .csa-card-points li {
    font-size: 0.72rem !important;
    gap: 4px !important;
  }
  .csa-card-points li i {
    font-size: 0.78rem !important;
  }
}

/* ==========================================================================
   ORIGINAL 3D FOLDER CARDS (With Clean & Smaller Fonts)
   ========================================================================== */
.enable-folders {
  position: relative;
  overflow: hidden;
  padding: 42px 20px 48px !important;
  color: #fff;
  background: #080c16 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.enable-folders:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 45%;
  width: 600px;
  height: 280px;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(255, 94, 0, 0.12) 0%, rgba(137, 51, 25, 0.05) 45%, transparent 72%);
  filter: blur(40px);
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.enable-folders-inner,
.enable-folder-shell {
  max-width: 980px;
  width: 100%;
  margin: auto;
  position: relative;
  z-index: 2;
}

.enable-folders-heading {
  text-align: center;
  margin-bottom: 26px !important;
}

.enable-folders-heading h2 {
  margin: 0 0 6px !important;
  font-family: var(--font-heading), 'Outfit', sans-serif !important;
  font-size: clamp(22px, 2.5vw, 30px) !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  letter-spacing: -0.4px !important;
  color: #ffffff !important;
}

.enable-folders-heading p {
  margin: 0 !important;
  color: #94a3b8 !important;
  font-size: 0.88rem !important;
  line-height: 1.45 !important;
}

.enable-folder-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  gap: 16px;
  max-width: 760px !important;
  margin: 0 auto !important;
}

.enable-folder-grid a.enable-folder-card,
.enable-folder-card {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: 240px !important;
  margin: 0 auto !important;
  height: 152px !important;
  min-height: 152px !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease !important;
  text-decoration: none !important;
}

.enable-folder-card:nth-child(1) {
  transform: perspective(1000px) rotateY(-5deg) rotateZ(-1.5deg) rotateX(3deg) !important;
}

.enable-folder-card:nth-child(2) {
  transform: perspective(1000px) rotateY(0deg) rotateZ(0deg) rotateX(3deg) !important;
}

.enable-folder-card:nth-child(3) {
  transform: perspective(1000px) rotateY(5deg) rotateZ(1.5deg) rotateX(3deg) !important;
}

.enable-folder-tab {
  position: absolute !important;
  top: 0 !important;
  left: 8% !important;
  width: 84% !important;
  height: 44px !important;
  border: 1px solid rgba(255, 94, 0, 0.4) !important;
  border-radius: 14px 14px 4px 4px !important;
  background: linear-gradient(180deg, #501d0d 0%, #351308 60%, #1f0b05 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 123, 37, 0.35) !important;
}

.enable-folder-front {
  position: absolute !important;
  inset: 22px 0 0 !important;
  padding: 10px 14px 10px !important;
  border-radius: 10px 10px 14px 14px !important;
  background: linear-gradient(165deg, #ff6433 0%, #ff4b14 46%, #dd3500 100%) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.45), 0 0 14px rgba(255, 94, 0, 0.12) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.35) !important;
  clip-path: polygon(0 0, 100% 0, 97.5% 100%, 2.5% 100%) !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 2px !important;
}

.enable-folder-number {
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  color: rgba(255, 255, 255, 0.95) !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
}

.enable-folder-icon {
  position: absolute !important;
  top: 5px !important;
  right: 12px !important;
  color: #ffffff !important;
  font-size: 1.05rem !important;
  font-style: normal !important;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.25)) !important;
}

.enable-course-label {
  color: rgba(255, 255, 255, 0.9) !important;
  font-family: var(--font-heading), 'Outfit', sans-serif !important;
  font-size: 0.58rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  margin: 0 !important;
  line-height: 1 !important;
}

.enable-folder-front h3 {
  margin: 0 !important;
  font-family: var(--font-heading), 'Outfit', sans-serif !important;
  font-size: 1.08rem !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  letter-spacing: -0.2px !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.25) !important;
}

.enable-folder-desc {
  color: rgba(255, 255, 255, 0.92) !important;
  font-family: var(--font-heading), 'Outfit', sans-serif !important;
  font-size: 0.74rem !important;
  line-height: 1.25 !important;
  margin: 0 0 4px !important;
  max-width: 240px !important;
  font-weight: 500 !important;
}

.enable-folder-action {
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  min-width: 95px !important;
  padding: 4px 12px !important;
  border: 1.2px solid rgba(255, 255, 255, 0.95) !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  background: rgba(0, 0, 0, 0.2) !important;
  font-family: var(--font-heading), 'Outfit', sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  backdrop-filter: blur(6px) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
  transition: all 0.22s ease !important;
}

.enable-folder-action i {
  font-size: 0.85rem !important;
  font-style: normal !important;
  transition: transform 0.2s ease !important;
}

.enable-folder-card:hover {
  transform: perspective(1000px) rotateY(0deg) rotateZ(0deg) rotateX(0deg) translateY(-8px) scale(1.03) !important;
  z-index: 10 !important;
}

.enable-folder-card:hover .enable-folder-front {
  box-shadow: 0 20px 45px rgba(255, 94, 0, 0.35), 0 8px 25px rgba(0, 0, 0, 0.5) !important;
  background: linear-gradient(165deg, #ff7142 0%, #ff521b 46%, #e63900 100%) !important;
}

.enable-folder-card:hover .enable-folder-action {
  color: #ff4b2b !important;
  background: #ffffff !important;
  border-color: #ffffff !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3) !important;
}

.enable-folder-card:hover .enable-folder-action i {
  transform: translateX(4px) !important;
}

@media (max-width: 900px) {
  .enable-folder-grid {
    grid-template-columns: 1fr;
    max-width: 290px !important;
    margin: auto !important;
    gap: 12px;
  }
  .enable-folder-card,
  .enable-folder-card:nth-child(1),
  .enable-folder-card:nth-child(3) {
    transform: none !important;
    max-width: 290px !important;
  }
  .enable-folders {
    padding: 24px 16px 28px !important;
  }
}

@media (max-width: 600px) {
  .enable-folders {
    padding: 18px 14px 22px !important;
  }
  .enable-folders-heading {
    margin-bottom: 10px !important;
  }
  .enable-folders-heading h2 {
    font-size: 1.22rem !important;
    line-height: 1.2 !important;
    margin-bottom: 2px !important;
  }
  .enable-folders-heading p {
    font-size: 0.75rem !important;
    margin-bottom: 2px !important;
  }
  .enable-folder-grid {
    gap: 10px !important;
    max-width: 250px !important;
    margin: 0 auto !important;
  }
  .enable-folder-card {
    height: 108px !important;
    min-height: 108px !important;
    max-width: 250px !important;
  }
  .enable-folder-tab {
    height: 30px !important;
    border-radius: 10px 10px 3px 3px !important;
  }
  .enable-folder-front {
    inset: 15px 0 0 !important;
    padding: 6px 10px 6px !important;
    border-radius: 8px 8px 10px 10px !important;
    gap: 1px !important;
  }
  .enable-folder-number {
    top: 4px !important;
    left: 8px !important;
    font-size: 0.65rem !important;
  }
  .enable-folder-icon {
    top: 3px !important;
    right: 8px !important;
    font-size: 0.85rem !important;
  }
  .enable-course-label {
    font-size: 0.52rem !important;
    margin-bottom: 0 !important;
  }
  .enable-folder-front h3 {
    font-size: 0.88rem !important;
    margin: 0 !important;
    line-height: 1.15 !important;
  }
  .enable-folder-desc {
    font-size: 0.68rem !important;
    line-height: 1.18 !important;
    margin: 0 0 3px !important;
    max-width: 230px !important;
  }
  .enable-folder-action {
    padding: 2px 10px !important;
    font-size: 0.65rem !important;
    min-width: 80px !important;
  }
}

/* ==========================================================================
   ACADEMY LEARNING PHILOSOPHY SECTION (Modernized & Balanced)
   ========================================================================== */
.academy-why {
  position: relative;
  padding: 85px 20px 95px !important;
  background: #090d18 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  overflow: hidden;
}

.academy-why::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 700px;
  height: 300px;
  background: radial-gradient(ellipse, rgba(255, 94, 0, 0.08) 0%, transparent 70%);
  pointer-events: none;
}

.academy-why-inner {
  position: relative;
  z-index: 2;
  max-width: 1160px;
  margin: 0 auto;
}

.academy-why-header {
  text-align: center;
  max-width: 780px;
  margin: 0 auto 50px;
}

.academy-why-badge {
  display: inline-flex;
  align-items: center;
  padding: 5px 15px;
  background: rgba(255, 94, 0, 0.1);
  border: 1px solid rgba(255, 94, 0, 0.3);
  border-radius: 999px;
  color: #ff8c3a;
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 14px;
}

.academy-why-header h2 {
  color: #ffffff !important;
  font-family: var(--font-heading), 'Outfit', sans-serif !important;
  font-size: clamp(28px, 3.2vw, 40px) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.6px !important;
  margin: 0 0 14px !important;
}

.academy-why-subtitle {
  color: #94a3b8;
  font-size: 0.95rem;
  line-height: 1.6;
  margin: 0 auto;
}

.academy-why-cards-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 26px;
}

.why-card {
  background: rgba(14, 20, 36, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 22px;
  padding: 32px 28px;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  display: flex;
  gap: 20px;
  align-items: flex-start;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
}

.why-card:hover {
  transform: translateY(-5px);
  border-color: rgba(255, 94, 0, 0.4);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.45), 0 0 25px rgba(255, 94, 0, 0.14);
}

.why-card.highlight-why {
  border-color: rgba(255, 94, 0, 0.28);
  background: linear-gradient(180deg, rgba(255, 94, 0, 0.07) 0%, rgba(14, 20, 36, 0.85) 100%);
}

.why-card-icon {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  background: rgba(255, 94, 0, 0.12);
  border: 1px solid rgba(255, 94, 0, 0.3);
  color: #ff7b25;
  font-size: 1.5rem;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
}

.why-card.highlight-why .why-card-icon {
  background: rgba(14, 165, 233, 0.12);
  border-color: rgba(14, 165, 233, 0.3);
  color: #38bdf8;
}

.why-card-content {
  flex: 1 1 auto;
}

.why-card-kicker {
  display: block;
  color: #ff8c3a;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.why-card-content h3 {
  color: #ffffff;
  font-family: var(--font-heading), 'Outfit', sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  margin: 0 0 12px;
}

.why-card-content p {
  color: #94a3b8;
  font-size: 0.9rem;
  line-height: 1.6;
  margin: 0 0 20px;
}

.why-card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  padding-top: 16px;
}

.why-card-tags span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 8px;
  color: #cbd5e1;
  font-size: 0.76rem;
  font-weight: 600;
}

.why-card-tags span i {
  color: #ff8c3a;
  font-size: 0.85rem;
}

@media (max-width: 900px) {
  .academy-why-cards-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .why-card {
    padding: 24px 20px;
  }
  .academy-why {
    padding: 60px 16px 70px !important;
  }
}

@media (max-width: 600px) {
  .academy-why {
    padding: 24px 14px 28px !important;
  }
  .academy-why-header {
    margin-bottom: 16px !important;
  }
  .academy-why-badge {
    padding: 3px 10px !important;
    font-size: 0.66rem !important;
    margin-bottom: 6px !important;
  }
  .academy-why-header h2 {
    font-size: 1.3rem !important;
    line-height: 1.2 !important;
    margin-bottom: 6px !important;
  }
  .academy-why-subtitle {
    font-size: 0.8rem !important;
    line-height: 1.4 !important;
  }
  .academy-why-cards-grid {
    gap: 10px !important;
  }
  .why-card {
    padding: 12px 14px !important;
    border-radius: 14px !important;
    gap: 10px !important;
  }
  .why-card-icon {
    width: 34px !important;
    height: 34px !important;
    font-size: 1rem !important;
    border-radius: 8px !important;
  }
  .why-card-kicker {
    font-size: 0.65rem !important;
    margin-bottom: 2px !important;
  }
  .why-card-content h3 {
    font-size: 0.98rem !important;
    line-height: 1.2 !important;
    margin-bottom: 4px !important;
  }
  .why-card-content p {
    font-size: 0.78rem !important;
    line-height: 1.38 !important;
    margin-bottom: 8px !important;
  }
  .why-card-tags {
    gap: 6px !important;
    padding-top: 6px !important;
  }
  .why-card-tags span {
    font-size: 0.7rem !important;
    padding: 2px 8px !important;
    border-radius: 6px !important;
  }
  .why-card-tags span i {
    font-size: 0.75rem !important;
  }
}

/* ==========================================================================
   ESTEEMED SPEAKERS CARDS (Clear, High-Contrast & Readable Typography)
   ========================================================================== */
.esteemed-speakers {
  padding: 65px 28px 85px !important;
  background: #090d18 !important;
  width: 100% !important;
}

.esteemed-speakers .speaker-track {
  display: flex !important;
  gap: 22px !important;
  padding: 10px 4px 24px !important;
}

.esteemed-speakers .speaker-viewport {
  overflow-x: auto !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(255, 94, 0, 0.4) transparent !important;
  padding-bottom: 8px !important;
}

.esteemed-speakers .speaker-viewport::-webkit-scrollbar {
  height: 6px !important;
}

.esteemed-speakers .speaker-viewport::-webkit-scrollbar-thumb {
  background: rgba(255, 94, 0, 0.4) !important;
  border-radius: 999px !important;
}

.esteemed-speakers article {
  width: 290px !important;
  min-width: 290px !important;
  flex: 0 0 290px !important;
  background: #0e1526 !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 20px !important;
  padding: 16px 16px 22px !important;
  display: flex !important;
  flex-direction: column !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.5) !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.esteemed-speakers article:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(255, 94, 0, 0.6) !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.6), 0 0 22px rgba(255, 94, 0, 0.22) !important;
}

.esteemed-speakers .speaker-photo {
  width: 100% !important;
  height: 220px !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  margin-bottom: 16px !important;
  background: #070d1a !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.esteemed-speakers .speaker-photo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: top center !important;
  display: block !important;
  transition: transform 0.35s ease !important;
}

.esteemed-speakers article:hover .speaker-photo img {
  transform: scale(1.04) !important;
}

.esteemed-speakers article span {
  display: inline-block !important;
  color: #ff8c3a !important;
  font-size: 0.74rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.09em !important;
  text-transform: uppercase !important;
  margin-bottom: 6px !important;
}

.esteemed-speakers article h3 {
  color: #ffffff !important;
  font-family: var(--font-heading), 'Outfit', sans-serif !important;
  font-size: 1.16rem !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  margin: 0 0 8px !important;
  letter-spacing: -0.2px !important;
  min-height: 52px !important;
  display: flex !important;
  align-items: flex-start !important;
}

.esteemed-speakers article p {
  color: #e2e8f0 !important;
  font-size: 0.85rem !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
  margin: 0 !important;
  letter-spacing: normal !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 4 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  min-height: 75px !important;
}

@media (max-width: 768px) {
  .esteemed-speakers {
    padding: 28px 14px 34px !important;
  }
  .esteemed-speakers .speaker-heading {
    margin-bottom: 16px !important;
  }
  .esteemed-speakers .speaker-heading > span {
    font-size: 0.68rem !important;
    padding: 3px 10px !important;
    margin-bottom: 6px !important;
  }
  .esteemed-speakers .speaker-heading h2 {
    font-size: 1.32rem !important;
    line-height: 1.2 !important;
    margin-bottom: 6px !important;
  }
  .esteemed-speakers .speaker-track {
    gap: 12px !important;
    padding: 4px 2px 14px !important;
  }
  .esteemed-speakers article {
    width: 210px !important;
    min-width: 210px !important;
    flex: 0 0 210px !important;
    padding: 10px 10px 14px !important;
    border-radius: 14px !important;
  }
  .esteemed-speakers .speaker-photo {
    height: 150px !important;
    border-radius: 10px !important;
    margin-bottom: 8px !important;
  }
  .esteemed-speakers article span {
    font-size: 0.62rem !important;
    margin-bottom: 3px !important;
  }
  .esteemed-speakers article h3 {
    font-size: 0.92rem !important;
    min-height: auto !important;
    line-height: 1.2 !important;
    margin: 0 0 4px !important;
  }
  .esteemed-speakers article p {
    font-size: 0.74rem !important;
    line-height: 1.32 !important;
    min-height: auto !important;
    -webkit-line-clamp: 3 !important;
  }
  .esteemed-speakers .all-speakers,
  .esteemed-speakers a.btn-cta-primary,
  .esteemed-speakers a.hero-btn-secondary {
    margin-top: 14px !important;
    padding: 8px 18px !important;
    font-size: 0.82rem !important;
  }
}

/* ==========================================================================
   4-STEP CAREER ROADMAP & HIGH-IMPACT CTA BANNER
   ========================================================================== */
.csa-journey-section {
  position: relative;
  padding: 85px 24px 95px !important;
  background: #080c16 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  overflow: hidden;
}

.csa-journey-section::before {
  content: '';
  position: absolute;
  top: 15%;
  left: 50%;
  transform: translateX(-50%);
  width: 750px;
  height: 350px;
  background: radial-gradient(ellipse, rgba(255, 94, 0, 0.09) 0%, transparent 70%);
  pointer-events: none;
}

.csa-journey-inner {
  position: relative;
  z-index: 2;
  max-width: 1240px;
  margin: 0 auto;
}

.csa-journey-header {
  text-align: center;
  max-width: 800px;
  margin: 0 auto 52px;
}

.csa-journey-badge {
  display: inline-flex;
  align-items: center;
  padding: 5px 15px;
  background: rgba(255, 94, 0, 0.1);
  border: 1px solid rgba(255, 94, 0, 0.3);
  border-radius: 999px;
  color: #ff8c3a;
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 14px;
}

.csa-journey-header h2 {
  color: #ffffff !important;
  font-family: var(--font-heading), 'Outfit', sans-serif !important;
  font-size: clamp(28px, 3.2vw, 40px) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.6px !important;
  margin: 0 0 14px !important;
}

.csa-journey-subtitle {
  color: #94a3b8;
  font-size: 0.95rem;
  line-height: 1.6;
  margin: 0 auto;
}

.csa-journey-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}

.csa-journey-card {
  position: relative;
  background: #0e1526;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 22px;
  padding: 32px 22px 26px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.csa-journey-card:hover {
  transform: translateY(-7px);
  border-color: rgba(255, 94, 0, 0.5);
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.6), 0 0 25px rgba(255, 94, 0, 0.16);
}

.csa-journey-card.highlight-step {
  border-color: rgba(255, 94, 0, 0.35);
  background: linear-gradient(180deg, rgba(255, 94, 0, 0.08) 0%, #0e1526 100%);
}

.csa-step-indicator {
  position: absolute;
  top: 18px;
  right: 20px;
  font-size: 1.2rem;
  font-weight: 800;
  color: rgba(255, 255, 255, 0.2);
  font-family: var(--font-heading), 'Outfit', sans-serif;
  letter-spacing: -0.5px;
}

.csa-journey-card-icon {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: rgba(255, 94, 0, 0.12);
  border: 1px solid rgba(255, 94, 0, 0.3);
  color: #ff7b25;
  font-size: 1.4rem;
  display: grid;
  place-items: center;
  margin-bottom: 20px;
}

.csa-journey-card.highlight-step .csa-journey-card-icon {
  background: rgba(14, 165, 233, 0.14);
  border-color: rgba(14, 165, 233, 0.35);
  color: #38bdf8;
}

.csa-journey-card h3 {
  color: #ffffff;
  font-family: var(--font-heading), 'Outfit', sans-serif;
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.3;
  margin: 0 0 10px;
}

.csa-journey-card p {
  color: #94a3b8;
  font-size: 0.86rem;
  line-height: 1.55;
  margin: 0 0 20px;
  flex: 1 1 auto;
}

.csa-journey-tag {
  display: inline-block;
  padding: 4px 10px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  color: #cbd5e1;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  width: fit-content;
}

/* HIGH-IMPACT NEXT COHORT CTA BANNER */
.csa-cta-banner {
  position: relative;
  padding: 60px 24px;
  background: #090d18;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.csa-cta-inner {
  max-width: 1140px;
  margin: 0 auto;
  position: relative;
  background: linear-gradient(135deg, rgba(20, 29, 52, 0.85) 0%, rgba(13, 19, 35, 0.95) 100%);
  border: 1px solid rgba(255, 94, 0, 0.3);
  border-radius: 28px;
  padding: 55px 45px;
  text-align: center;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.45), 0 0 40px rgba(255, 94, 0, 0.12);
  overflow: hidden;
}

.csa-cta-inner::before {
  content: '';
  position: absolute;
  top: -50%;
  left: 50%;
  transform: translateX(-50%);
  width: 600px;
  height: 250px;
  background: radial-gradient(ellipse, rgba(255, 94, 0, 0.2) 0%, transparent 70%);
  pointer-events: none;
}

.csa-cta-content {
  position: relative;
  z-index: 2;
  max-width: 760px;
  margin: 0 auto;
}

.csa-cta-badge {
  display: inline-flex;
  align-items: center;
  padding: 5px 15px;
  background: rgba(255, 94, 0, 0.15);
  border: 1px solid rgba(255, 94, 0, 0.4);
  border-radius: 999px;
  color: #ff8c3a;
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.csa-cta-content h2 {
  color: #ffffff;
  font-family: var(--font-heading), 'Outfit', sans-serif;
  font-size: clamp(26px, 3.2vw, 38px);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.5px;
  margin: 0 0 14px;
}

.csa-cta-content p {
  color: #cbd5e1;
  font-size: 0.96rem;
  line-height: 1.6;
  margin: 0 auto 30px;
}

.csa-cta-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

.btn-cta-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 13px 28px;
  background: linear-gradient(135deg, #ff5e00 0%, #e64a00 100%);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  color: #ffffff !important;
  font-size: 0.9rem;
  font-weight: 700;
  text-decoration: none !important;
  box-shadow: 0 6px 20px rgba(255, 94, 0, 0.4);
  transition: all 0.25s ease;
}

.btn-cta-primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 28px rgba(255, 94, 0, 0.55);
}

.btn-cta-secondary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 13px 26px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  color: #ffffff !important;
  font-size: 0.9rem;
  font-weight: 600;
  text-decoration: none !important;
  transition: all 0.25s ease;
}

.btn-cta-secondary:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.4);
  color: #ff8c3a !important;
}

@media (max-width: 1024px) {
  .csa-journey-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}

@media (max-width: 768px) {
  .csa-journey-section {
    padding: 28px 14px 34px !important;
  }
  .csa-journey-header {
    margin-bottom: 16px !important;
  }
  .csa-journey-badge {
    font-size: 0.68rem !important;
    padding: 3px 10px !important;
    margin-bottom: 6px !important;
  }
  .csa-journey-header h2 {
    font-size: 1.32rem !important;
    line-height: 1.2 !important;
    margin-bottom: 6px !important;
  }
  .csa-journey-subtitle {
    font-size: 0.8rem !important;
    line-height: 1.4 !important;
  }
  .csa-journey-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }
  .csa-journey-card {
    padding: 12px 10px 12px !important;
    border-radius: 12px !important;
  }
  .csa-step-indicator {
    font-size: 0.82rem !important;
    top: 8px !important;
    right: 8px !important;
  }
  .csa-journey-card-icon {
    width: 32px !important;
    height: 32px !important;
    font-size: 1rem !important;
    margin-bottom: 8px !important;
    border-radius: 8px !important;
  }
  .csa-journey-card h3 {
    font-size: 0.92rem !important;
    line-height: 1.2 !important;
    margin-bottom: 4px !important;
  }
  .csa-journey-card p {
    font-size: 0.72rem !important;
    line-height: 1.35 !important;
    margin-bottom: 8px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }
  .csa-journey-tag {
    font-size: 0.62rem !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
  }
  .csa-cta-banner {
    padding: 24px 14px 28px !important;
  }
  .csa-cta-inner {
    padding: 20px 14px !important;
    border-radius: 16px !important;
  }
  .csa-cta-badge {
    font-size: 0.68rem !important;
    padding: 3px 10px !important;
    margin-bottom: 8px !important;
  }
  .csa-cta-content h2 {
    font-size: 1.25rem !important;
    line-height: 1.2 !important;
    margin-bottom: 6px !important;
  }
  .csa-cta-content p {
    font-size: 0.78rem !important;
    line-height: 1.4 !important;
    margin-bottom: 14px !important;
  }
  .csa-cta-actions {
    gap: 8px !important;
  }
  .btn-cta-primary,
  .btn-cta-secondary {
    padding: 9px 16px !important;
    font-size: 0.82rem !important;
    width: 100% !important;
    justify-content: center !important;
  }
}

/* ==========================================================================
   CLEAN DIRECT COURSE LISTING (No bulky images, pure course cards)
   ========================================================================== */
.course-detail-page {
  padding: 45px 20px 85px !important;
  background: #080c16 !important;
  min-height: 80vh;
}

.course-clean-shell {
  max-width: 1240px;
  margin: 0 auto;
}

.course-clean-header {
  text-align: center;
  max-width: 820px;
  margin: 0 auto 45px;
}

.course-back-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #94a3b8 !important;
  font-size: 0.84rem;
  font-weight: 600;
  text-decoration: none !important;
  padding: 6px 14px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  margin-bottom: 20px;
  transition: all 0.25s ease;
}

.course-back-btn:hover {
  color: #ff8c3a !important;
  border-color: rgba(255, 94, 0, 0.4);
  background: rgba(255, 94, 0, 0.1);
}

.course-clean-badge {
  display: block;
  color: #ff8c3a;
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.course-clean-header h1 {
  color: #ffffff;
  font-family: var(--font-heading), 'Outfit', sans-serif;
  font-size: clamp(28px, 3.4vw, 42px);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.6px;
  margin: 0 0 12px;
}

.course-clean-header p {
  color: #94a3b8;
  font-size: 0.95rem;
  line-height: 1.6;
  margin: 0 auto;
}

.course-clean-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 26px;
}

.course-clean-card {
  background: #0e1526;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 24px;
  padding: 30px 26px 26px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 14px 35px rgba(0, 0, 0, 0.45);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
}

.course-clean-card:hover {
  transform: translateY(-6px);
  border-color: rgba(255, 94, 0, 0.5);
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.6), 0 0 28px rgba(255, 94, 0, 0.16);
}

.course-card-top-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

.course-index-tag {
  padding: 4px 10px;
  background: rgba(255, 94, 0, 0.12);
  border: 1px solid rgba(255, 94, 0, 0.3);
  border-radius: 6px;
  color: #ff8c3a;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.course-level-tag {
  display: inline-flex;
  align-items: center;
  color: #94a3b8;
  font-size: 0.78rem;
  font-weight: 600;
}

.course-card-name {
  color: #ffffff;
  font-family: var(--font-heading), 'Outfit', sans-serif;
  font-size: 1.35rem;
  font-weight: 700;
  line-height: 1.3;
  margin: 0 0 10px;
}

.course-card-summary {
  color: #94a3b8;
  font-size: 0.88rem;
  line-height: 1.55;
  margin: 0 0 20px;
}

.course-curriculum-box {
  background: rgba(10, 15, 28, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 14px;
  padding: 16px 18px;
  margin-bottom: 22px;
  flex: 1 1 auto;
}

.curriculum-heading {
  display: block;
  color: #e2e8f0;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.curriculum-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.curriculum-list li {
  color: #cbd5e1;
  font-size: 0.82rem;
  line-height: 1.45;
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.curriculum-list li i {
  color: #ff5e00;
  font-size: 0.95rem;
  flex: 0 0 auto;
  margin-top: 1px;
}

.course-features-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding: 14px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  margin-bottom: 20px;
}

.course-features-meta span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #94a3b8;
  font-size: 0.78rem;
  font-weight: 600;
}

.course-features-meta span i {
  color: #ff7b25;
  font-size: 0.9rem;
}

.course-card-action-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.course-fee-block small {
  display: block;
  color: #94a3b8;
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-weight: 600;
}

.course-fee-block strong {
  color: #ffffff;
  font-family: var(--font-heading), 'Outfit', sans-serif;
  font-size: 1.4rem;
  font-weight: 800;
}

.btn-enroll-now {
  display: inline-flex;
  align-items: center;
  padding: 10px 22px;
  background: linear-gradient(135deg, #ff5e00 0%, #e64a00 100%);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  color: #ffffff !important;
  font-size: 0.85rem;
  font-weight: 700;
  text-decoration: none !important;
  box-shadow: 0 4px 16px rgba(255, 94, 0, 0.35);
  transition: all 0.25s ease;
}

.btn-enroll-now:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(255, 94, 0, 0.5);
  color: #ffffff !important;
}

@media (max-width: 768px) {
  .course-clean-grid {
    grid-template-columns: 1fr;
  }
  .course-clean-card {
    padding: 24px 20px 22px;
  }
  .course-detail-page {
    padding: 30px 16px 60px !important;
  }
}

/* ==========================================================================
   MODERN CONTACT & ADVISORY DESK (Dark Glassmorphism & High Contrast)
   ========================================================================== */
.contact-dark-body {
  background: #080c16 !important;
}

.contact-page-modern {
  position: relative;
  padding: 60px 24px 90px !important;
  background: #080c16 !important;
  min-height: 80vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.contact-shell-modern {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1.08fr;
  gap: 55px;
  align-items: center;
}

.contact-info-panel {
  display: flex;
  flex-direction: column;
}

.contact-badge-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 14px;
  background: rgba(255, 94, 0, 0.12);
  border: 1px solid rgba(255, 94, 0, 0.35);
  border-radius: 999px;
  color: #ff8c3a;
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 16px;
  width: fit-content;
}

.contact-headline {
  color: #ffffff !important;
  font-family: var(--font-heading), 'Outfit', sans-serif !important;
  font-size: clamp(32px, 3.8vw, 46px) !important;
  font-weight: 700 !important;
  line-height: 1.18 !important;
  letter-spacing: -0.6px !important;
  margin: 0 0 16px !important;
}

.contact-lead {
  color: #94a3b8 !important;
  font-size: 0.96rem !important;
  line-height: 1.6 !important;
  margin: 0 0 32px !important;
}

.contact-channels-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.contact-channel-item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 20px;
  background: #0e1526;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);
  transition: all 0.25s ease;
}

.contact-channel-item:hover {
  border-color: rgba(255, 94, 0, 0.4);
  transform: translateX(4px);
}

.channel-icon-wrap {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: rgba(255, 94, 0, 0.12);
  border: 1px solid rgba(255, 94, 0, 0.28);
  color: #ff7b25;
  font-size: 1.25rem;
  display: grid;
  place-items: center;
  flex: 0 0 44px;
}

.channel-details {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.channel-details small {
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 2px;
}

.channel-link {
  color: #ffffff !important;
  font-size: 0.95rem;
  font-weight: 600;
  text-decoration: none !important;
  word-break: break-word;
  transition: color 0.2s ease;
}

.channel-link:hover {
  color: #ff8c3a !important;
}

.channel-value {
  color: #cbd5e1;
  font-size: 0.92rem;
  font-weight: 500;
}

/* Form Card */
.contact-form-card {
  background: #0e1526;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 24px;
  padding: 38px 34px;
  box-shadow: 0 16px 45px rgba(0, 0, 0, 0.5), 0 0 30px rgba(255, 94, 0, 0.08);
}

.form-header {
  margin-bottom: 24px;
}

.form-header h3 {
  color: #ffffff;
  font-family: var(--font-heading), 'Outfit', sans-serif;
  font-size: 1.45rem;
  font-weight: 700;
  margin: 0 0 6px;
}

.form-header p {
  color: #94a3b8;
  font-size: 0.86rem;
  margin: 0;
}

.form-field-group {
  margin-bottom: 18px;
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.form-field-group label {
  color: #cbd5e1;
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.03em;
}

.form-field-group input,
.form-field-group select,
.form-field-group textarea {
  width: 100%;
  background: rgba(8, 12, 22, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 12px;
  padding: 12px 16px;
  color: #ffffff !important;
  font-size: 0.9rem;
  font-family: inherit;
  transition: all 0.25s ease;
  outline: none;
}

.form-field-group input::placeholder,
.form-field-group textarea::placeholder {
  color: #64748b;
}

.form-field-group select option {
  background: #0e1526;
  color: #ffffff;
}

.form-field-group input:focus,
.form-field-group select:focus,
.form-field-group textarea:focus {
  border-color: #ff5e00;
  box-shadow: 0 0 0 3px rgba(255, 94, 0, 0.22);
  background: rgba(14, 21, 38, 0.95);
}

.btn-submit-enquiry {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 24px;
  background: linear-gradient(135deg, #ff5e00 0%, #e64a00 100%);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 12px;
  color: #ffffff !important;
  font-size: 0.95rem;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 6px 22px rgba(255, 94, 0, 0.4);
  transition: all 0.25s ease;
  margin-top: 8px;
}

.btn-submit-enquiry:hover {
  background: linear-gradient(135deg, #ff731d 0%, #f05206 100%);
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(255, 94, 0, 0.55);
}

@media (max-width: 900px) {
  .contact-shell-modern {
    grid-template-columns: 1fr;
    gap: 38px;
  }
  .contact-form-card {
    padding: 28px 20px;
  }
  .contact-page-modern {
    padding: 40px 16px 65px !important;
  }
}

/* ==========================================================================
   MODERN SPEAKERS & FACULTY HERO (Cinematic Cyber Command)
   ========================================================================== */
.speakers-page {
  background: #080c16 !important;
}

.speakers-hero-modern {
  position: relative;
  min-height: 560px;
  display: flex;
  align-items: center;
  padding: 95px 0 90px !important;
  overflow: hidden;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: #080c16 !important;
}

.speakers-hero-bg {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}

.speakers-hero-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right center;
  opacity: 0.35;
  filter: contrast(1.1) brightness(0.85);
}

.speakers-hero-gradient-overlay {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 75% 30%, rgba(255, 94, 0, 0.12) 0%, transparent 60%),
              linear-gradient(90deg, #080c16 0%, #080c16 45%, rgba(8, 12, 22, 0.9) 70%, rgba(8, 12, 22, 0.6) 100%);
}

.speakers-hero-grid {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 48px;
  align-items: center;
  position: relative;
  z-index: 3;
}

.speakers-badge-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 16px;
  background: rgba(255, 94, 0, 0.12);
  border: 1px solid rgba(255, 94, 0, 0.35);
  border-radius: 999px;
  color: #ff8c3a;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 18px;
}

.speakers-main-headline {
  font-family: var(--font-heading), 'Outfit', sans-serif !important;
  font-size: clamp(24px, 4.2vw, 50px) !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.5px !important;
  color: #ffffff !important;
  margin: 0 0 16px !important;
}

.speakers-headline-gradient {
  color: #ff8c3a;
  background: linear-gradient(135deg, #ffffff 15%, #ff8c3a 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline;
}

.speakers-lead-text {
  color: #cbd5e1 !important;
  font-size: clamp(0.98rem, 1.15vw, 1.1rem) !important;
  line-height: 1.65 !important;
  max-width: 620px;
  margin: 0 0 28px !important;
}

.speakers-stats-strip {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 32px;
}

.speaker-stat-chip {
  display: flex;
  flex-direction: column;
  padding: 12px 18px;
  background: rgba(14, 21, 38, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  backdrop-filter: blur(12px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);
  min-width: 120px;
}

.speaker-stat-chip strong {
  font-family: var(--font-heading), 'Outfit', sans-serif;
  font-size: 1.45rem;
  font-weight: 800;
  line-height: 1;
}

.stat-chip-orange strong {
  color: #ff7b25;
}

.stat-chip-cyan strong {
  color: #38bdf8;
}

.stat-chip-green strong {
  color: #34d399;
}

.speaker-stat-chip span {
  color: #94a3b8;
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-top: 4px;
}

.speakers-actions-group {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.btn-speakers-explore {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 13px 28px;
  background: linear-gradient(135deg, #ff5e00 0%, #e64a00 100%);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  color: #ffffff !important;
  font-weight: 700;
  font-size: 0.92rem;
  text-decoration: none !important;
  box-shadow: 0 6px 20px rgba(255, 94, 0, 0.4);
  transition: all 0.25s ease;
}

.btn-speakers-explore:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(255, 94, 0, 0.55);
  color: #ffffff !important;
}

.btn-speakers-apply {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 13px 24px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  color: #ffffff !important;
  font-weight: 600;
  font-size: 0.92rem;
  text-decoration: none !important;
  backdrop-filter: blur(8px);
  transition: all 0.25s ease;
}

.btn-speakers-apply:hover {
  border-color: #ff5e00;
  color: #ff8c3a !important;
  background: rgba(255, 94, 0, 0.1);
  transform: translateY(-2px);
}

/* Faculty Highlights Card (Right Side Hero) */
.faculty-showcase-box {
  background: linear-gradient(145deg, #0e162a 0%, #090e1b 100%);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 24px;
  padding: 28px 24px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  position: relative;
}

.faculty-showcase-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  margin-bottom: 18px;
}

.faculty-live-status {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.78rem;
  font-weight: 700;
  color: #f1f5f9;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.status-pulsing-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #22c55e;
  box-shadow: 0 0 10px #22c55e;
}

.faculty-verified-badge {
  font-size: 0.72rem;
  font-weight: 800;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(56, 189, 248, 0.15);
  border: 1px solid rgba(56, 189, 248, 0.4);
  color: #38bdf8;
  text-transform: uppercase;
}

.faculty-sectors-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.faculty-sector-item {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 14px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 14px;
  transition: all 0.25s ease;
}

.faculty-sector-item:hover {
  background: rgba(255, 94, 0, 0.08);
  border-color: rgba(255, 94, 0, 0.3);
  transform: translateX(4px);
}

.sector-icon-wrap {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  flex-shrink: 0;
}

.sector-icon-wrap.icon-military {
  background: rgba(255, 94, 0, 0.15);
  color: #ff7b25;
  border: 1px solid rgba(255, 94, 0, 0.3);
}

.sector-icon-wrap.icon-law-enf {
  background: rgba(56, 189, 248, 0.15);
  color: #38bdf8;
  border: 1px solid rgba(56, 189, 248, 0.3);
}

.sector-icon-wrap.icon-ciso {
  background: rgba(52, 211, 153, 0.15);
  color: #34d399;
  border: 1px solid rgba(52, 211, 153, 0.3);
}

.sector-details strong {
  display: block;
  color: #ffffff;
  font-size: 0.9rem;
  font-weight: 700;
  margin-bottom: 2px;
}

.sector-details p {
  margin: 0;
  color: #94a3b8;
  font-size: 0.76rem;
  line-height: 1.35;
}

.faculty-showcase-footer {
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  font-size: 0.78rem;
  color: #cbd5e1;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 992px) {
  .speakers-hero-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}


/* Modern Speaker Community Grid */
.speaker-community {
  background: #080c16 !important;
  padding: 85px 0 100px !important;
}

.speaker-community .speaker-section-head h2 {
  color: #ffffff !important;
  font-family: var(--font-heading), 'Outfit', sans-serif !important;
  font-size: clamp(30px, 3.8vw, 44px) !important;
  font-weight: 700 !important;
}

.speaker-community .speaker-kicker {
  color: #ff7b25 !important;
  font-weight: 700;
  font-size: 0.78rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.speaker-community .speaker-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 24px !important;
}

.speaker-community .speaker-grid article {
  background: linear-gradient(145deg, #0e1526 0%, #090e1a 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  border-radius: 20px !important;
  padding: 20px !important;
  box-shadow: 0 14px 35px rgba(0, 0, 0, 0.45) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative !important;
  overflow: hidden !important;
}

.speaker-community .speaker-grid article:hover {
  border-color: rgba(255, 123, 37, 0.45) !important;
  transform: translateY(-5px) !important;
  box-shadow: 0 20px 45px rgba(255, 94, 0, 0.22) !important;
}

.speaker-community .speaker-photo {
  border-radius: 14px !important;
  overflow: hidden !important;
  height: 250px !important;
  background: #080c16 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  margin-bottom: 16px !important;
  width: 100% !important;
  position: relative !important;
}

.speaker-community .speaker-photo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: top center !important;
  display: block !important;
  transition: transform 0.4s ease !important;
}

.speaker-community article:hover .speaker-photo img {
  transform: scale(1.05) !important;
}

.speaker-community article > span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: #ff8c3a !important;
  font-family: var(--font-sans), sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  margin-bottom: 8px !important;
}

.speaker-community article > span::before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ff7b25;
  box-shadow: 0 0 8px #ff7b25;
}

.speaker-community article h3 {
  color: #ffffff !important;
  font-family: var(--font-heading), 'Outfit', sans-serif !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  margin: 0 0 10px !important;
  min-height: 48px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.speaker-community article p {
  color: #94a3b8 !important;
  font-size: 0.82rem !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  margin: 0 !important;
  min-height: 60px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-transform: none !important;
}

@media (max-width: 1200px) {
  .speaker-community .speaker-grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

@media (max-width: 860px) {
  .speaker-community .speaker-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
  }
}

@media (max-width: 520px) {
  .speaker-community .speaker-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 900px) {
  .speakers-hero-modern {
    padding: 36px 16px 40px !important;
    min-height: auto;
  }
  .speakers-hero-grid {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }
  .speakers-hero-gradient-overlay {
    background: linear-gradient(180deg, rgba(8, 12, 22, 0.85) 0%, rgba(8, 12, 22, 0.96) 60%, #080c16 100%);
  }
}

@media (max-width: 600px) {
  .speakers-hero-modern {
    padding: 24px 12px 30px !important;
  }
  .speakers-badge-pill {
    font-size: 0.65rem !important;
    padding: 3px 10px !important;
    margin-bottom: 8px !important;
  }
  .speakers-main-headline {
    font-size: 1.45rem !important;
    line-height: 1.22 !important;
    letter-spacing: -0.3px !important;
    margin-bottom: 8px !important;
  }
  .speakers-lead-text {
    font-size: 0.8rem !important;
    line-height: 1.4 !important;
    margin-bottom: 14px !important;
  }
  .speakers-stats-strip {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 6px !important;
    margin-bottom: 16px !important;
  }
  .speaker-stat-chip {
    padding: 8px 4px !important;
    min-width: 0 !important;
    border-radius: 10px !important;
    text-align: center !important;
    align-items: center !important;
  }
  .speaker-stat-chip strong {
    font-size: 1.15rem !important;
    line-height: 1 !important;
  }
  .speaker-stat-chip span {
    font-size: 0.58rem !important;
    margin-top: 2px !important;
    line-height: 1.1 !important;
  }
  .speakers-actions-group {
    flex-direction: column !important;
    width: 100% !important;
    gap: 8px !important;
  }
  .btn-speakers-explore,
  .btn-speakers-apply {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 9px 16px !important;
    font-size: 0.84rem !important;
    border-radius: 10px !important;
  }
  .faculty-showcase-box {
    padding: 16px 12px !important;
    border-radius: 16px !important;
  }
  .faculty-showcase-header {
    padding-bottom: 10px !important;
    margin-bottom: 12px !important;
  }
  .faculty-live-status {
    font-size: 0.72rem !important;
  }
  .faculty-verified-badge {
    font-size: 0.68rem !important;
    padding: 2px 6px !important;
  }
  .faculty-sector-item {
    padding: 8px 10px !important;
    border-radius: 10px !important;
    gap: 10px !important;
    margin-bottom: 8px !important;
  }
  .sector-icon-wrap {
    width: 32px !important;
    height: 32px !important;
    font-size: 0.95rem !important;
    border-radius: 8px !important;
  }
  .sector-details strong {
    font-size: 0.8rem !important;
    line-height: 1.2 !important;
  }
  .sector-details p {
    font-size: 0.7rem !important;
    line-height: 1.25 !important;
    margin: 0 !important;
  }
  .faculty-showcase-footer {
    font-size: 0.72rem !important;
    margin-top: 10px !important;
    padding-top: 8px !important;
  }
  .speaker-community {
    padding: 30px 0 50px !important;
  }
  .speaker-section-head {
    margin-bottom: 20px !important;
  }
  .speaker-section-head h2 {
    font-size: 1.35rem !important;
  }
  .speaker-community .speaker-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
  }
  .speaker-community .speaker-grid article {
    padding: 12px 8px !important;
    border-radius: 12px !important;
  }
  .speaker-community .speaker-photo {
    height: 120px !important;
    border-radius: 8px !important;
    margin-bottom: 8px !important;
  }
  .speaker-community article > span {
    font-size: 0.6rem !important;
    padding: 2px 6px !important;
    margin-bottom: 4px !important;
  }
  .speaker-community article h3 {
    font-size: 0.82rem !important;
    line-height: 1.2 !important;
    margin-bottom: 4px !important;
  }
  .speaker-community article p {
    font-size: 0.68rem !important;
    line-height: 1.25 !important;
    min-height: auto !important;
    -webkit-line-clamp: 2 !important;
  }
}

/* ==========================================================================
   MODERN EVENTS & LIVE LEARNING HERO & PAGE (Cinematic Cyber Command)
   ========================================================================== */
.events-page {
  background: #080c16 !important;
}

.events-hero-modern {
  position: relative;
  min-height: 520px;
  display: flex;
  align-items: center;
  padding: 85px 24px 80px !important;
  overflow: hidden;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: #080c16 !important;
}

.events-hero-bg {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}

.events-hero-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right center;
  opacity: 0.52;
  filter: contrast(1.1) brightness(0.9);
}

.events-hero-gradient-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #080c16 0%, #080c16 40%, rgba(8, 12, 22, 0.88) 65%, rgba(8, 12, 22, 0.4) 100%),
              radial-gradient(circle at 20% 50%, rgba(255, 94, 0, 0.15) 0%, transparent 60%);
}

.events-hero-modern {
  position: relative;
  min-height: 85vh;
  display: flex;
  align-items: center;
  padding: 100px 0 90px !important;
  background: #080c16;
  overflow: hidden;
}

.events-hero-bg {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.events-hero-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.35;
}

.events-hero-gradient-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(8, 12, 22, 0.96) 0%, rgba(8, 12, 22, 0.88) 55%, rgba(8, 12, 22, 0.65) 100%);
}

.events-hero-grid-2col {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 48px;
  align-items: center;
}

.events-hero-left {
  max-width: 660px;
}

.events-badge-pill,
.events-kicker-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 16px;
  background: rgba(255, 94, 0, 0.12);
  border: 1px solid rgba(255, 94, 0, 0.35);
  border-radius: 999px;
  color: #ff8c3a;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 18px;
}

.live-ping-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #22c55e;
  box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7);
  animation: livePing 2s infinite;
}

@keyframes livePing {
  0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7); }
  70% { transform: scale(1); box-shadow: 0 0 0 8px rgba(34, 197, 94, 0); }
  100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); }
}

.events-main-headline {
  font-family: var(--font-heading), 'Outfit', sans-serif !important;
  font-size: clamp(34px, 4.2vw, 54px) !important;
  font-weight: 800 !important;
  line-height: 1.14 !important;
  letter-spacing: -0.6px !important;
  color: #ffffff !important;
  margin: 0 0 16px !important;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.6);
}

.events-lead-text {
  color: #cbd5e1 !important;
  font-size: clamp(1rem, 1.2vw, 1.12rem) !important;
  line-height: 1.65 !important;
  max-width: 620px;
  margin: 0 0 28px !important;
}

.events-stats-strip {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 32px;
}

.event-stat-chip {
  display: flex;
  flex-direction: column;
  padding: 10px 18px;
  background: rgba(14, 21, 38, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 14px;
  backdrop-filter: blur(12px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
}

.event-stat-chip strong {
  color: #ff7b25;
  font-family: var(--font-heading), 'Outfit', sans-serif;
  font-size: 1.35rem;
  font-weight: 800;
  line-height: 1;
}

.event-stat-chip span {
  color: #94a3b8;
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-top: 4px;
}

.events-actions-group {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.btn-events-explore {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 28px;
  background: linear-gradient(135deg, #ff5e00 0%, #e64a00 100%);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  color: #ffffff !important;
  font-weight: 700;
  font-size: 0.92rem;
  text-decoration: none !important;
  box-shadow: 0 6px 20px rgba(255, 94, 0, 0.4);
  transition: all 0.25s ease;
}

.btn-events-explore:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(255, 94, 0, 0.55);
  color: #ffffff !important;
}

.btn-events-register {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  color: #ffffff !important;
  font-weight: 600;
  font-size: 0.92rem;
  text-decoration: none !important;
  backdrop-filter: blur(8px);
  transition: all 0.25s ease;
}

.btn-events-register:hover {
  border-color: #25D366;
  color: #25D366 !important;
  background: rgba(37, 211, 102, 0.1);
  transform: translateY(-2px);
}

/* Right Column Spotlight Card */
.event-spotlight-card {
  background: linear-gradient(145deg, rgba(14, 22, 42, 0.92) 0%, rgba(8, 12, 22, 0.95) 100%);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(16px);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.event-spotlight-card:hover {
  border-color: rgba(255, 123, 37, 0.45);
  transform: translateY(-4px);
  box-shadow: 0 24px 60px rgba(255, 94, 0, 0.2);
}

.spotlight-card-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 22px;
  background: rgba(255, 255, 255, 0.03);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.spotlight-live-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  color: #38bdf8;
  text-transform: uppercase;
}

.pulse-radar-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #38bdf8;
  box-shadow: 0 0 8px #38bdf8;
}

.spotlight-badge-ghost {
  font-size: 0.7rem;
  font-weight: 700;
  color: #94a3b8;
  background: rgba(255, 255, 255, 0.05);
  padding: 3px 10px;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.spotlight-card-body {
  padding: 26px 24px 28px;
}

.spotlight-track-pill {
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #ff8c3a;
  background: rgba(255, 94, 0, 0.12);
  border: 1px solid rgba(255, 94, 0, 0.3);
  padding: 4px 12px;
  border-radius: 999px;
  margin-bottom: 12px;
}

.spotlight-event-title {
  font-family: var(--font-heading), 'Outfit', sans-serif !important;
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  line-height: 1.3 !important;
  margin: 0 0 12px !important;
}

.spotlight-event-desc {
  color: #94a3b8;
  font-size: 0.88rem;
  line-height: 1.55;
  margin: 0 0 20px;
}

.spotlight-meta-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 24px;
  padding: 14px 16px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 14px;
}

.spotlight-meta-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.spotlight-meta-item i {
  font-size: 1.15rem;
  margin-top: 2px;
}

.spotlight-meta-item strong {
  display: block;
  font-size: 0.86rem;
  color: #ffffff;
  font-weight: 700;
}

.spotlight-meta-item small {
  display: block;
  font-size: 0.78rem;
  color: #94a3b8;
}

.spotlight-cta-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 13px 20px;
  border-radius: 12px;
  background: linear-gradient(135deg, #ff5e00 0%, #ea580c 100%);
  color: #ffffff !important;
  font-weight: 700;
  font-size: 0.9rem;
  text-decoration: none !important;
  box-shadow: 0 8px 24px rgba(255, 94, 0, 0.35);
  transition: all 0.25s ease;
}

.spotlight-cta-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(255, 94, 0, 0.5);
  color: #ffffff !important;
}

/* Events Intro & Core Experience Pillars */
.events-intro {
  background: #080c16 !important;
  padding: 95px 0 100px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.events-intro__top {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 50px;
  align-items: flex-end;
  margin-bottom: 48px;
}

.events-intro__head h2 {
  font-family: var(--font-heading), 'Outfit', sans-serif !important;
  font-size: clamp(30px, 3.8vw, 44px) !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  line-height: 1.18 !important;
  margin: 0 !important;
}

.events-intro__desc {
  color: #94a3b8;
  font-size: 1rem;
  line-height: 1.65;
  margin: 0;
}

.events-intro__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.events-intro-card {
  background: linear-gradient(145deg, #0e162a 0%, #090e1b 100%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 22px;
  padding: 32px 26px;
  box-shadow: 0 14px 35px rgba(0, 0, 0, 0.4);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.events-intro-card:hover {
  border-color: rgba(255, 123, 37, 0.45);
  transform: translateY(-5px);
  box-shadow: 0 18px 45px rgba(255, 94, 0, 0.18);
}

.events-intro-card__icon {
  width: 50px;
  height: 50px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  font-size: 1.4rem;
  margin-bottom: 20px;
}

.icon-orange-glow {
  background: rgba(255, 94, 0, 0.15);
  color: #ff7b25;
  border: 1px solid rgba(255, 94, 0, 0.3);
}

.icon-cyan-glow {
  background: rgba(56, 189, 248, 0.15);
  color: #38bdf8;
  border: 1px solid rgba(56, 189, 248, 0.3);
}

.icon-purple-glow {
  background: rgba(192, 132, 252, 0.15);
  color: #c084fc;
  border: 1px solid rgba(192, 132, 252, 0.3);
}

.events-pillar-sub {
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #94a3b8;
  margin-bottom: 6px;
}

.events-intro-card h4 {
  font-family: var(--font-heading), 'Outfit', sans-serif !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin: 0 0 12px !important;
}

.events-intro-card p {
  color: #94a3b8 !important;
  font-size: 0.88rem !important;
  line-height: 1.6 !important;
  margin: 0 0 18px !important;
  flex-grow: 1;
}

.events-pillar-bullets {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  padding-top: 14px;
}

.events-pillar-bullets li {
  font-size: 0.8rem;
  color: #cbd5e1;
  display: flex;
  align-items: center;
  gap: 8px;
}

.text-purple {
  color: #c084fc !important;
}

@media (max-width: 992px) {
  .events-hero-grid-2col {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .events-intro__top {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-bottom: 35px;
  }
  .events-intro__cards {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}


/* Feature Experience */
.events-feature {
  background: #0b101e !important;
  padding: 85px 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.events-feature .event-section-head h2 {
  color: #ffffff !important;
  font-family: var(--font-heading), 'Outfit', sans-serif !important;
  font-size: clamp(30px, 3.8vw, 44px) !important;
  font-weight: 700 !important;
}

.events-feature .event-section-head p {
  color: #94a3b8;
  font-size: 0.95rem;
}

.events-feature__card {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 40px;
  background: #0e1526;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 24px;
  overflow: hidden;
  padding: 34px;
  box-shadow: 0 16px 45px rgba(0, 0, 0, 0.4);
  align-items: center;
}

.events-feature__image {
  border-radius: 18px;
  overflow: hidden;
  height: 360px;
  background: #080c16;
}

.events-feature__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.events-sub-badge {
  color: #ff7b25;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  display: block;
}

.events-feature__copy h3 {
  font-family: var(--font-heading), 'Outfit', sans-serif !important;
  font-size: 1.85rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin: 10px 0 14px !important;
  line-height: 1.2 !important;
}

.events-feature__copy p {
  color: #94a3b8;
  font-size: 0.94rem;
  line-height: 1.6;
}

.events-feature__copy ul {
  list-style: none;
  padding: 0;
  margin: 18px 0 24px;
}

.events-feature__copy li {
  color: #cbd5e1;
  font-size: 0.9rem;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
}

.btn-events-feature-action {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 26px;
  background: rgba(255, 94, 0, 0.15);
  border: 1px solid rgba(255, 94, 0, 0.4);
  border-radius: 999px;
  color: #ff8c3a !important;
  font-weight: 700;
  text-decoration: none !important;
  font-size: 0.88rem;
  transition: all 0.25s ease;
}

.btn-events-feature-action:hover {
  background: #ff5e00;
  color: #ffffff !important;
  transform: translateY(-2px);
}

/* Formats Grid */
.events-formats {
  background: #080c16 !important;
  padding: 85px 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.events-formats .event-section-head h2 {
  color: #ffffff !important;
  font-family: var(--font-heading), 'Outfit', sans-serif !important;
  font-size: clamp(30px, 3.8vw, 44px) !important;
  font-weight: 700 !important;
}

.events-format-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 36px;
}

.events-format-grid article {
  background: #0e1526;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  padding: 30px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
  transition: all 0.3s ease;
}

.events-format-grid article:hover {
  border-color: rgba(255, 94, 0, 0.35);
  transform: translateY(-4px);
}

.events-format-grid span {
  color: #ff7b25;
  font-family: var(--font-heading), 'Outfit', sans-serif;
  font-size: 1.8rem;
  font-weight: 800;
  display: block;
  margin-bottom: 12px;
}

.events-format-grid h3 {
  color: #ffffff;
  font-family: var(--font-heading), 'Outfit', sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 10px;
}

.events-format-grid p {
  color: #94a3b8;
  font-size: 0.88rem;
  line-height: 1.55;
  margin: 0;
}

/* Recap Grid */
.events-recap {
  background: #0b101e !important;
  padding: 85px 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.events-recap .event-section-head h2 {
  color: #ffffff !important;
  font-family: var(--font-heading), 'Outfit', sans-serif !important;
  font-size: clamp(30px, 3.8vw, 44px) !important;
  font-weight: 700 !important;
}

.events-recap-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 36px;
}

.events-recap-grid article {
  background: #0e1526;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  overflow: hidden;
  padding: 18px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
  transition: all 0.3s ease;
}

.events-recap-grid article:hover {
  border-color: rgba(255, 94, 0, 0.35);
  transform: translateY(-4px);
}

.events-recap-grid img {
  width: 100%;
  height: 190px;
  object-fit: cover;
  border-radius: 14px;
  margin-bottom: 14px;
}

.events-recap-grid span {
  color: #ff7b25;
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  display: block;
  margin-bottom: 6px;
}

.events-recap-grid h3 {
  color: #ffffff;
  font-family: var(--font-heading), 'Outfit', sans-serif;
  font-size: 1.08rem;
  font-weight: 700;
  margin: 0;
  line-height: 1.3;
}

/* Events CTA Command Box */
.events-cta {
  background: #080c16 !important;
  padding: 95px 20px 115px !important;
}

.events-cta-command-box {
  background: linear-gradient(135deg, #0e172e 0%, #0a0f1d 60%, #110d18 100%);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 28px;
  padding: 60px 36px;
  max-width: 860px;
  margin: 0 auto;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6);
  position: relative;
  overflow: hidden;
}

.events-cta-command-box::before {
  content: '';
  position: absolute;
  top: -50%;
  left: 50%;
  transform: translateX(-50%);
  width: 400px;
  height: 200px;
  background: radial-gradient(circle, rgba(255, 94, 0, 0.2) 0%, transparent 70%);
  pointer-events: none;
}

.events-cta-command-box h2 {
  font-family: var(--font-heading), 'Outfit', sans-serif !important;
  font-size: clamp(28px, 3.8vw, 44px) !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  margin: 14px 0 16px !important;
  line-height: 1.18 !important;
}

.events-cta-lead {
  color: #cbd5e1;
  font-size: 1.05rem;
  line-height: 1.6;
  max-width: 620px;
  margin: 0 auto 32px;
}

.events-cta-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

@media (max-width: 900px) {
  .events-hero-modern {
    padding: 60px 16px 65px !important;
    min-height: auto;
  }
  .events-hero-gradient-overlay {
    background: linear-gradient(180deg, rgba(8, 12, 22, 0.85) 0%, rgba(8, 12, 22, 0.96) 60%, #080c16 100%);
  }
  .events-intro__grid,
  .events-feature__card {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .events-format-grid,
  .events-recap-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .events-format-grid,
  .events-recap-grid,
  .events-stats {
    grid-template-columns: 1fr;
  }
  .events-cta-command-box {
    padding: 40px 20px;
  }
}


/* ==========================================================================
   CDFI - CERTIFIED DIGITAL FORENSICS INVESTIGATOR PAGE STYLES
   ========================================================================== */
.cdfi-page-body {
  background: #080c16 !important;
  color: #ffffff;
}

.cdfi-breadcrumb-bar {
  padding: 22px 0 10px;
  background: #060911;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.cdfi-back-link {
  color: #94a3b8;
  font-size: 0.88rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: color 0.2s ease;
}

.cdfi-back-link:hover {
  color: #ff7b25;
}

/* Shield Badge Hero */
.cdfi-hero-banner {
  padding: 45px 0 35px;
  background: radial-gradient(ellipse at 50% 30%, rgba(155, 44, 152, 0.15) 0%, #080c16 70%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.cdfi-badge-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.cdfi-shield-badge {
  width: 160px;
  height: 185px;
  background: linear-gradient(135deg, #10192e 0%, #080c16 100%);
  border: 3px solid #ff7b25;
  border-radius: 20px 20px 85px 85px;
  box-shadow: 0 12px 35px rgba(255, 94, 0, 0.35), inset 0 0 20px rgba(255, 94, 0, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  padding: 12px;
}

.cdfi-shield-badge::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #ff5e00, #38bdf8, #ff5e00);
}

.shield-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  width: 100%;
  text-align: center;
}

.shield-brand {
  font-family: var(--font-heading), 'Outfit', sans-serif;
  font-size: 0.85rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  color: #ffffff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding-bottom: 4px;
  width: 90%;
}

.shield-title {
  display: flex;
  flex-direction: column;
  font-size: 0.55rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  color: #cbd5e1;
  line-height: 1.25;
  text-transform: uppercase;
}

.shield-ribbon {
  width: 100%;
  padding: 5px 0;
  background: linear-gradient(135deg, #ff5e00 0%, #d946ef 100%);
  color: #ffffff;
  font-weight: 900;
  font-size: 1.05rem;
  letter-spacing: 0.12em;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

.cdfi-badge-img-box {
  margin-bottom: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cdfi-badge-img-box img {
  height: 180px !important;
  width: auto !important;
  max-width: 260px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 12px 35px rgba(255, 94, 0, 0.5)) drop-shadow(0 0 25px rgba(255, 255, 255, 0.25)) contrast(1.15) brightness(1.15) !important;
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.cdfi-badge-img-box img:hover {
  transform: scale(1.05);
}

.cdfi-title-block {
  text-align: center;
}

.cdfi-sub-org {
  display: inline-block;
  font-size: 0.95rem;
  font-weight: 800;
  letter-spacing: 0.15em;
  color: #ff8c3a;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.cdfi-main-course-title {
  font-family: var(--font-heading), 'Outfit', sans-serif;
  font-size: clamp(28px, 4.5vw, 48px);
  font-weight: 900;
  color: #ffffff;
  letter-spacing: 0.02em;
  margin: 0 0 10px;
  text-transform: uppercase;
  text-shadow: 0 4px 25px rgba(0, 0, 0, 0.8);
}

/* Course Overview Section */
.cdfi-overview-section {
  padding: 60px 0 70px;
  background: #080c16;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.cdfi-about-content {
  background: linear-gradient(145deg, #0e162a 0%, #090e1b 100%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 24px;
  padding: 38px 34px;
  box-shadow: 0 14px 35px rgba(0, 0, 0, 0.4);
}

.cdfi-section-heading {
  font-family: var(--font-heading), 'Outfit', sans-serif;
  font-size: 1.85rem;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 16px;
}

.cdfi-lead-desc {
  color: #cbd5e1;
  font-size: 1.02rem;
  line-height: 1.7;
  margin-bottom: 28px;
}

.cdfi-learn-subheading {
  font-family: var(--font-heading), 'Outfit', sans-serif;
  font-size: 1.3rem;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 16px;
}

.cdfi-learn-checklist {
  list-style: none;
  padding: 0;
  margin: 0;
}

.cdfi-learn-checklist li {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 16px;
  font-size: 0.95rem;
  color: #cbd5e1;
  line-height: 1.55;
}

.cdfi-learn-checklist i {
  color: #10b981;
  font-size: 1.25rem;
  flex-shrink: 0;
  margin-top: 1px;
}

/* Pricing Sidebar Card */
.cdfi-sidebar-card {
  background: linear-gradient(145deg, #0e162a 0%, #0a0f1d 100%);
  border: 1px solid rgba(255, 123, 37, 0.3);
  border-radius: 24px;
  padding: 32px 26px;
  box-shadow: 0 16px 45px rgba(0, 0, 0, 0.5), 0 0 30px rgba(255, 94, 0, 0.08);
  position: sticky;
  top: 110px;
}

.cdfi-price-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 22px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  margin-bottom: 20px;
}

.cdfi-price-current {
  font-family: var(--font-heading), 'Outfit', sans-serif;
  font-size: 2.2rem;
  font-weight: 800;
  color: #ffffff;
  line-height: 1;
}

.cdfi-price-original {
  font-size: 1.15rem;
  color: #64748b;
  text-decoration: line-through;
  font-weight: 600;
  margin-left: 8px;
}

.cdfi-discount-badge {
  padding: 4px 10px;
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
  border-radius: 6px;
  color: #10b981;
  font-size: 0.76rem;
  font-weight: 800;
}

.cdfi-meta-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 26px;
}

.cdfi-meta-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  font-size: 0.9rem;
}

.cdfi-meta-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.meta-label {
  color: #94a3b8;
  font-weight: 600;
  display: flex;
  align-items: center;
}

.meta-value {
  color: #ffffff;
  font-weight: 700;
}

.cdfi-sidebar-actions {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.btn-cdfi-enroll {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 13px 20px;
  background: linear-gradient(135deg, #ff5e00 0%, #e64a00 100%);
  color: #ffffff !important;
  font-weight: 700;
  font-size: 0.95rem;
  border-radius: 12px;
  text-decoration: none !important;
  box-shadow: 0 8px 22px rgba(255, 94, 0, 0.4);
  transition: all 0.25s ease;
}

.btn-cdfi-enroll:hover {
  background: linear-gradient(135deg, #ff731d 0%, #f05206 100%);
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(255, 94, 0, 0.6);
  color: #ffffff !important;
}

.btn-cdfi-syllabus {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 20px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.18);
  color: #ffffff !important;
  font-weight: 600;
  font-size: 0.92rem;
  border-radius: 12px;
  text-decoration: none !important;
  transition: all 0.25s ease;
}

.btn-cdfi-syllabus:hover {
  background: rgba(255, 94, 0, 0.12);
  border-color: #ff5e00;
  color: #ff8c3a !important;
  transform: translateY(-2px);
}

/* ==========================================================================
   13 MODULES INTERACTIVE COMPONENT
   ========================================================================== */
.cdfi-modules-section {
  padding: 70px 0 80px;
  background: #060911;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.cdfi-modules-container {
  display: flex;
  background: linear-gradient(145deg, #0e162a 0%, #090e1b 100%);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6);
  min-height: 520px;
}

.cdfi-modules-sidebar {
  width: 340px;
  flex-shrink: 0;
  background: #080c16;
  padding: 28px 18px;
  border-right: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  flex-direction: column;
}

.cdfi-modules-sidebar-title {
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  color: #ff8c3a;
  margin-bottom: 16px;
  padding-left: 8px;
  text-transform: uppercase;
}

.cdfi-modules-tab-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: 440px;
  overflow-y: auto;
  padding-right: 6px;
}

.cdfi-modules-tab-list::-webkit-scrollbar {
  width: 5px;
}

.cdfi-modules-tab-list::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.02);
}

.cdfi-modules-tab-list::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 999px;
}

.cdfi-mobile-module-dropdown {
  width: 100%;
  background: #0e162a url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ff8c3a'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") no-repeat right 14px center/14px 14px !important;
  border: 1px solid rgba(255, 94, 0, 0.4) !important;
  border-radius: 12px !important;
  color: #ffffff !important;
  padding: 10px 38px 10px 14px !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  outline: none !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

.cdfi-mobile-module-dropdown option {
  background: #080c16 !important;
  color: #ffffff !important;
  padding: 8px !important;
}

.cdfi-module-tab-btn {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 6px !important;
  width: 100% !important;
  padding: 12px 16px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-left: 4px solid transparent !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.02) !important;
  color: #94a3b8 !important;
  cursor: pointer !important;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
  text-align: left !important;
  text-decoration: none !important;
}

.cdfi-module-tab-btn .badge-num {
  display: inline-block !important;
  font-family: var(--font-heading), 'Outfit', sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  color: #ff8c3a !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  background: rgba(255, 94, 0, 0.12) !important;
  border: 1px solid rgba(255, 94, 0, 0.3) !important;
  padding: 2px 8px !important;
  border-radius: 6px !important;
  white-space: nowrap !important;
  line-height: 1.2 !important;
}

.cdfi-module-tab-btn.active .badge-num {
  background: #ff5e00 !important;
  color: #ffffff !important;
  border-color: #ff5e00 !important;
}

.cdfi-module-tab-btn .mod-name {
  display: block !important;
  font-family: var(--font-heading), 'Outfit', sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  color: #e2e8f0 !important;
  line-height: 1.3 !important;
}

.cdfi-module-tab-btn:hover {
  background: rgba(255, 94, 0, 0.08) !important;
  color: #ffffff !important;
  border-color: rgba(255, 94, 0, 0.35) !important;
  transform: translateX(4px) !important;
}

.cdfi-module-tab-btn:hover .mod-name {
  color: #ffffff !important;
}

.cdfi-module-tab-btn.active {
  background: linear-gradient(135deg, rgba(255, 94, 0, 0.2) 0%, rgba(14, 22, 42, 0.98) 100%) !important;
  color: #ffffff !important;
  border-color: rgba(255, 94, 0, 0.6) !important;
  border-left: 4px solid #ff5e00 !important;
  box-shadow: 0 6px 20px rgba(255, 94, 0, 0.18) !important;
}

.cdfi-module-tab-btn.active .mod-name {
  color: #ffffff !important;
}

.cdfi-modules-panel {
  flex: 1;
  padding: 45px 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: transparent;
}

.cdfi-module-pill {
  display: inline-block;
  padding: 5px 14px;
  background: rgba(255, 94, 0, 0.15);
  border: 1px solid rgba(255, 94, 0, 0.4);
  color: #ff8c3a;
  border-radius: 6px;
  font-weight: 800;
  font-size: 0.78rem;
  margin-bottom: 14px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.cdfi-panel-title {
  font-family: var(--font-heading), 'Outfit', sans-serif;
  font-size: clamp(24px, 2.4vw, 32px);
  font-weight: 800;
  color: #ffffff;
  margin-bottom: 12px;
  line-height: 1.2;
}

.cdfi-panel-desc {
  font-size: 0.98rem;
  color: #cbd5e1;
  line-height: 1.65;
  margin-bottom: 24px;
}

.cdfi-learn-box {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  padding: 24px;
  margin-bottom: 24px;
}

.cdfi-learn-box-title {
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  color: #ff8c3a;
  text-transform: uppercase;
  margin-bottom: 14px;
}

.cdfi-learn-item {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #e2e8f0;
  font-size: 0.92rem;
  font-weight: 600;
}

.cdfi-learn-item i {
  color: #10b981;
  font-size: 1.2rem;
  font-weight: 800;
}

.cdfi-panel-footer {
  text-align: right;
  margin-top: 10px;
}

.btn-cdfi-panel-enroll {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 12px 28px;
  background: linear-gradient(135deg, #ff5e00 0%, #e64a00 100%);
  color: #ffffff !important;
  font-weight: 700;
  border-radius: 10px;
  text-decoration: none !important;
  box-shadow: 0 6px 18px rgba(255, 94, 0, 0.35);
  transition: all 0.25s ease;
}

.btn-cdfi-panel-enroll:hover {
  background: #e64a00;
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(255, 94, 0, 0.5);
}

@media (max-width: 768px) {
  .cdfi-hero-banner {
    padding: 24px 14px 18px !important;
  }
  .cdfi-badge-wrapper {
    gap: 10px !important;
  }
  .cdfi-badge-img-box {
    margin-bottom: 8px !important;
  }
  .cdfi-badge-img-box img {
    height: 75px !important;
    max-width: 120px !important;
  }
  .cdfi-sub-org {
    font-size: 0.68rem !important;
    margin-bottom: 4px !important;
    letter-spacing: 0.08em !important;
  }
  .cdfi-main-course-title {
    font-size: 1.28rem !important;
    line-height: 1.25 !important;
    margin: 0 0 10px !important;
  }
  .csa-cohort-timer-card {
    padding: 14px 10px 12px !important;
    border-radius: 14px !important;
    margin: 12px auto 16px !important;
  }
  .cohort-timer-header {
    font-size: 0.65rem !important;
    margin-bottom: 8px !important;
    letter-spacing: 1px !important;
  }
  .cohort-countdown-grid {
    gap: 4px !important;
    margin-bottom: 10px !important;
  }
  .timer-unit {
    min-width: 44px !important;
  }
  .timer-num {
    font-size: 1.35rem !important;
  }
  .timer-label {
    font-size: 0.55rem !important;
    margin-top: 2px !important;
  }
  .timer-colon {
    font-size: 1.1rem !important;
    margin-bottom: 6px !important;
  }
  .cohort-badges-row {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 5px !important;
    padding-top: 8px !important;
  }
  .cohort-badge {
    font-size: 0.7rem !important;
    padding: 4px 6px !important;
    border-radius: 6px !important;
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }
  .cdfi-overview-section {
    padding: 20px 0 30px !important;
  }
  .cdfi-about-content {
    padding: 16px 12px !important;
    border-radius: 14px !important;
  }
  .cdfi-section-heading {
    font-size: 1.22rem !important;
    margin-bottom: 6px !important;
  }
  .cdfi-lead-desc {
    font-size: 0.78rem !important;
    line-height: 1.4 !important;
    margin-bottom: 14px !important;
  }
  .cdfi-learn-subheading {
    font-size: 0.98rem !important;
    margin-bottom: 8px !important;
  }
  .cdfi-learn-checklist li {
    gap: 8px !important;
    margin-bottom: 8px !important;
    font-size: 0.76rem !important;
    line-height: 1.38 !important;
  }
  .cdfi-learn-checklist i {
    font-size: 0.95rem !important;
  }
  .cdfi-sidebar-card {
    padding: 16px 12px !important;
    border-radius: 14px !important;
    margin-top: 14px !important;
  }
  .cdfi-price-current {
    font-size: 1.45rem !important;
  }
  .cdfi-price-original {
    font-size: 0.88rem !important;
  }
  .cdfi-discount-badge {
    font-size: 0.68rem !important;
    padding: 2px 6px !important;
  }
  .cdfi-meta-list {
    gap: 6px !important;
    margin-bottom: 12px !important;
  }
  .cdfi-meta-item {
    font-size: 0.74rem !important;
    padding-bottom: 6px !important;
    flex-wrap: wrap !important;
    gap: 2px !important;
  }
  .btn-cdfi-preregister,
  .btn-cdfi-syllabus,
  .btn-cdfi-enroll {
    padding: 8px 12px !important;
    font-size: 0.8rem !important;
    border-radius: 8px !important;
  }
  .cdfi-modules-section {
    padding: 25px 0 35px !important;
  }
  .cdfi-modules-container {
    flex-direction: column !important;
    border-radius: 16px !important;
    min-height: auto !important;
  }
  .cdfi-modules-sidebar {
    width: 100% !important;
    border-right: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding: 14px 12px 10px !important;
  }
  .cdfi-modules-sidebar-title {
    font-size: 0.74rem !important;
    margin-bottom: 8px !important;
    padding-left: 2px !important;
  }
  .cdfi-modules-tab-list {
    display: none !important;
  }
  .cdfi-mobile-module-dropdown {
    display: block !important;
  }
  .cdfi-modules-panel {
    padding: 16px 12px 18px !important;
  }
  .cdfi-module-pill {
    font-size: 0.68rem !important;
    padding: 3px 8px !important;
    margin-bottom: 8px !important;
  }
  .cdfi-panel-title {
    font-size: 1.15rem !important;
    line-height: 1.25 !important;
    margin-bottom: 6px !important;
  }
  .cdfi-panel-desc {
    font-size: 0.78rem !important;
    line-height: 1.4 !important;
    margin-bottom: 12px !important;
  }
  .cdfi-learn-box {
    padding: 12px 10px !important;
    margin-bottom: 14px !important;
    border-radius: 12px !important;
  }
  .cdfi-learn-box-title {
    font-size: 0.68rem !important;
    margin-bottom: 8px !important;
  }
  .cdfi-learn-item {
    gap: 6px !important;
    font-size: 0.75rem !important;
    line-height: 1.35 !important;
    margin-bottom: 6px !important;
  }
  .cdfi-learn-item i {
    font-size: 0.95rem !important;
  }
  .cdfi-panel-footer {
    text-align: center !important;
    margin-top: 4px !important;
  }
  .btn-cdfi-panel-enroll {
    width: 100% !important;
    justify-content: center !important;
    padding: 9px 16px !important;
    font-size: 0.84rem !important;
    border-radius: 10px !important;
  }
  .cdfi-detailed-learn-section {
    padding: 28px 0 35px !important;
  }
  .cdfi-section-header-centered {
    margin-bottom: 22px !important;
  }
  .cdfi-block-heading {
    font-size: 1.3rem !important;
    line-height: 1.2 !important;
    margin-bottom: 6px !important;
  }
  .cdfi-section-lead {
    font-size: 0.78rem !important;
    line-height: 1.4 !important;
  }
  .cdfi-learn-cards-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
  }
  .cdfi-learn-card {
    padding: 12px 10px !important;
    border-radius: 12px !important;
  }
  .cdfi-learn-card h4 {
    font-size: 0.86rem !important;
    line-height: 1.25 !important;
    margin-bottom: 4px !important;
  }
  .cdfi-learn-card p {
    font-size: 0.72rem !important;
    line-height: 1.35 !important;
  }
  .cdfi-framework-section {
    padding: 28px 0 !important;
  }
  .cdfi-framework-box {
    padding: 16px 12px !important;
    border-radius: 16px !important;
  }
  .cdfi-framework-subtitle {
    font-size: 0.82rem !important;
    margin-bottom: 16px !important;
  }
  .cdfi-framework-pills {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 6px !important;
    margin-bottom: 16px !important;
  }
  .cdfi-step-pill {
    padding: 6px 8px !important;
    font-size: 0.7rem !important;
    border-radius: 8px !important;
    text-align: center !important;
    justify-content: center !important;
  }
  .cdfi-framework-box .row {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
    margin: 0 !important;
  }
  .cdfi-framework-box .row > div {
    width: 100% !important;
    padding: 0 !important;
  }
  .cdfi-framework-box .row > div:last-child {
    grid-column: span 2 !important;
  }
  .cdfi-stat-card {
    padding: 12px 8px !important;
    border-radius: 12px !important;
  }
  .cdfi-stat-card h3 {
    font-size: 1.35rem !important;
    margin-bottom: 2px !important;
  }
  .cdfi-stat-card p {
    font-size: 0.7rem !important;
    line-height: 1.25 !important;
  }
  .csci-badge-card h3 {
    font-size: 1.1rem !important;
  }
  .cdfi-benefits-section {
    padding: 28px 0 40px !important;
  }
  .cdfi-benefits-cards-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
  }
  .cdfi-benefit-card {
    padding: 12px 10px !important;
    border-radius: 12px !important;
  }
  .benefit-card-icon-wrap {
    width: 36px !important;
    height: 36px !important;
    font-size: 1.1rem !important;
    margin-bottom: 10px !important;
  }
  .cdfi-benefit-card h4 {
    font-size: 0.86rem !important;
    margin-bottom: 4px !important;
  }
  .cdfi-benefit-card p {
    font-size: 0.72rem !important;
    line-height: 1.35 !important;
  }
}


/* ==========================================================================
   WHAT YOU WILL LEARN - 15-POINT CARDS GRID
   ========================================================================== */
.cdfi-detailed-learn-section {
  padding: 95px 0 105px;
  background: #080c16;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.cdfi-section-header-centered {
  text-align: center;
  max-width: 780px;
  margin: 0 auto 55px;
}

.cdfi-kicker-pill {
  display: inline-flex;
  align-items: center;
  padding: 5px 16px;
  background: rgba(255, 94, 0, 0.12);
  border: 1px solid rgba(255, 94, 0, 0.35);
  border-radius: 999px;
  color: #ff8c3a;
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 14px;
}

.cdfi-block-heading {
  font-family: var(--font-heading), 'Outfit', sans-serif;
  font-size: clamp(28px, 3.4vw, 44px);
  font-weight: 800;
  color: #ffffff;
  margin-bottom: 12px;
  line-height: 1.2;
}

.cdfi-section-lead {
  color: #94a3b8;
  font-size: 1rem;
  line-height: 1.6;
  margin: 0;
}

.cdfi-learn-cards-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.cdfi-learn-card {
  background: linear-gradient(145deg, #0e162a 0%, #090e1b 100%);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 20px;
  padding: 26px 22px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  display: flex;
  flex-direction: column;
}

.cdfi-learn-card:hover {
  transform: translateY(-5px);
  border-color: rgba(255, 123, 37, 0.45);
  box-shadow: 0 16px 40px rgba(255, 94, 0, 0.16);
}

.cdfi-learn-card.highlight-learn-card {
  border-color: rgba(16, 185, 129, 0.4);
  background: linear-gradient(145deg, rgba(16, 185, 129, 0.08) 0%, #0e162a 100%);
}

.learn-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

.learn-num-badge {
  font-family: var(--font-heading), 'Outfit', sans-serif;
  font-size: 0.82rem;
  font-weight: 800;
  color: #ff8c3a;
  background: rgba(255, 94, 0, 0.12);
  border: 1px solid rgba(255, 94, 0, 0.3);
  padding: 3px 10px;
  border-radius: 6px;
}

.learn-card-icon {
  font-size: 1.4rem;
}

.cdfi-learn-card h4 {
  font-family: var(--font-heading), 'Outfit', sans-serif;
  font-size: 1.15rem;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 8px;
  line-height: 1.3;
}

.cdfi-learn-card p {
  color: #94a3b8;
  font-size: 0.86rem;
  line-height: 1.55;
  margin: 0;
}

.text-orange { color: #ff7b25 !important; }
.text-cyan { color: #38bdf8 !important; }
.text-purple { color: #c084fc !important; }

/* ==========================================================================
   FRAMEWORK SECTION
   ========================================================================== */
.cdfi-framework-section {
  padding: 85px 0;
  background: #080c16;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.cdfi-framework-box {
  background: linear-gradient(145deg, #0e162a 0%, #090e1b 100%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 28px;
  padding: 45px 36px;
  box-shadow: 0 16px 45px rgba(0, 0, 0, 0.4);
}

.cdfi-framework-subtitle {
  color: #cbd5e1;
  font-size: 1.05rem;
  line-height: 1.5;
  margin-bottom: 32px;
}

.cdfi-framework-subtitle .text-highlight {
  color: #ff5e00;
  font-weight: 700;
}

.cdfi-framework-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  margin-bottom: 36px;
}

.cdfi-step-pill {
  padding: 10px 20px;
  border-radius: 999px;
  background: rgba(255, 94, 0, 0.12);
  border: 1px solid rgba(255, 94, 0, 0.35);
  color: #ff8c3a;
  font-size: 0.84rem;
  font-weight: 700;
  text-align: center;
}

.cdfi-stat-card {
  background: #080c16;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  padding: 24px 20px;
  text-align: center;
  height: 100%;
}

.cdfi-stat-card h3 {
  font-family: var(--font-heading), 'Outfit', sans-serif;
  font-size: 2rem;
  font-weight: 800;
  color: #ff7b25;
  margin-bottom: 6px;
}

.cdfi-stat-card p {
  color: #94a3b8;
  font-size: 0.85rem;
  line-height: 1.4;
  margin: 0;
}

.csci-badge-card {
  border-color: rgba(16, 185, 129, 0.3);
  background: rgba(16, 185, 129, 0.05);
}

.csci-badge-card span {
  font-size: 0.72rem;
  color: #10b981;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  display: block;
  margin-bottom: 4px;
}

.csci-badge-card h3 {
  font-size: 1.35rem;
  color: #ffffff;
}

/* ==========================================================================
   KEY BENEFITS - 3-COLUMN CARDS GRID
   ========================================================================== */
.cdfi-benefits-section {
  padding: 95px 0 115px;
  background: #080c16;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.cdfi-benefits-cards-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.cdfi-benefit-card {
  background: linear-gradient(145deg, #0e162a 0%, #090e1b 100%);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 22px;
  padding: 30px 24px;
  box-shadow: 0 14px 35px rgba(0, 0, 0, 0.4);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  display: flex;
  flex-direction: column;
}

.cdfi-benefit-card:hover {
  transform: translateY(-5px);
  border-color: rgba(255, 123, 37, 0.45);
  box-shadow: 0 18px 45px rgba(255, 94, 0, 0.18);
}

.cdfi-benefit-card.highlight-benefit {
  border-color: rgba(255, 94, 0, 0.35);
  background: linear-gradient(145deg, rgba(255, 94, 0, 0.08) 0%, #0e162a 100%);
}

.benefit-card-icon-wrap {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  font-size: 1.35rem;
  margin-bottom: 18px;
}

.icon-orange { background: rgba(255, 94, 0, 0.15); color: #ff7b25; border: 1px solid rgba(255, 94, 0, 0.3); }
.icon-cyan { background: rgba(56, 189, 248, 0.15); color: #38bdf8; border: 1px solid rgba(56, 189, 248, 0.3); }
.icon-green { background: rgba(16, 185, 129, 0.15); color: #10b981; border: 1px solid rgba(16, 185, 129, 0.3); }
.icon-purple { background: rgba(192, 132, 252, 0.15); color: #c084fc; border: 1px solid rgba(192, 132, 252, 0.3); }
.icon-gold { background: rgba(251, 191, 36, 0.15); color: #fbbf24; border: 1px solid rgba(251, 191, 36, 0.3); }

.cdfi-benefit-card h4 {
  font-family: var(--font-heading), 'Outfit', sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 10px;
  line-height: 1.25;
}

.cdfi-benefit-card p {
  color: #94a3b8;
  font-size: 0.88rem;
  line-height: 1.6;
  margin: 0;
  flex-grow: 1;
}

.btn-cdfi-bottom-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 15px 38px;
  background: linear-gradient(135deg, #ff5e00 0%, #e64a00 100%);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  color: #ffffff !important;
  font-size: 1.05rem;
  font-weight: 700;
  text-decoration: none !important;
  box-shadow: 0 8px 25px rgba(255, 94, 0, 0.45);
  transition: all 0.25s ease;
}

.btn-cdfi-bottom-cta:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 32px rgba(255, 94, 0, 0.6);
  color: #ffffff !important;
}

@media (max-width: 992px) {
  .cdfi-learn-cards-grid,
  .cdfi-benefits-cards-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .cdfi-learn-cards-grid,
  .cdfi-benefits-cards-grid {
    grid-template-columns: 1fr;
  }
  .cdfi-framework-box {
    padding: 30px 18px;
  }
}

@media (max-width: 900px) {
  .cdfi-modules-container {
    flex-direction: column;
  }
  .cdfi-modules-sidebar {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #1e293b;
    padding: 20px 14px;
  }
  .cdfi-modules-tab-list {
    flex-direction: row;
    overflow-x: auto;
    overflow-y: hidden;
    max-height: none;
    padding-bottom: 8px;
  }
  .cdfi-module-tab-btn {
    flex-shrink: 0;
    width: auto;
    padding: 8px 14px;
  }
  .cdfi-modules-panel {
    padding: 28px 20px;
  }
  .cdfi-framework-box {
    padding: 30px 18px;
  }
}

/* ==========================================================================
   HOME PAGE 5-CARD STATS SECTION (PREMIUM DARK CYBER GLASSMORPHIC)
   ========================================================================== */
.csa-home-stats-section {
  padding: 85px 0 95px;
  background: radial-gradient(circle at 50% 30%, rgba(14, 21, 38, 0.95) 0%, #080c16 80%);
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  position: relative;
  z-index: 5;
}

.csa-home-stats-head {
  margin-bottom: 42px;
}

.csa-stats-badge {
  display: inline-flex;
  align-items: center;
  padding: 6px 16px;
  border-radius: 999px;
  background: rgba(255, 94, 0, 0.12);
  border: 1px solid rgba(255, 94, 0, 0.35);
  color: #ff8c3a;
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 14px;
}

.csa-stats-title {
  font-family: var(--font-heading), 'Outfit', sans-serif;
  font-size: clamp(28px, 3.5vw, 42px);
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 8px;
  line-height: 1.2;
}

.csa-stats-subtitle {
  color: #94a3b8;
  font-size: 0.98rem;
  max-width: 650px;
  margin: 0 auto;
}

.csa-home-stats-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 18px;
}

.csa-home-stat-card {
  background: linear-gradient(145deg, #0e1526 0%, #090e1a 100%);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 20px;
  padding: 26px 20px;
  box-shadow: 0 14px 35px rgba(0, 0, 0, 0.45);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  overflow: hidden;
  min-height: 180px;
}

.csa-stat-top-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}

.csa-stat-icon {
  font-size: 1.45rem;
}

.csa-stat-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.csa-stat-number {
  font-family: var(--font-heading), 'Outfit', sans-serif;
  font-size: 2.25rem;
  font-weight: 800;
  margin-bottom: 8px;
  line-height: 1;
  letter-spacing: -0.02em;
}

.csa-stat-label {
  font-size: 0.78rem;
  font-weight: 600;
  color: #94a3b8;
  line-height: 1.45;
  margin: 0;
}

/* Accent 1: Orange */
.stat-accent-orange .csa-stat-number,
.stat-accent-orange .csa-stat-icon {
  color: #ff7b25;
}
.stat-accent-orange .csa-stat-dot {
  background: #ff7b25;
  box-shadow: 0 0 10px #ff7b25;
}
.stat-accent-orange:hover {
  border-color: rgba(255, 123, 37, 0.5);
  transform: translateY(-5px);
  box-shadow: 0 16px 40px rgba(255, 123, 37, 0.2);
}

/* Accent 2: Cyan */
.stat-accent-cyan .csa-stat-number,
.stat-accent-cyan .csa-stat-icon {
  color: #38bdf8;
}
.stat-accent-cyan .csa-stat-dot {
  background: #38bdf8;
  box-shadow: 0 0 10px #38bdf8;
}
.stat-accent-cyan:hover {
  border-color: rgba(56, 189, 248, 0.5);
  transform: translateY(-5px);
  box-shadow: 0 16px 40px rgba(56, 189, 248, 0.2);
}

/* Accent 3: Purple */
.stat-accent-purple .csa-stat-number,
.stat-accent-purple .csa-stat-icon {
  color: #c084fc;
}
.stat-accent-purple .csa-stat-dot {
  background: #c084fc;
  box-shadow: 0 0 10px #c084fc;
}
.stat-accent-purple:hover {
  border-color: rgba(192, 132, 252, 0.5);
  transform: translateY(-5px);
  box-shadow: 0 16px 40px rgba(192, 132, 252, 0.2);
}

/* Accent 4: Green */
.stat-accent-green .csa-stat-number,
.stat-accent-green .csa-stat-icon {
  color: #34d399;
}
.stat-accent-green .csa-stat-dot {
  background: #34d399;
  box-shadow: 0 0 10px #34d399;
}
.stat-accent-green:hover {
  border-color: rgba(52, 211, 153, 0.5);
  transform: translateY(-5px);
  box-shadow: 0 16px 40px rgba(52, 211, 153, 0.2);
}

/* Accent 5: Featured Glowing Card */
.csa-home-stat-card.csa-stat-card-featured {
  background: linear-gradient(135deg, rgba(255, 94, 0, 0.2) 0%, rgba(155, 44, 152, 0.25) 100%), #0e1526;
  border: 1px solid rgba(255, 123, 37, 0.4);
  box-shadow: 0 14px 35px rgba(255, 94, 0, 0.25);
}
.csa-stat-card-featured .csa-stat-number {
  color: #ffffff;
}
.csa-stat-card-featured .csa-stat-icon {
  color: #ff7b25;
}
.csa-stat-card-featured .csa-stat-label {
  color: #f1f5f9;
  font-weight: 700;
}
.csa-stat-badge-mini {
  font-size: 0.68rem;
  font-weight: 800;
  padding: 3px 8px;
  border-radius: 999px;
  background: rgba(13, 183, 114, 0.2);
  border: 1px solid rgba(13, 183, 114, 0.5);
  color: #34d399;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.csa-stat-featured-bg-icon {
  position: absolute;
  right: 12px;
  bottom: 8px;
  font-size: 3.5rem;
  color: rgba(255, 255, 255, 0.06);
  pointer-events: none;
}
.csa-stat-card-featured:hover {
  border-color: rgba(255, 123, 37, 0.7);
  transform: translateY(-5px);
  box-shadow: 0 18px 45px rgba(255, 94, 0, 0.4);
}

@media (max-width: 1200px) {
  .csa-home-stats-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 768px) {
  .csa-home-stats-section {
    padding: 28px 14px 34px !important;
  }
  .csa-home-stats-head {
    margin-bottom: 18px !important;
  }
  .csa-stats-badge {
    padding: 3px 12px !important;
    font-size: 0.68rem !important;
    margin-bottom: 6px !important;
  }
  .csa-stats-title {
    font-size: 1.32rem !important;
    line-height: 1.2 !important;
    margin-bottom: 4px !important;
  }
  .csa-stats-subtitle {
    font-size: 0.8rem !important;
    line-height: 1.4 !important;
  }
  .csa-home-stats-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }
  .csa-home-stat-card {
    min-height: auto !important;
    padding: 12px 10px 10px !important;
    border-radius: 12px !important;
  }
  .csa-stat-top-row {
    margin-bottom: 6px !important;
  }
  .csa-stat-icon {
    font-size: 1.05rem !important;
  }
  .csa-stat-number {
    font-size: 1.35rem !important;
    margin-bottom: 3px !important;
  }
  .csa-stat-label {
    font-size: 0.68rem !important;
    line-height: 1.25 !important;
  }
  .csa-home-stat-card.csa-stat-card-featured {
    grid-column: span 2 !important;
    padding: 12px 14px !important;
  }
  .csa-stat-featured-bg-icon {
    font-size: 2.2rem !important;
    right: 8px !important;
    bottom: 4px !important;
  }
}

/* ==========================================================================
   MODERN SPEAKER VALUE / METHODOLOGY SECTION (Perspectives That Stay With You)
   ========================================================================== */
.speaker-value-modern {
  padding: 95px 0 105px !important;
  background: radial-gradient(circle at 80% 20%, rgba(255, 94, 0, 0.08) 0%, #080c16 70%) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  position: relative;
  overflow: hidden;
}

.speaker-value-modern-grid {
  display: grid;
  grid-template-columns: 1fr 1.15fr;
  gap: 50px;
  align-items: center;
}

.speaker-value-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 16px;
  background: rgba(255, 94, 0, 0.12);
  border: 1px solid rgba(255, 94, 0, 0.35);
  border-radius: 999px;
  color: #ff8c3a;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.speaker-value-title {
  font-family: var(--font-heading), 'Outfit', sans-serif !important;
  font-size: clamp(32px, 4vw, 48px) !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  color: #ffffff !important;
  margin: 0 0 16px !important;
}

.speaker-value-desc {
  color: #94a3b8 !important;
  font-size: 1rem !important;
  line-height: 1.65 !important;
  margin: 0 0 28px !important;
}

.speaker-value-quote-card {
  background: linear-gradient(145deg, #0e1526 0%, #090e1a 100%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-left: 4px solid #ff7b25;
  border-radius: 16px;
  padding: 20px 22px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
  position: relative;
}

.quote-icon {
  font-size: 1.8rem;
  color: #ff7b25;
  line-height: 1;
  margin-bottom: 6px;
  opacity: 0.8;
}

.speaker-value-quote-card p {
  color: #f1f5f9;
  font-style: italic;
  font-size: 0.92rem;
  line-height: 1.55;
  margin: 0 0 8px;
}

.quote-author {
  display: block;
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #ff8c3a;
  text-transform: uppercase;
}

/* Feature Cards Stack */
.speaker-value-right {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.speaker-value-card {
  background: linear-gradient(145deg, #0e1526 0%, #090e1a 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  padding: 24px 26px;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
}

.speaker-value-card:hover {
  border-color: rgba(56, 189, 248, 0.4);
  transform: translateX(6px);
  box-shadow: 0 14px 35px rgba(56, 189, 248, 0.15);
}

.speaker-value-card.highlight-svc-card {
  border-color: rgba(255, 123, 37, 0.3);
  background: linear-gradient(145deg, rgba(255, 94, 0, 0.08) 0%, #0e1526 100%);
}

.speaker-value-card.highlight-svc-card:hover {
  border-color: rgba(255, 123, 37, 0.6);
  box-shadow: 0 14px 35px rgba(255, 94, 0, 0.2);
}

.svc-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}

.svc-card-number {
  font-family: var(--font-heading), 'Outfit', sans-serif;
  font-size: 1.25rem;
  font-weight: 800;
  color: #ff7b25;
  line-height: 1;
}

.svc-card-icon {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.15rem;
}

.svc-card-icon.icon-cyan {
  background: rgba(56, 189, 248, 0.15);
  color: #38bdf8;
  border: 1px solid rgba(56, 189, 248, 0.3);
}

.svc-card-icon.icon-orange {
  background: rgba(255, 123, 37, 0.15);
  color: #ff7b25;
  border: 1px solid rgba(255, 123, 37, 0.3);
}

.svc-card-icon.icon-green {
  background: rgba(52, 211, 153, 0.15);
  color: #34d399;
  border: 1px solid rgba(52, 211, 153, 0.3);
}

.speaker-value-card h3 {
  color: #ffffff !important;
  font-family: var(--font-heading), 'Outfit', sans-serif !important;
  font-size: 1.18rem !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  margin: 0 0 8px !important;
}

.speaker-value-card p {
  color: #94a3b8 !important;
  font-size: 0.86rem !important;
  line-height: 1.55 !important;
  margin: 0 !important;
}

/* ==========================================================================
   MODERN SPEAKER CTA SECTION (Bring Your Perspective to Our Community)
   ========================================================================== */
.speaker-cta-modern {
  padding: 85px 0 105px !important;
  background: #080c16 !important;
  position: relative;
}

.speaker-cta-modern-box {
  background: linear-gradient(135deg, #0e172e 0%, #0a0f1d 60%, #110d18 100%);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 28px;
  padding: 65px 40px;
  text-align: center;
  position: relative;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6);
}

.speaker-cta-bg-glow {
  position: absolute;
  top: -40%;
  left: 50%;
  transform: translateX(-50%);
  width: 500px;
  height: 350px;
  background: radial-gradient(circle, rgba(255, 94, 0, 0.22) 0%, transparent 70%);
  pointer-events: none;
  filter: blur(40px);
}

.speaker-cta-content {
  position: relative;
  z-index: 2;
  max-width: 820px;
  margin: 0 auto;
}

.speaker-cta-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 18px;
  background: rgba(255, 94, 0, 0.15);
  border: 1px solid rgba(255, 94, 0, 0.4);
  border-radius: 999px;
  color: #ff8c3a;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.speaker-cta-title {
  font-family: var(--font-heading), 'Outfit', sans-serif !important;
  font-size: clamp(32px, 4.4vw, 54px) !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  color: #ffffff !important;
  margin: 0 0 16px !important;
  letter-spacing: -0.02em;
}

.speaker-cta-text {
  color: #cbd5e1 !important;
  font-size: 1.05rem !important;
  line-height: 1.65 !important;
  max-width: 680px;
  margin: 0 auto 34px !important;
}

.speaker-cta-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 28px;
}

.btn-speaker-cta-primary {
  display: inline-flex;
  align-items: center;
  padding: 14px 34px;
  background: linear-gradient(135deg, #ff5e00 0%, #e64a00 100%);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 999px;
  color: #ffffff !important;
  font-weight: 700;
  font-size: 0.98rem;
  text-decoration: none !important;
  box-shadow: 0 8px 25px rgba(255, 94, 0, 0.45);
  transition: all 0.25s ease;
}

.btn-speaker-cta-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 34px rgba(255, 94, 0, 0.65);
  color: #ffffff !important;
}

.btn-speaker-cta-secondary {
  display: inline-flex;
  align-items: center;
  padding: 14px 28px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  color: #ffffff !important;
  font-weight: 600;
  font-size: 0.95rem;
  text-decoration: none !important;
  backdrop-filter: blur(10px);
  transition: all 0.25s ease;
}

.btn-speaker-cta-secondary:hover {
  border-color: #ff5e00;
  color: #ff8c3a !important;
  background: rgba(255, 94, 0, 0.1);
  transform: translateY(-2px);
}

.speaker-cta-trust-strip {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
  flex-wrap: wrap;
  font-size: 0.8rem;
  font-weight: 600;
  color: #94a3b8;
}

@media (max-width: 900px) {
  .speaker-value-modern-grid {
    grid-template-columns: 1fr;
    gap: 36px;
  }
  .speaker-cta-modern-box {
    padding: 45px 22px;
  }
}






/* ==========================================================================
   APPLY AS INSTRUCTOR / MENTOR PAGE (6 BENEFIT CARDS & 5-BLOCK APPLICATION)
   ========================================================================== */
.mentor-page-body {
  background: #080c16 !important;
  color: #ffffff;
}

.mentor-hero-section {
  padding: 100px 0 75px !important;
  background: radial-gradient(circle at 50% 20%, rgba(255, 94, 0, 0.16) 0%, #080c16 75%) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.mentor-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 18px;
  border-radius: 999px;
  background: rgba(255, 94, 0, 0.12);
  border: 1px solid rgba(255, 94, 0, 0.35);
  color: #ff8c3a;
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 20px;
}

.mentor-hero-title {
  font-family: var(--font-heading), 'Outfit', sans-serif !important;
  font-size: clamp(34px, 4.8vw, 56px) !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  margin-bottom: 16px !important;
  line-height: 1.14 !important;
  letter-spacing: -0.02em;
}

.mentor-hero-lead {
  color: #cbd5e1 !important;
  font-size: clamp(1rem, 1.2vw, 1.15rem) !important;
  max-width: 680px;
  margin: 0 auto 30px !important;
  line-height: 1.65 !important;
}

.btn-mentor-hero-cta {
  display: inline-flex;
  align-items: center;
  padding: 14px 34px;
  border-radius: 999px;
  background: linear-gradient(135deg, #ff5e00 0%, #e64a00 100%);
  color: #ffffff !important;
  font-weight: 700;
  font-size: 0.96rem;
  text-decoration: none !important;
  box-shadow: 0 8px 25px rgba(255, 94, 0, 0.45);
  transition: all 0.25s ease;
}

.btn-mentor-hero-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 34px rgba(255, 94, 0, 0.65);
  color: #ffffff !important;
}

/* Why Become a CSA Mentor (6 Benefit Cards) */
.mentor-why-section {
  padding: 95px 0 105px !important;
  background: #080c16 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.mentor-why-title {
  font-family: var(--font-heading), 'Outfit', sans-serif !important;
  font-size: clamp(30px, 3.8vw, 46px) !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  margin-bottom: 14px !important;
}

.text-accent-gradient {
  background: linear-gradient(135deg, #0db772 0%, #ff7b25 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.mentor-why-subtitle {
  color: #94a3b8 !important;
  font-size: 1rem !important;
  max-width: 780px;
  margin: 0 auto 55px !important;
  line-height: 1.65 !important;
}

.mentor-benefits-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.mentor-benefit-card {
  background: linear-gradient(145deg, #0e162a 0%, #090e1b 100%);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 22px;
  padding: 32px 26px;
  box-shadow: 0 14px 35px rgba(0, 0, 0, 0.4);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  overflow: hidden;
}

.mentor-benefit-card:hover {
  transform: translateY(-6px);
  border-color: rgba(255, 123, 37, 0.4);
  box-shadow: 0 20px 45px rgba(255, 94, 0, 0.18);
}

.benefit-icon-wrap {
  width: 50px;
  height: 50px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.45rem;
  margin-bottom: 20px;
}

.benefit-icon-wrap.icon-leadership {
  background: rgba(255, 94, 0, 0.15);
  color: #ff7b25;
  border: 1px solid rgba(255, 94, 0, 0.3);
}

.benefit-icon-wrap.icon-networking {
  background: rgba(56, 189, 248, 0.15);
  color: #38bdf8;
  border: 1px solid rgba(56, 189, 248, 0.3);
}

.benefit-icon-wrap.icon-growth {
  background: rgba(192, 132, 252, 0.15);
  color: #c084fc;
  border: 1px solid rgba(192, 132, 252, 0.3);
}

.benefit-icon-wrap.icon-honorarium {
  background: rgba(251, 191, 36, 0.15);
  color: #fbbf24;
  border: 1px solid rgba(251, 191, 36, 0.3);
}

.benefit-icon-wrap.icon-impact {
  background: rgba(52, 211, 153, 0.15);
  color: #34d399;
  border: 1px solid rgba(52, 211, 153, 0.3);
}

.benefit-icon-wrap.icon-certification {
  background: rgba(236, 72, 153, 0.15);
  color: #ec4899;
  border: 1px solid rgba(236, 72, 153, 0.3);
}

.mentor-benefit-card h3 {
  font-family: var(--font-heading), 'Outfit', sans-serif !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin-bottom: 10px !important;
  line-height: 1.25 !important;
}

.mentor-benefit-card p {
  color: #94a3b8 !important;
  font-size: 0.88rem !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

.btn-mentor-primary-action {
  display: inline-flex;
  align-items: center;
  padding: 14px 38px;
  border-radius: 999px;
  background: linear-gradient(135deg, #ff5e00 0%, #e64a00 100%);
  color: #ffffff !important;
  font-weight: 700;
  font-size: 1rem;
  text-decoration: none !important;
  box-shadow: 0 8px 25px rgba(255, 94, 0, 0.45);
  transition: all 0.25s ease;
}

.btn-mentor-primary-action:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 34px rgba(255, 94, 0, 0.65);
  color: #ffffff !important;
}

/* Detailed Application Form */
.mentor-form-section {
  padding: 95px 0 115px !important;
  background: #080c16 !important;
}

.mentor-form-wrapper {
  max-width: 940px;
  margin: 0 auto;
  background: linear-gradient(145deg, #0e162a 0%, #090e1b 100%);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 28px;
  padding: 50px 42px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6);
}

.mentor-form-kicker {
  display: inline-flex;
  align-items: center;
  padding: 5px 14px;
  border-radius: 999px;
  background: rgba(255, 94, 0, 0.12);
  border: 1px solid rgba(255, 94, 0, 0.35);
  color: #ff8c3a;
  font-size: 0.76rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 14px;
}

.mentor-form-header h2 {
  font-family: var(--font-heading), 'Outfit', sans-serif !important;
  font-size: clamp(28px, 3.2vw, 38px) !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  margin-bottom: 10px !important;
}

.mentor-form-header p {
  color: #94a3b8;
  font-size: 0.95rem;
  max-width: 620px;
  margin: 0 auto 36px;
  line-height: 1.55;
}

.form-block {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 18px;
  padding: 26px 24px;
  margin-bottom: 24px;
}

.form-block-title {
  font-family: var(--font-heading), 'Outfit', sans-serif !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin-bottom: 18px !important;
  display: flex;
  align-items: center;
  gap: 10px;
}

.step-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #ff5e00;
  color: #ffffff;
  font-size: 0.76rem;
  font-weight: 800;
}

.form-field-label {
  display: block;
  font-size: 0.84rem;
  font-weight: 600;
  color: #cbd5e1;
  margin-bottom: 6px;
}

.form-field-label .req {
  color: #ff5e00;
  font-weight: 700;
}

.mentor-input {
  width: 100%;
  background: #070b14;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  padding: 12px 16px;
  color: #ffffff;
  font-size: 0.92rem;
  outline: none;
  transition: all 0.25s ease;
}

.mentor-input:focus {
  border-color: #ff5e00;
  box-shadow: 0 0 14px rgba(255, 94, 0, 0.25);
}

.mentor-select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  padding-right: 38px;
}

.mentor-textarea {
  resize: vertical;
}

.expertise-options-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.expertise-chip, .radio-chip {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  background: #070b14;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  cursor: pointer;
  font-size: 0.84rem;
  color: #cbd5e1;
  transition: all 0.2s ease;
}

.expertise-chip input, .radio-chip input {
  accent-color: #ff5e00;
}

.expertise-chip:hover, .radio-chip:hover {
  border-color: rgba(255, 94, 0, 0.5);
  color: #ffffff;
}

.btn-submit-mentor-app {
  display: inline-flex;
  align-items: center;
  padding: 16px 42px;
  border-radius: 999px;
  background: linear-gradient(135deg, #ff5e00 0%, #e64a00 100%);
  border: none;
  color: #ffffff;
  font-size: 1.05rem;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 8px 30px rgba(255, 94, 0, 0.45);
  transition: all 0.25s ease;
}

.btn-submit-mentor-app:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 36px rgba(255, 94, 0, 0.65);
}

/* Success Modal */
.mentor-modal-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(8px);
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.mentor-modal-backdrop.show {
  display: flex;
}

.mentor-modal-content {
  background: #0e162a;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 24px;
  padding: 40px 32px;
  max-width: 520px;
  text-align: center;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.7);
}

.modal-success-icon {
  font-size: 3.5rem;
  color: #22c55e;
  margin-bottom: 14px;
}

.mentor-modal-content h3 {
  font-family: var(--font-heading), 'Outfit', sans-serif !important;
  font-size: 1.5rem !important;
  font-weight: 800 !important;
  color: #ffffff;
  margin-bottom: 12px;
}

.mentor-modal-content p {
  color: #cbd5e1;
  font-size: 0.94rem;
  line-height: 1.6;
  margin-bottom: 24px;
}

.btn-close-mentor-modal {
  padding: 10px 32px;
  border-radius: 999px;
  background: #ff5e00;
  border: none;
  color: #ffffff;
  font-weight: 700;
  cursor: pointer;
}

@media (max-width: 992px) {
  .mentor-benefits-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .expertise-options-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .mentor-form-wrapper {
    padding: 34px 22px;
  }
}

@media (max-width: 600px) {
  .mentor-benefits-grid {
    grid-template-columns: 1fr;
  }
  .expertise-options-grid {
    grid-template-columns: 1fr;
  }
}

/* ==========================================================================
   WHO CAN APPLY? (TIMELINE / TREE STRUCTURE)
   ========================================================================== */
.mentor-eligibility-section {
  padding: 95px 0 105px !important;
  background: #060a12 radial-gradient(circle at 50% 50%, rgba(13, 148, 136, 0.08) 0%, transparent 70%) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  position: relative;
  overflow: hidden;
}

.me-header {
  margin-bottom: 55px;
}

.me-title {
  font-family: var(--font-heading), 'Outfit', sans-serif !important;
  font-size: clamp(32px, 4vw, 48px) !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  margin-bottom: 10px !important;
}

.me-subtitle {
  color: #ff7b25;
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.me-tree-grid {
  position: relative;
  max-width: 900px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 28px;
}

/* Center Vertical Glow Trunk */
.me-trunk {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 3px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #ff7b25 0%, #0db772 100%);
  box-shadow: 0 0 15px rgba(255, 123, 37, 0.6);
  border-radius: 999px;
  z-index: 1;
}

.me-item-wrap {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
}

.me-item-wrap.left {
  justify-content: flex-end;
  padding-right: 36px;
}

.me-item-wrap.right {
  justify-content: flex-start;
  padding-left: 36px;
}

/* Horizontal branch lines connecting card to center trunk */
.me-branch {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 2px;
  background: rgba(255, 255, 255, 0.2);
  z-index: 1;
}

.me-item-wrap.left .me-branch {
  right: 0;
}

.me-item-wrap.left .me-branch::after {
  content: '';
  position: absolute;
  right: -5px;
  top: -4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ff7b25;
  box-shadow: 0 0 8px #ff7b25;
}

.me-item-wrap.right .me-branch {
  left: 0;
}

.me-item-wrap.right .me-branch::before {
  content: '';
  position: absolute;
  left: -5px;
  top: -4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #0db772;
  box-shadow: 0 0 8px #0db772;
}

.me-card {
  background: linear-gradient(145deg, #0e162a 0%, #090e1b 100%);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 18px;
  padding: 16px 24px;
  display: flex;
  align-items: center;
  gap: 16px;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45);
  min-width: 310px;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.me-item-wrap.left .me-card {
  justify-content: flex-end;
  text-align: right;
}

.me-item-wrap.right .me-card {
  justify-content: flex-start;
  text-align: left;
}

.me-card:hover {
  transform: translateY(-3px);
  border-color: rgba(255, 123, 37, 0.5);
  box-shadow: 0 14px 34px rgba(255, 94, 0, 0.2);
}

.me-text {
  color: #ffffff;
  font-family: var(--font-heading), 'Outfit', sans-serif;
  font-size: 0.98rem;
  font-weight: 700;
  line-height: 1.35;
}

.me-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: rgba(56, 189, 248, 0.12);
  color: #38bdf8;
  border: 1px solid rgba(56, 189, 248, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  flex-shrink: 0;
}

.me-item-wrap.left .me-icon {
  background: rgba(255, 123, 37, 0.12);
  color: #ff7b25;
  border-color: rgba(255, 123, 37, 0.3);
}

.me-footer {
  margin-top: 50px;
  color: #cbd5e1;
  font-size: 0.95rem;
  font-weight: 500;
}

.btn-mentor-gradient-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 44px;
  font-size: 1.05rem;
  font-weight: 700;
  border-radius: 999px;
  border: none;
  cursor: pointer;
  color: #ffffff !important;
  text-decoration: none !important;
  background: linear-gradient(93deg, #0d9488 10.65%, #f97316 89.35%);
  box-shadow: 0 8px 24px rgba(249, 115, 22, 0.35);
  transition: all 0.3s ease;
}

.btn-mentor-gradient-cta:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 34px rgba(249, 115, 22, 0.55);
  color: #ffffff !important;
}

/* 3D Window Frame on Registration Form */
.if-window-card {
  max-width: 920px;
  margin: 0 auto;
  background: #0b111e;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 24px;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.05);
  overflow: hidden;
}

.if-titlebar {
  background: #090e18;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  padding: 12px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.if-dots-group {
  display: flex;
  align-items: center;
  gap: 8px;
}

.if-dot {
  width: 11px;
  height: 11px;
  border-radius: 50%;
}

.if-dot.red { background: #ef4444; }
.if-dot.yellow { background: #f59e0b; }
.if-dot.green { background: #22c55e; }

.if-address-bar {
  height: 8px;
  width: 140px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.1);
}

.if-secure-tag {
  font-size: 0.72rem;
  font-weight: 700;
  color: #34d399;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

@media (max-width: 768px) {
  .me-tree-grid {
    grid-template-columns: 1fr;
    row-gap: 20px;
  }
  .me-trunk {
    left: 20px;
    transform: none;
  }
  .me-item-wrap.left,
  .me-item-wrap.right {
    justify-content: flex-start;
    padding-left: 50px;
    padding-right: 0;
  }
  .me-item-wrap.left .me-card,
  .me-item-wrap.right .me-card {
    justify-content: flex-start;
    text-align: left;
    min-width: unset;
    width: 100%;
  }
  .me-item-wrap.left .me-card .me-icon {
    order: -1;
  }
  .me-branch {
    left: 20px !important;
    width: 30px !important;
  }
  .me-item-wrap.left .me-branch::after {
    left: -5px;
    right: auto;
  }
  .me-spacer {
    display: none;
  }
}

/* ==========================================================================
   OUR PROGRAMMES SECTION (CERTIFICATION CARDS & TABS FROM FCRF.ACADEMY)
   ========================================================================== */
.csa-programmes-section {
  padding: 95px 0 105px !important;
  background: #080c16 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  position: relative;
}

.csa-programmes-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 24px;
  margin-bottom: 40px;
}

.csa-programmes-main-title {
  font-family: var(--font-heading), 'Outfit', sans-serif !important;
  font-size: clamp(32px, 4vw, 48px) !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  margin: 0 !important;
  letter-spacing: -0.02em;
}

.text-prog-gradient {
  background: linear-gradient(135deg, #38bdf8 0%, #ff7b25 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.csa-prog-controls-wrap {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.csa-prog-filter-tabs {
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.04);
  padding: 5px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  flex-wrap: wrap;
}

.prog-tab-btn {
  background: transparent;
  border: none;
  color: #94a3b8;
  font-size: 0.82rem;
  font-weight: 600;
  padding: 8px 18px;
  border-radius: 999px;
  cursor: pointer;
  transition: all 0.25s ease;
}

.prog-tab-btn:hover {
  color: #ffffff;
}

.prog-tab-btn.active {
  background: linear-gradient(135deg, #ff5e00 0%, #e64a00 100%);
  color: #ffffff !important;
  box-shadow: 0 4px 15px rgba(255, 94, 0, 0.4);
}

.csa-prog-nav-arrows {
  display: flex;
  align-items: center;
  gap: 8px;
}

.prog-arrow-btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  cursor: pointer;
  transition: all 0.25s ease;
}

.prog-arrow-btn:hover {
  background: rgba(255, 94, 0, 0.2);
  border-color: #ff5e00;
  color: #ff8c3a;
  transform: translateY(-2px);
}

/* Programmes Cards Grid */
.csa-programmes-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  overflow-x: auto;
  padding-bottom: 12px;
  scroll-behavior: smooth;
}

.csa-prog-card {
  background: linear-gradient(145deg, #0e162a 0%, #090e1b 100%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 22px;
  overflow: hidden;
  text-decoration: none !important;
  display: flex;
  flex-direction: column;
  box-shadow: 0 14px 35px rgba(0, 0, 0, 0.45);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.csa-prog-card:hover {
  transform: translateY(-6px);
  border-color: rgba(255, 123, 37, 0.5);
  box-shadow: 0 20px 45px rgba(255, 94, 0, 0.22);
}

/* Top Banner with Seal Badge */
.csa-prog-card-header {
  padding: 36px 20px 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.csa-prog-card-header.banner-purple {
  background: linear-gradient(135deg, #4338ca 0%, #6366f1 50%, #818cf8 100%);
}

.csa-prog-card-header.banner-blue {
  background: linear-gradient(135deg, #0284c7 0%, #0ea5e9 50%, #38bdf8 100%);
}

.csa-prog-card-header.banner-magenta {
  background: linear-gradient(135deg, #701a75 0%, #a21caf 50%, #c084fc 100%);
}

.csa-prog-card-header.banner-green {
  background: linear-gradient(135deg, #047857 0%, #059669 50%, #34d399 100%);
}

.csa-prog-card-header.banner-orange {
  background: linear-gradient(135deg, #c2410c 0%, #ea580c 50%, #fb923c 100%);
}

.csa-prog-card-header.banner-indigo {
  background: linear-gradient(135deg, #1e1b4b 0%, #312e81 50%, #4f46e5 100%);
}

.csa-prog-seal-box {
  width: 110px;
  height: 110px;
  border-radius: 16px;
  background: rgba(0, 0, 0, 0.25);
  border: 2px solid rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(8px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
  margin-bottom: 16px;
}

.seal-org {
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  color: rgba(255, 255, 255, 0.85);
}

.seal-sub {
  font-size: 0.45rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.1;
  color: rgba(255, 255, 255, 0.75);
  margin: 2px 0;
}

.seal-code {
  font-family: var(--font-heading), 'Outfit', sans-serif;
  font-size: 1.45rem;
  font-weight: 900;
  color: #ffffff;
  line-height: 1;
}

.seal-full-title {
  font-family: var(--font-heading), 'Outfit', sans-serif !important;
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  letter-spacing: 0.04em !important;
  margin: 0 !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}

.csa-prog-card-body {
  padding: 24px 22px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.csa-prog-card-body h4 {
  font-family: var(--font-heading), 'Outfit', sans-serif !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin: 0 0 10px !important;
  line-height: 1.3 !important;
}

.csa-prog-card-body p {
  color: #94a3b8 !important;
  font-size: 0.86rem !important;
  line-height: 1.55 !important;
  margin: 0 0 20px !important;
  flex-grow: 1;
}

.csa-prog-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.csa-prog-tag {
  font-size: 0.75rem;
  font-weight: 700;
  color: #cbd5e1;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.csa-prog-explore-link {
  font-size: 0.85rem;
  font-weight: 700;
  color: #ff7b25;
  transition: all 0.2s ease;
}

.csa-prog-card:hover .csa-prog-explore-link {
  transform: translateX(4px);
  color: #ff9548;
}

/* ==========================================================================
   PAST EVENTS GALLERY (18-IMAGE GRID)
   ========================================================================== */
.csa-about-gallery {
  padding: 95px 0 110px !important;
  background: radial-gradient(circle at 50% 10%, rgba(255, 94, 0, 0.08) 0%, #080c16 80%) !important;
}

.csa-gallery-header {
  margin-bottom: 50px;
}

.csa-gallery-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 16px;
  border-radius: 999px;
  background: rgba(255, 94, 0, 0.12);
  border: 1px solid rgba(255, 94, 0, 0.35);
  color: #ff8c3a;
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 16px;
}

.csa-gallery-title {
  font-family: var(--font-heading), 'Outfit', sans-serif !important;
  font-size: clamp(32px, 4vw, 46px) !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  margin-bottom: 12px !important;
}

.csa-gallery-desc {
  color: #94a3b8;
  font-size: 1rem;
  max-width: 680px;
  margin: 0 auto;
  line-height: 1.6;
}

.csa-event-grid-18 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.csa-gallery-item {
  margin: 0;
  border-radius: 18px;
  overflow: hidden;
  position: relative;
  background: #0e162a;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45);
  aspect-ratio: 16 / 10;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.csa-gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 0.45s ease;
  display: block;
}

.csa-gallery-item:hover {
  transform: translateY(-4px);
  border-color: rgba(255, 123, 37, 0.5);
  box-shadow: 0 16px 40px rgba(255, 94, 0, 0.2);
}

.csa-gallery-item:hover img {
  transform: scale(1.05);
}

.csa-gallery-item figcaption {
  position: absolute;
  bottom: 0;
  inset-inline: 0;
  padding: 10px 12px;
  background: linear-gradient(180deg, transparent 0%, rgba(8, 12, 22, 0.92) 100%);
  color: #ffffff;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
}

@media (max-width: 1100px) {
  .csa-event-grid-18 {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 14px !important;
  }
}

@media (max-width: 900px) {
  .csa-programmes-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .csa-event-grid-18 {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }
}

@media (max-width: 600px) {
  .csa-programmes-grid {
    grid-template-columns: 1fr;
  }
  .csa-event-grid-18 {
    grid-template-columns: 1fr;
  }
}

/* ==========================================================================
   DEDICATED PROGRAMMES & CERTIFICATIONS PORTAL (certifications.html)
   ========================================================================== */
.programmes-page-body {
  background: #080c16 !important;
  color: #ffffff;
}

.cert-hero-section {
  padding: 105px 0 80px !important;
  background: radial-gradient(circle at 50% 20%, rgba(56, 189, 248, 0.12) 0%, rgba(255, 94, 0, 0.1) 40%, #080c16 80%) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.cert-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 18px;
  border-radius: 999px;
  background: rgba(56, 189, 248, 0.12);
  border: 1px solid rgba(56, 189, 248, 0.35);
  color: #38bdf8;
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 20px;
}

.cert-hero-title {
  font-family: var(--font-heading), 'Outfit', sans-serif !important;
  font-size: clamp(34px, 4.6vw, 56px) !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  margin-bottom: 16px !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em;
}

.cert-hero-lead {
  color: #cbd5e1 !important;
  font-size: clamp(1rem, 1.2vw, 1.15rem) !important;
  max-width: 740px;
  margin: 0 auto 34px !important;
  line-height: 1.65 !important;
}

.cert-hero-metrics {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

.cert-metric-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 22px;
  background: rgba(14, 21, 38, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  font-size: 0.86rem;
  font-weight: 700;
  color: #f1f5f9;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}

.cert-features-list {
  list-style: none;
  padding: 0;
  margin: 0 0 20px 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.cert-features-list li {
  font-size: 0.82rem;
  color: #cbd5e1;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Value Standards Section */
.cert-standards-section {
  padding: 95px 0 105px !important;
  background: #060a12 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.cert-value-card {
  background: linear-gradient(145deg, #0e162a 0%, #090e1b 100%);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 20px;
  padding: 28px 22px;
  height: 100%;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4);
  transition: all 0.3s ease;
}

.cert-value-card:hover {
  transform: translateY(-5px);
  border-color: rgba(255, 123, 37, 0.45);
  box-shadow: 0 18px 40px rgba(255, 94, 0, 0.18);
}

.cert-value-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.35rem;
  margin-bottom: 18px;
}

.cert-value-icon.icon-cyan {
  background: rgba(56, 189, 248, 0.15);
  color: #38bdf8;
  border: 1px solid rgba(56, 189, 248, 0.3);
}

.cert-value-icon.icon-orange {
  background: rgba(255, 123, 37, 0.15);
  color: #ff7b25;
  border: 1px solid rgba(255, 123, 37, 0.3);
}

.cert-value-icon.icon-green {
  background: rgba(52, 211, 153, 0.15);
  color: #34d399;
  border: 1px solid rgba(52, 211, 153, 0.3);
}

.cert-value-icon.icon-purple {
  background: rgba(192, 132, 252, 0.15);
  color: #c084fc;
  border: 1px solid rgba(192, 132, 252, 0.3);
}

.cert-value-card h3 {
  font-family: var(--font-heading), 'Outfit', sans-serif !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin-bottom: 10px !important;
}

.cert-value-card p {
  color: #94a3b8 !important;
  font-size: 0.85rem !important;
  line-height: 1.55 !important;
  margin: 0 !important;
}

/* Advisory Consultation CTA */
.cert-cta-section {
  padding: 85px 0 105px !important;
  background: #080c16 !important;
}

.cert-cta-box {
  background: linear-gradient(135deg, #0e172e 0%, #0a0f1d 60%, #110d18 100%);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 28px;
  padding: 60px 36px;
  max-width: 860px;
  margin: 0 auto;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6);
}

.cert-cta-box h2 {
  font-family: var(--font-heading), 'Outfit', sans-serif !important;
  font-size: clamp(28px, 3.6vw, 44px) !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  margin-bottom: 14px !important;
}

.cert-cta-box p {
  color: #cbd5e1;
  font-size: 1.05rem;
  line-height: 1.6;
  max-width: 640px;
  margin: 0 auto 32px;
}

/* Floating WhatsApp Quick Contact Button */
#csa-floating-whatsapp {
  position: fixed;
  bottom: 28px;
  right: 28px;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: #25D366;
  color: #ffffff !important;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  box-shadow: 0 8px 24px rgba(37, 211, 102, 0.45);
  z-index: 99999;
  text-decoration: none !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

#csa-floating-whatsapp:hover {
  transform: translateY(-4px) scale(1.08);
  background: #20ba59;
  box-shadow: 0 12px 30px rgba(37, 211, 102, 0.65);
}

#csa-floating-whatsapp .wa-tooltip {
  position: absolute;
  right: 68px;
  background: rgba(14, 21, 38, 0.95);
  color: #ffffff;
  padding: 6px 14px;
  border-radius: 8px;
  font-size: 0.8rem;
  font-weight: 700;
  white-space: nowrap;
  letter-spacing: 0.03em;
  border: 1px solid rgba(255, 255, 255, 0.15);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
  pointer-events: none;
  opacity: 0;
  transform: translateX(10px);
  transition: all 0.25s ease;
}

#csa-floating-whatsapp:hover .wa-tooltip {
  opacity: 1;
  transform: translateX(0);
}

@media (max-width: 768px) {
  #csa-floating-whatsapp {
    bottom: 20px;
    right: 20px;
    width: 52px;
    height: 52px;
    font-size: 26px;
  }
}

/* ==========================================================================
   ABOUT US PAGE ENHANCEMENTS (about.html)
   ========================================================================== */
.csa-about-metrics-section {
  padding: 45px 0 65px;
  background: #060911;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.csa-about-metrics-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 18px;
}

.about-metric-card {
  background: linear-gradient(145deg, #0e162a 0%, #080c16 100%);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 18px;
  padding: 24px 18px;
  text-align: center;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.35);
  transition: all 0.3s ease;
}

.about-metric-card:hover {
  transform: translateY(-4px);
  border-color: rgba(255, 123, 37, 0.45);
  box-shadow: 0 14px 35px rgba(255, 94, 0, 0.16);
}

.about-metric-icon {
  font-size: 1.8rem;
  margin-bottom: 10px;
}

.about-metric-num {
  font-family: var(--font-heading), 'Outfit', sans-serif;
  font-size: 1.85rem;
  font-weight: 800;
  color: #ffffff;
  line-height: 1.1;
  margin-bottom: 4px;
}

.about-metric-label {
  color: #94a3b8;
  font-size: 0.82rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.about-photo-wrapper {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  border: 2px solid rgba(255, 123, 37, 0.35);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6), 0 0 35px rgba(255, 94, 0, 0.12);
  background: #080c16;
}

.about-founder-photo {
  width: 100%;
  height: 520px;
  object-fit: cover;
  object-position: top center;
  display: block;
  transition: transform 0.4s ease;
}

.about-photo-wrapper:hover .about-founder-photo {
  transform: scale(1.02);
}

.photo-caption-badge {
  position: absolute;
  bottom: 16px;
  left: 16px;
  right: 16px;
  background: rgba(14, 22, 42, 0.92);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 12px;
  padding: 10px 16px;
  color: #ffffff;
  font-size: 0.82rem;
  font-weight: 700;
  text-align: center;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
}

.about-org-desc {
  color: #e2e8f0;
  font-size: 1.05rem;
  line-height: 1.7;
  margin-bottom: 14px;
}

.about-org-desc-sub {
  color: #94a3b8;
  font-size: 0.92rem;
  line-height: 1.65;
  margin-bottom: 26px;
}

.csa-about-join-cta {
  padding: 85px 0 110px;
  background: #080c16;
}

.about-join-box {
  background: linear-gradient(135deg, #0e172e 0%, #0a0f1d 60%, #160c18 100%);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 28px;
  padding: 60px 36px;
  max-width: 860px;
  margin: 0 auto;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6);
}

.about-join-box h2 {
  font-family: var(--font-heading), 'Outfit', sans-serif;
  font-size: clamp(28px, 3.4vw, 42px);
  font-weight: 800;
  color: #ffffff;
  margin: 16px 0 12px;
}

.about-join-box p {
  color: #cbd5e1;
  font-size: 1rem;
  max-width: 580px;
  margin: 0 auto;
  line-height: 1.6;
}

@media (max-width: 992px) {
  .csa-about-metrics-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 576px) {
  .csa-about-metrics-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .about-founder-photo,
  .csa-founder-slideshow {
    height: 420px;
  }
}

/* Founder Automatic Crossfade Slideshow */
.csa-founder-slideshow {
  position: relative;
  width: 100%;
  height: 540px;
  overflow: hidden;
  background: #080c16;
}

.about-founder-slide {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  opacity: 0;
  transform: scale(1.03);
  transition: opacity 0.9s ease-in-out, transform 0.9s ease-in-out;
  z-index: 1;
  display: block;
}

.about-founder-slide.active {
  opacity: 1;
  transform: scale(1);
  z-index: 2;
}

.slideshow-indicators {
  position: absolute;
  bottom: 18px;
  right: 18px;
  display: flex;
  align-items: center;
  gap: 7px;
  z-index: 10;
}

.slideshow-indicators .dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4);
  transition: all 0.35s ease;
  cursor: pointer;
}

.slideshow-indicators .dot.active {
  background: #ff5e00;
  width: 24px;
  border-radius: 999px;
  box-shadow: 0 0 10px rgba(255, 94, 0, 0.7);
}

/* ==========================================================================
   CYBER SHAKTI ACADEMY - MILESTONES & TIMELINE COMPONENT
   ========================================================================== */
.csa-milestones-section {
  padding: 85px 0;
  position: relative;
  background: radial-gradient(circle at 50% 15%, rgba(255, 94, 0, 0.09) 0%, rgba(10, 15, 29, 0.96) 65%, #060a12 100%);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  overflow: hidden;
}

.csa-milestones-header {
  margin-bottom: 55px;
}

.csa-milestones-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255, 94, 0, 0.12);
  border: 1px solid rgba(255, 94, 0, 0.35);
  color: #ff8c3a;
  padding: 6px 18px;
  border-radius: 50px;
  font-size: 0.85rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 14px;
}

.csa-milestones-title {
  font-size: 2.5rem;
  font-weight: 800;
  color: #ffffff;
  letter-spacing: -0.5px;
  margin-bottom: 14px;
}

.csa-milestones-desc {
  font-size: 1.05rem;
  color: #94a3b8;
  max-width: 680px;
  margin: 0 auto;
  line-height: 1.6;
}

/* Horizontal & Adaptive Timeline */
.csa-timeline-wrap {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 30px 0 20px;
  margin-top: 20px;
}

.csa-timeline-track {
  position: absolute;
  top: 75px;
  left: 6%;
  right: 6%;
  height: 4px;
  background: linear-gradient(90deg, #ff5e00 0%, #ff8c3a 50%, #38bdf8 100%);
  border-radius: 4px;
  z-index: 1;
  box-shadow: 0 0 16px rgba(255, 94, 0, 0.6);
}

.csa-timeline-item {
  position: relative;
  z-index: 2;
  flex: 1;
  max-width: 225px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0 8px;
}

/* Year Circle / Ring */
.csa-timeline-node {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: #0d1527;
  border: 3px solid #ff5e00;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.35rem;
  font-weight: 800;
  color: #ffffff;
  box-shadow: 0 0 0 8px rgba(255, 94, 0, 0.15), 0 10px 25px rgba(0, 0, 0, 0.6);
  margin-bottom: 24px;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  cursor: pointer;
}

.csa-timeline-node::before {
  content: '';
  position: absolute;
  inset: -6px;
  border-radius: 50%;
  border: 2px dashed rgba(255, 140, 58, 0.45);
  animation: csaRotatePulse 12s linear infinite;
}

@keyframes csaRotatePulse {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.csa-timeline-item:hover .csa-timeline-node {
  transform: scale(1.1);
  border-color: #38bdf8;
  color: #38bdf8;
  box-shadow: 0 0 0 12px rgba(56, 189, 248, 0.25), 0 12px 30px rgba(56, 189, 248, 0.4);
}

.csa-timeline-card {
  background: rgba(13, 21, 39, 0.85);
  backdrop-filter: blur(14px);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 18px;
  padding: 22px 16px;
  width: 100%;
  min-height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  transition: all 0.35s ease;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.35);
}

.csa-timeline-item:hover .csa-timeline-card {
  border-color: rgba(255, 94, 0, 0.5);
  transform: translateY(-6px);
  background: rgba(18, 29, 53, 0.95);
  box-shadow: 0 16px 36px rgba(255, 94, 0, 0.2);
}

.csa-timeline-tag {
  font-size: 0.74rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  color: #ff8c3a;
  margin-bottom: 6px;
}

.csa-timeline-heading {
  font-size: 1.02rem;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 8px;
  line-height: 1.35;
}

.csa-timeline-text {
  font-size: 0.83rem;
  color: #94a3b8;
  line-height: 1.5;
  margin: 0;
}

/* Mobile Responsiveness for Timeline */
@media (max-width: 991px) {
  .csa-timeline-wrap {
    flex-direction: column;
    align-items: stretch;
    padding-left: 45px;
  }
  .csa-timeline-track {
    top: 0;
    bottom: 0;
    left: 42px;
    right: auto;
    width: 4px;
    height: 100%;
  }
  .csa-timeline-item {
    max-width: 100%;
    flex-direction: row;
    align-items: flex-start;
    text-align: left;
    margin-bottom: 30px;
    padding: 0;
    gap: 18px;
  }
  .csa-timeline-node {
    width: 72px;
    height: 72px;
    font-size: 1.15rem;
    flex-shrink: 0;
    margin-bottom: 0;
    margin-left: -36px;
  }
  .csa-timeline-card {
    min-height: auto;
  }
}

/* ==========================================================================
   CYBER SHAKTI ACADEMY - PARTNERS AUTO-SCROLL MARQUEE
   ========================================================================== */
.csa-partners-section {
  padding: 80px 0;
  position: relative;
  background: radial-gradient(circle at 50% 50%, rgba(255, 94, 0, 0.06) 0%, #060a12 85%);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  overflow: hidden;
}

.csa-partners-header {
  margin-bottom: 45px;
}

.csa-partners-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255, 94, 0, 0.12);
  border: 1px solid rgba(255, 94, 0, 0.35);
  color: #ff8c3a;
  padding: 6px 18px;
  border-radius: 50px;
  font-size: 0.85rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 12px;
}

.csa-partners-title {
  font-size: 2.4rem;
  font-weight: 800;
  color: #ffffff;
  letter-spacing: -0.5px;
  margin-bottom: 12px;
}

.csa-partners-desc {
  font-size: 1.05rem;
  color: #94a3b8;
  max-width: 650px;
  margin: 0 auto;
  line-height: 1.6;
}

/* Marquee Carousel Container with Smooth Gradient Edge Masks */
.csa-marquee-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 20px 0;
  mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
  -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
}

.csa-marquee-track {
  display: flex;
  width: max-content;
  gap: 24px;
  will-change: transform;
  transform: translate3d(0, 0, 0);
  animation: csaPartnerScroll 28s linear infinite;
}

.csa-marquee-container:hover .csa-marquee-track {
  animation-play-state: paused;
}

@-webkit-keyframes csaPartnerScroll {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
}

@keyframes csaPartnerScroll {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
}

.csa-partner-card {
  width: 220px;
  height: 140px;
  background: rgba(13, 21, 39, 0.85);
  backdrop-filter: blur(14px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  padding: 14px 12px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  text-decoration: none !important;
  color: inherit;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.35);
  flex-shrink: 0;
  cursor: pointer;
}

.csa-partner-card-logo-wrap,
.csa-partner-logo-box {
  width: 100%;
  height: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 4px;
}

.csa-partner-card img {
  max-width: 100%;
  max-height: 65px;
  width: auto;
  height: auto;
  object-fit: contain !important;
  filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.4));
  transition: all 0.35s ease;
}

.csa-partner-card:hover {
  border-color: #ff5e00;
  transform: translateY(-6px) scale(1.03);
  background: rgba(18, 29, 53, 0.95);
  box-shadow: 0 16px 36px rgba(255, 94, 0, 0.25);
}

.csa-partner-card:hover img {
  transform: scale(1.06);
}

.csa-partner-card span,
.csa-partner-name {
  font-size: 0.8rem;
  font-weight: 700;
  color: #cbd5e1;
  margin-top: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  transition: color 0.25s ease;
}

.csa-partner-card:hover span,
.csa-partner-card:hover .csa-partner-name {
  color: #ff8c3a !important;
}

@media (max-width: 768px) {
  .csa-partners-section {
    padding: 30px 0 34px !important;
  }
  .csa-partners-header {
    margin-bottom: 18px !important;
    padding: 0 14px !important;
  }
  .csa-partners-pill {
    font-size: 0.68rem !important;
    padding: 4px 12px !important;
    margin-bottom: 6px !important;
  }
  .csa-partners-title {
    font-size: 1.35rem !important;
    line-height: 1.2 !important;
    margin-bottom: 4px !important;
  }
  .csa-partners-desc {
    font-size: 0.8rem !important;
    line-height: 1.4 !important;
    max-width: 100% !important;
  }
  .csa-marquee-container {
    padding: 10px 0 !important;
  }
  .csa-marquee-track {
    gap: 14px !important;
  }
  .csa-partner-card {
    width: 160px !important;
    height: 110px !important;
    padding: 10px 8px 8px !important;
    border-radius: 14px !important;
  }
  .csa-partner-card-logo-wrap,
  .csa-partner-logo-box {
    height: 55px !important;
    padding: 2px !important;
  }
  .csa-partner-card img {
    max-height: 48px !important;
  }
  .csa-partner-card span,
  .csa-partner-name {
    font-size: 0.68rem !important;
    margin-top: 2px !important;
  }
}

/* ==========================================================================
   CYBER SHAKTI FOUNDATION - UNIVERSAL PREMIUM 3-COLUMN FOOTER
   ========================================================================== */
.csf-main-footer,
.simple-site-footer {
  background: radial-gradient(circle at 50% 0%, rgba(255, 94, 0, 0.08) 0%, #03060c 75%) !important;
  border-top: 1px solid rgba(255, 94, 0, 0.25) !important;
  padding: 40px 0 20px !important;
  margin-top: 0 !important;
  color: #cbd5e1;
  position: relative;
  box-sizing: border-box !important;
}

.csf-footer-top {
  display: grid;
  grid-template-columns: 1.6fr 1fr 1.4fr;
  gap: 48px;
  margin-top: 0;
  margin-bottom: 25px;
  align-items: start;
}

@media (max-width: 991px) {
  .csf-footer-top {
    grid-template-columns: 1fr 1fr;
    gap: 32px;
  }
}

@media (max-width: 600px) {
  .csf-main-footer,
  .simple-site-footer {
    padding: 24px 0 16px !important;
  }
  .csf-footer-top {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    margin-bottom: 14px !important;
  }
  .csf-footer-logo {
    height: 42px !important;
    margin-bottom: 8px !important;
  }
  .csf-footer-mission {
    font-size: 0.78rem !important;
    line-height: 1.45 !important;
    margin-bottom: 10px !important;
  }
  .csf-footer-badges {
    font-size: 0.74rem !important;
    gap: 4px !important;
  }
  .csf-footer-heading {
    font-size: 0.82rem !important;
    margin-bottom: 10px !important;
  }
  .csf-footer-links {
    gap: 6px !important;
  }
  .csf-footer-links a {
    font-size: 0.78rem !important;
  }
  .csf-contact-item {
    gap: 8px !important;
    margin-bottom: 6px !important;
    font-size: 0.78rem !important;
  }
  .csf-contact-item i {
    font-size: 0.9rem !important;
  }
  .csf-social-bar {
    gap: 8px !important;
    margin-top: 10px !important;
  }
  .csf-social-bar a {
    width: 32px !important;
    height: 32px !important;
    font-size: 0.92rem !important;
    border-radius: 8px !important;
  }
  .csf-footer-bottom {
    padding-top: 10px !important;
    font-size: 0.72rem !important;
    text-align: center !important;
    justify-content: center !important;
  }
}

.csf-footer-brand-col {
  display: flex;
  flex-direction: column;
}

.csf-footer-logo {
  height: 58px;
  width: auto;
  margin-top: 0;
  margin-bottom: 16px;
  display: inline-block;
  filter: drop-shadow(0 4px 15px rgba(255, 94, 0, 0.3));
  transition: transform 0.25s ease;
}

.csf-footer-brand-link:hover .csf-footer-logo {
  transform: scale(1.03);
}

.csf-footer-mission {
  font-size: 0.88rem;
  color: #94a3b8;
  line-height: 1.65;
  margin-bottom: 16px;
  max-width: 420px;
}

.csf-footer-badges {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 0.82rem;
  color: #e2e8f0;
  font-weight: 600;
}

.csf-footer-heading {
  font-size: 0.95rem;
  font-weight: 800;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 0;
  margin-bottom: 18px;
  position: relative;
  display: inline-block;
}

.csf-footer-heading::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 28px;
  height: 2px;
  background: #ff5e00;
  border-radius: 2px;
}

.csf-footer-links {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.csf-footer-links a {
  color: #94a3b8 !important;
  text-decoration: none !important;
  font-size: 0.9rem;
  transition: all 0.25s ease;
  display: inline-flex;
  align-items: center;
}

.csf-footer-links a:hover {
  color: #ff8c3a !important;
  transform: translateX(4px);
}

.csf-contact-item {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  font-size: 0.9rem;
  color: #cbd5e1;
}

.csf-contact-item i {
  color: #ff8c3a;
  font-size: 1.05rem;
  flex-shrink: 0;
}

.csf-contact-item a {
  color: #cbd5e1 !important;
  text-decoration: none !important;
  transition: color 0.25s ease;
}

.csf-contact-item a:hover {
  color: #ff8c3a !important;
}

.csf-social-bar {
  display: flex;
  gap: 12px;
  margin-top: 18px;
}

.csf-social-bar a {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #cbd5e1 !important;
  font-size: 1.15rem;
  text-decoration: none !important;
  transition: all 0.25s ease;
}

.csf-social-bar a:hover {
  background: #ff5e00;
  border-color: #ff5e00;
  color: #ffffff !important;
  transform: translateY(-3px);
  box-shadow: 0 6px 16px rgba(255, 94, 0, 0.35);
}

.csf-social-bar a.wa-icon:hover {
  background: #25d366;
  border-color: #25d366;
  box-shadow: 0 6px 16px rgba(37, 211, 102, 0.35);
}

.csf-footer-bottom {
  padding-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  font-size: 0.84rem;
  color: #64748b;
}

.csf-copyright-link {
  color: #ff8c3a !important;
  font-weight: 700;
  text-decoration: none !important;
  transition: color 0.2s ease;
}

.csf-copyright-link:hover {
  color: #ffffff !important;
  text-decoration: underline !important;
}

.csf-bottom-left strong,
.csf-bottom-left span {
  color: #94a3b8;
}

.csf-bottom-right {
  display: flex;
  align-items: center;
  gap: 12px;
}

.csf-bottom-right a {
  color: #64748b !important;
  text-decoration: none !important;
  transition: color 0.25s ease;
}

.csf-bottom-right a:hover {
  color: #ff8c3a !important;
}

/* ==========================================================================
   PREMIUM FAQ SECTION - MODERN CYBER ACCORDION STYLING
   ========================================================================== */
.premium-faq {
  padding: 80px 0 !important;
  background: radial-gradient(circle at 15% 50%, rgba(255, 94, 0, 0.08) 0%, #060a12 80%) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  color: #ffffff !important;
}

.premium-faq .faq-layout {
  width: min(1200px, 100%) !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
  display: grid !important;
  grid-template-columns: 1fr 1.6fr !important;
  gap: 50px !important;
  align-items: center !important;
}

@media (max-width: 991px) {
  .premium-faq .faq-layout {
    grid-template-columns: 1fr !important;
    gap: 36px !important;
  }
}

.premium-faq .faq-intro {
  padding-left: 20px !important;
  border-left: 3px solid #ff5e00 !important;
}

.premium-faq .faq-eyebrow {
  display: inline-block !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  color: #ff8c3a !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 10px !important;
}

.premium-faq .faq-intro h2 {
  font-size: clamp(2.2rem, 3.8vw, 3.2rem) !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  line-height: 1.15 !important;
  margin: 0 0 16px !important;
  letter-spacing: -0.5px !important;
}

.premium-faq .faq-intro > p {
  font-size: 0.95rem !important;
  color: #94a3b8 !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}

.premium-faq .faq-panel {
  background: rgba(13, 21, 39, 0.85) !important;
  backdrop-filter: blur(16px) !important;
  border: 1px solid rgba(255, 94, 0, 0.3) !important;
  border-radius: 24px !important;
  padding: 34px 30px !important;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.6), 0 0 25px rgba(255, 94, 0, 0.12) !important;
}

.premium-faq .faq-panel > h3 {
  font-size: 0.8rem !important;
  font-weight: 800 !important;
  color: #ff8c3a !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  margin: 0 0 20px !important;
}

.premium-faq .faq-tabs {
  display: flex !important;
  gap: 10px !important;
  margin-bottom: 24px !important;
  flex-wrap: wrap !important;
}

.premium-faq .faq-tab {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #94a3b8 !important;
  font-weight: 600 !important;
  font-size: 0.88rem !important;
  padding: 8px 20px !important;
  border-radius: 12px !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
}

.premium-faq .faq-tab:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
}

.premium-faq .faq-tab.active {
  background: #ff5e00 !important;
  border-color: #ff5e00 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 15px rgba(255, 94, 0, 0.35) !important;
}

.premium-faq .faq-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.premium-faq .faq-row {
  background: rgba(20, 28, 48, 0.5) !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  transition: all 0.25s ease !important;
}

.premium-faq .faq-row:hover {
  border-color: rgba(255, 94, 0, 0.35) !important;
  background: rgba(25, 36, 60, 0.7) !important;
}

.premium-faq .faq-row.open {
  border-color: #ff5e00 !important;
  background: rgba(26, 38, 66, 0.85) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35), 0 0 15px rgba(255, 94, 0, 0.15) !important;
}

.premium-faq .faq-row > button {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 16px 20px !important;
  background: transparent !important;
  border: none !important;
  color: #ffffff !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  text-align: left !important;
  cursor: pointer !important;
}

.premium-faq .faq-row > button span {
  flex: 1 !important;
  color: #ffffff !important;
}

.premium-faq .faq-row > button i {
  position: relative !important;
  width: 28px !important;
  height: 28px !important;
  flex: 0 0 28px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.25s ease !important;
}

.premium-faq .faq-row:hover > button i {
  border-color: #ff5e00 !important;
  background: rgba(255, 94, 0, 0.15) !important;
}

.premium-faq .faq-row > button i:before,
.premium-faq .faq-row > button i:after {
  content: '' !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 12px !important;
  height: 2px !important;
  background: #ffffff !important;
  border-radius: 2px !important;
  transform: translate(-50%, -50%) !important;
  transition: transform 0.25s ease, background-color 0.25s ease !important;
}

.premium-faq .faq-row > button i:after {
  transform: translate(-50%, -50%) rotate(90deg) !important;
}

.premium-faq .faq-row.open > button i {
  background: #ff5e00 !important;
  border-color: #ff5e00 !important;
}

.premium-faq .faq-row.open > button i:after {
  display: none !important;
}

.premium-faq .faq-row.open > button i:before {
  background: #ffffff !important;
}

.premium-faq .faq-answer {
  display: none;
  padding: 0 20px 18px !important;
  color: #cbd5e1 !important;
  font-size: 0.9rem !important;
  line-height: 1.65 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
  margin-top: 4px !important;
  padding-top: 12px !important;
}

.premium-faq .faq-row.open .faq-answer {
  display: block !important;
  animation: fadeInFAQ 0.3s ease forwards;
}

@keyframes fadeInFAQ {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 768px) {
  .premium-faq {
    padding: 28px 14px 34px !important;
  }
  .premium-faq .faq-layout {
    gap: 16px !important;
    padding: 0 !important;
  }
  .premium-faq .faq-intro {
    padding: 12px 14px !important;
    border-left: 3px solid #ff5e00 !important;
    border-radius: 0 10px 10px 0 !important;
    background: rgba(13, 21, 39, 0.5) !important;
  }
  .premium-faq .faq-eyebrow {
    font-size: 0.68rem !important;
    margin-bottom: 4px !important;
  }
  .premium-faq .faq-intro h2 {
    font-size: 1.32rem !important;
    line-height: 1.2 !important;
    margin-bottom: 6px !important;
  }
  .premium-faq .faq-intro > p {
    font-size: 0.78rem !important;
    line-height: 1.4 !important;
  }
  .premium-faq .faq-panel {
    padding: 16px 12px !important;
    border-radius: 16px !important;
  }
  .premium-faq .faq-panel > h3 {
    font-size: 0.72rem !important;
    margin-bottom: 10px !important;
  }
  .premium-faq .faq-tabs {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 6px !important;
    margin-bottom: 12px !important;
  }
  .premium-faq .faq-tab {
    padding: 7px 4px !important;
    font-size: 0.76rem !important;
    text-align: center !important;
    border-radius: 8px !important;
    width: 100% !important;
  }
  .premium-faq .faq-list {
    gap: 8px !important;
  }
  .premium-faq .faq-row {
    border-radius: 10px !important;
  }
  .premium-faq .faq-row > button {
    padding: 10px 12px !important;
    font-size: 0.82rem !important;
    line-height: 1.3 !important;
  }
  .premium-faq .faq-row > button i {
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;
  }
  .premium-faq .faq-answer {
    padding: 0 12px 10px !important;
    font-size: 0.76rem !important;
    line-height: 1.42 !important;
  }
}

/* ==========================================================================
   UPCOMING COURSES - PRE-REGISTER / ENQUIRE BUTTON
   ========================================================================== */
.btn-cdfi-preregister {
  background: rgba(56, 189, 248, 0.12);
  border: 1px solid rgba(56, 189, 248, 0.4);
  color: #38bdf8 !important;
  font-weight: 700;
  font-size: 1rem;
  padding: 13px 20px;
  border-radius: 12px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.btn-cdfi-preregister:hover {
  background: #38bdf8;
  color: #060a12 !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 22px rgba(56, 189, 248, 0.4);
}

/* ==========================================================================
   MOU PARTNERSHIP SECTION (NOIDA INTERNATIONAL UNIVERSITY & CYBER SHAKTI)
   ========================================================================== */
.csa-mou-section {
  padding: 85px 0;
  background: radial-gradient(circle at 10% 50%, rgba(255, 94, 0, 0.06) 0%, #060a12 80%);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  position: relative;
  overflow: hidden;
}

.csa-mou-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255, 94, 0, 0.12);
  border: 1px solid rgba(255, 94, 0, 0.35);
  color: #ff8c3a;
  padding: 6px 18px;
  border-radius: 50px;
  font-size: 0.82rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 16px;
}

.csa-mou-title {
  font-size: 2.2rem;
  font-weight: 800;
  color: #ffffff;
  line-height: 1.3;
  margin-bottom: 16px;
}

.csa-mou-title span {
  color: #ff8c3a;
}

.csa-mou-objective-box {
  background: rgba(13, 21, 39, 0.7);
  border-left: 4px solid #ff5e00;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  border-right: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 0 14px 14px 0;
  padding: 16px 20px;
  margin-bottom: 24px;
}

.csa-mou-objective-title {
  font-size: 0.85rem;
  font-weight: 700;
  color: #ff8c3a;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 4px;
}

.csa-mou-objective-text {
  font-size: 0.98rem;
  color: #e2e8f0;
  line-height: 1.6;
  margin: 0;
}

.csa-mou-initiatives-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 12px;
  margin-bottom: 24px;
}

.csa-mou-init-item {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 12px 16px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  transition: all 0.25s ease;
}

.csa-mou-init-item:hover {
  background: rgba(255, 94, 0, 0.08);
  border-color: rgba(255, 94, 0, 0.35);
  transform: translateX(4px);
}

.csa-mou-init-item i {
  color: #ff8c3a;
  font-size: 1.1rem;
  margin-top: 2px;
  flex-shrink: 0;
}

.csa-mou-init-item span {
  font-size: 0.9rem;
  color: #cbd5e1;
  line-height: 1.45;
  font-weight: 500;
}

.csa-mou-col-left {
  display: flex;
  flex-direction: column;
}

.csa-mou-col-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.csa-mou-img-card {
  background: rgba(13, 21, 39, 0.95);
  border: 1px solid rgba(255, 94, 0, 0.35);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.6), 0 0 25px rgba(255, 94, 0, 0.15);
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}

.csa-mou-img-card:hover {
  border-color: rgba(255, 94, 0, 0.6);
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.7), 0 0 35px rgba(255, 94, 0, 0.25);
}

.csa-mou-img-wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #060a12;
}

.csa-mou-img-wrap img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
  transition: transform 0.5s ease;
}

.csa-mou-img-card:hover .csa-mou-img-wrap img {
  transform: scale(1.02);
}

.csa-mou-img-caption {
  padding: 16px 20px;
  background: rgba(10, 16, 30, 0.98);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
}

.csa-mou-img-caption h4 {
  font-size: 0.96rem;
  font-weight: 700;
  color: #ffffff;
  margin: 0;
}

.csa-mou-img-caption span {
  font-size: 0.82rem;
  color: #ff8c3a;
  font-weight: 600;
}

@media (max-width: 768px) {
  .csa-mou-section {
    padding: 28px 14px 34px !important;
  }
  .csa-mou-pill {
    font-size: 0.68rem !important;
    padding: 4px 12px !important;
    margin-bottom: 8px !important;
  }
  .csa-mou-title {
    font-size: 1.35rem !important;
    line-height: 1.25 !important;
    margin-bottom: 10px !important;
  }
  .csa-mou-objective-box {
    padding: 10px 12px !important;
    margin-bottom: 14px !important;
    border-radius: 0 10px 10px 0 !important;
  }
  .csa-mou-objective-title {
    font-size: 0.72rem !important;
    margin-bottom: 2px !important;
  }
  .csa-mou-objective-text {
    font-size: 0.8rem !important;
    line-height: 1.4 !important;
  }
  .csa-mou-initiatives-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
    margin-bottom: 16px !important;
  }
  .csa-mou-init-item {
    padding: 8px 8px !important;
    gap: 6px !important;
    border-radius: 8px !important;
    align-items: center !important;
  }
  .csa-mou-init-item i {
    font-size: 0.95rem !important;
    margin-top: 0 !important;
  }
  .csa-mou-init-item span {
    font-size: 0.72rem !important;
    line-height: 1.25 !important;
  }
  .csa-mou-img-card {
    border-radius: 14px !important;
  }
  .csa-mou-img-caption {
    padding: 10px 12px !important;
  }
  .csa-mou-img-caption h4 {
    font-size: 0.84rem !important;
  }
  .csa-mou-img-caption span {
    font-size: 0.72rem !important;
  }
}

/* ==========================================================================
   NEXT COHORT LIVE COUNTDOWN TIMER CARD
   ========================================================================== */
.csa-cohort-timer-card {
  background: rgba(13, 21, 39, 0.85) !important;
  backdrop-filter: blur(16px) !important;
  border: 1px solid rgba(255, 94, 0, 0.3) !important;
  border-radius: 24px !important;
  padding: 32px 24px !important;
  text-align: center !important;
  max-width: 900px !important;
  margin: 30px auto 40px !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6), 0 0 25px rgba(255, 94, 0, 0.15) !important;
}

.cohort-timer-header {
  font-size: 0.82rem !important;
  font-weight: 800 !important;
  letter-spacing: 2.5px !important;
  color: #94a3b8 !important;
  text-transform: uppercase !important;
  margin-bottom: 20px !important;
}

.cohort-countdown-grid {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 16px !important;
  margin-bottom: 28px !important;
}

.timer-unit {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  min-width: 75px !important;
}

.timer-num {
  font-size: clamp(2.4rem, 5vw, 3.8rem) !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  line-height: 1 !important;
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.3), 0 0 35px rgba(255, 94, 0, 0.4) !important;
  font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
}

.timer-label {
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  color: #ff8c3a !important;
  margin-top: 8px !important;
  text-transform: uppercase !important;
}

.timer-colon {
  font-size: 2.5rem !important;
  font-weight: 700 !important;
  color: rgba(255, 255, 255, 0.3) !important;
  margin-bottom: 20px !important;
}

/* Mobile responsive styles for countdown timer to prevent screen overflow */
@media (max-width: 576px) {
  .cohort-countdown-grid {
    gap: 6px !important;
    margin-bottom: 20px !important;
  }
  
  .timer-unit {
    min-width: 56px !important;
  }
  
  .timer-num {
    font-size: 1.8rem !important;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.2), 0 0 20px rgba(255, 94, 0, 0.3) !important;
  }
  
  .timer-label {
    font-size: 0.6rem !important;
    letter-spacing: 0.8px !important;
    margin-top: 4px !important;
  }
  
  .timer-colon {
    font-size: 1.6rem !important;
    margin-bottom: 12px !important;
  }
}

.cohort-badges-row {
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding-top: 22px !important;
}

.cohort-badge {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 999px !important;
  padding: 8px 18px !important;
  font-size: 0.86rem !important;
  font-weight: 600 !important;
  color: #cbd5e1 !important;
  display: inline-flex !important;
  align-items: center !important;
}

.cohort-badge.live-badge {
  border-color: rgba(239, 68, 68, 0.3) !important;
  background: rgba(239, 68, 68, 0.08) !important;
}

/* ==========================================================================
   CUSTOM DROPDOWN MENU FOR ABOUT US
   ========================================================================== */
.site-navbar .dropdown-menu {
  background: #090e1b !important;
  border: 1px solid rgba(255, 94, 0, 0.25) !important;
  border-radius: 12px !important;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.7), 0 0 20px rgba(255, 94, 0, 0.08) !important;
  padding: 8px !important;
  top: calc(100% + 15px) !important;
  position: absolute !important;
}

/* Invisible hover bridge to prevent menu from closing when mouse is in the gap */
.site-navbar .dropdown-menu::before {
  content: "" !important;
  position: absolute !important;
  top: -20px !important;
  left: 0 !important;
  right: 0 !important;
  height: 20px !important;
  background: transparent !important;
}

.site-navbar .dropdown-item {
  color: #cbd5e1 !important;
  font-size: 0.9rem !important;
  font-weight: 500 !important;
  padding: 10px 16px 10px 12px !important;
  border-radius: 6px !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  background: transparent !important;
  border-left: 3px solid transparent !important;
}

.site-navbar .dropdown-item i {
  font-size: 1.05rem !important;
  color: #94a3b8 !important;
  transition: all 0.25s ease !important;
}

/* Hover state */
.site-navbar .dropdown-item:hover {
  background: rgba(255, 255, 255, 0.05) !important;
  color: #ff8c3a !important;
  border-left-color: #ff8c3a !important;
  padding-left: 18px !important;
}

.site-navbar .dropdown-item:hover i {
  color: #ff8c3a !important;
  transform: scale(1.1) !important;
}

/* Active page state */
.site-navbar .dropdown-item.active {
  background: rgba(255, 255, 255, 0.07) !important;
  color: #ff5e00 !important;
  border-left-color: #ff5e00 !important;
  font-weight: 600 !important;
  padding-left: 18px !important;
}

.site-navbar .dropdown-item.active i {
  color: #ff5e00 !important;
  transform: scale(1.1) !important;
}

.site-navbar .dropdown-toggle::after {
  display: inline-block !important;
  margin-left: 0.355em !important;
  vertical-align: 0.255em !important;
  content: "" !important;
  border-top: 0.3em solid !important;
  border-right: 0.3em solid transparent !important;
  border-bottom: 0 !important;
  border-left: 0.3em solid transparent !important;
  transition: transform 0.2s ease !important;
}

.site-navbar .dropdown:hover .dropdown-toggle::after {
  transform: rotate(180deg) !important;
}

/* Hover dropdown behavior on larger screens */
@media (min-width: 1200px) {
  .site-navbar .nav-item.dropdown:hover .dropdown-menu {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
  }
  
  .site-navbar .dropdown-menu {
    display: block !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(-8px) !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  }
}

/* Mobile dropdown adjustment */
@media (max-width: 1199.98px) {
  .site-navbar .dropdown-menu {
    position: static !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border: none !important;
    border-left: 2px solid rgba(255, 94, 0, 0.3) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding-left: 15px !important;
    margin-top: 5px !important;
    margin-bottom: 10px !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    display: none !important;
  }
  
  .site-navbar .dropdown-menu.show {
    display: block !important;
  }
}

/* ==========================================================================
   CONTACT US PAGE - PREMIUM BRAND STYLING
   ========================================================================== */
.contact-page-body {
  background: #090e1b !important;
  color: #f8fafc !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}

.contact-hero {
  padding: 100px 0 60px 0 !important;
  position: relative !important;
  overflow: hidden !important;
  background: radial-gradient(circle at 50% -20%, rgba(255, 94, 0, 0.15) 0%, rgba(9, 14, 27, 0) 60%) !important;
}

.contact-hero::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background-image: linear-gradient(rgba(255, 255, 255, 0.007) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.007) 1px, transparent 1px) !important;
  background-size: 40px 40px !important;
  background-position: center !important;
  pointer-events: none !important;
}

.contact-hero-badge {
  background: rgba(255, 94, 0, 0.08) !important;
  border: 1px solid rgba(255, 94, 0, 0.3) !important;
  border-radius: 99px !important;
  padding: 8px 18px !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: #ff8c3a !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 24px !important;
}

.contact-hero-badge span.badge-dot {
  width: 8px !important;
  height: 8px !important;
  background-color: #ff5e00 !important;
  border-radius: 50% !important;
  display: inline-block !important;
  animation: contactPulse 1.8s infinite ease-in-out !important;
}

@keyframes contactPulse {
  0% { transform: scale(0.8); opacity: 0.5; box-shadow: 0 0 0 0 rgba(255, 94, 0, 0.7); }
  50% { transform: scale(1.2); opacity: 1; box-shadow: 0 0 0 8px rgba(255, 94, 0, 0); }
  100% { transform: scale(0.8); opacity: 0.5; box-shadow: 0 0 0 0 rgba(255, 94, 0, 0); }
}

.contact-title {
  font-family: 'Outfit', sans-serif !important;
  font-weight: 800 !important;
  font-size: clamp(2.2rem, 5vw, 3.8rem) !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em !important;
  color: #ffffff !important;
  margin-bottom: 20px !important;
}

.contact-title-accent {
  background: linear-gradient(135deg, #ff5e00 30%, #ff9e59 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.contact-lead {
  font-size: clamp(1rem, 1.5vw, 1.2rem) !important;
  color: #94a3b8 !important;
  max-width: 720px !important;
  margin: 0 auto !important;
  line-height: 1.6 !important;
}

/* Form & Info Grid */
.contact-section-layout {
  padding: 20px 0 80px 0 !important;
}

.contact-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 40px !important;
}

@media (min-width: 992px) {
  .contact-grid {
    grid-template-columns: 0.9fr 1.1fr !important;
    align-items: start !important;
  }
}

/* Info Cards block */
.contact-info-panel {
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
}

.contact-card-premium {
  background: rgba(255, 255, 255, 0.02) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 16px !important;
  padding: 24px !important;
  display: flex !important;
  gap: 20px !important;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
  text-decoration: none !important;
  color: inherit !important;
}

.contact-card-premium:hover {
  background: rgba(255, 94, 0, 0.04) !important;
  border-color: rgba(255, 94, 0, 0.25) !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.5), 0 0 15px rgba(255, 94, 0, 0.05) !important;
}

.contact-card-icon-wrap {
  width: 54px !important;
  height: 54px !important;
  flex-shrink: 0 !important;
  background: rgba(255, 94, 0, 0.1) !important;
  border: 1px solid rgba(255, 94, 0, 0.2) !important;
  border-radius: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ff8c3a !important;
  font-size: 1.5rem !important;
  transition: all 0.3s ease !important;
}

.contact-card-premium:hover .contact-card-icon-wrap {
  background: #ff5e00 !important;
  border-color: #ff731d !important;
  color: #ffffff !important;
  transform: scale(1.05) !important;
}

.contact-card-details h3 {
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin-bottom: 6px !important;
}

.contact-card-details p {
  font-size: 0.92rem !important;
  color: #cbd5e1 !important;
  margin-bottom: 4px !important;
  line-height: 1.4 !important;
}

.contact-card-details .card-action-text {
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  color: #ff8c3a !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  margin-top: 8px !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
}

.contact-card-details .card-action-text i {
  transition: transform 0.2s ease !important;
}

.contact-card-premium:hover .card-action-text i {
  transform: translateX(4px) !important;
}

/* Map stylings */
.contact-map-wrapper {
  background: rgba(255, 255, 255, 0.02) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 20px !important;
  padding: 8px !important;
  overflow: hidden !important;
  height: 320px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
}

.contact-map-wrapper iframe {
  width: 100% !important;
  height: 100% !important;
  border-radius: 14px !important;
  border: none !important;
  filter: invert(90%) hue-rotate(180deg) contrast(1.1) brightness(0.9) grayscale(0.2) !important;
}

/* Contact Form Card */
.contact-form-panel {
  background: linear-gradient(145deg, rgba(13, 20, 38, 0.9) 0%, rgba(9, 14, 27, 0.95) 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 24px !important;
  padding: 32px !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6), 0 0 30px rgba(255, 94, 0, 0.04) !important;
  position: relative !important;
}

.contact-form-panel::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, #ff5e00 0%, #ff8c3a 50%, #3b82f6 100%) !important;
  border-top-left-radius: 24px !important;
  border-top-right-radius: 24px !important;
}

.form-header-title {
  font-family: 'Outfit', sans-serif !important;
  font-size: 1.6rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin-bottom: 8px !important;
}

.form-header-desc {
  font-size: 0.9rem !important;
  color: #94a3b8 !important;
  margin-bottom: 28px !important;
}

.csa-form-group {
  margin-bottom: 20px !important;
}

.csa-form-label {
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  color: #cbd5e1 !important;
  margin-bottom: 8px !important;
  display: block !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

.csa-input-field {
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 12px !important;
  color: #ffffff !important;
  padding: 12px 16px !important;
  width: 100% !important;
  font-size: 0.95rem !important;
  transition: all 0.3s ease !important;
}

.csa-input-field:focus {
  outline: none !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border-color: #ff5e00 !important;
  box-shadow: 0 0 0 4px rgba(255, 94, 0, 0.18) !important;
}

.csa-input-field::placeholder {
  color: #475569 !important;
}

.csa-input-field option {
  background-color: #0d1426 !important;
  color: #ffffff !important;
}

.btn-contact-submit {
  width: 100% !important;
  background: linear-gradient(135deg, #ff5e00 0%, #ff7c26 100%) !important;
  border: none !important;
  border-radius: 12px !important;
  color: #ffffff !important;
  padding: 14px 28px !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  cursor: pointer !important;
  margin-top: 10px !important;
}

.btn-contact-submit:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 25px rgba(255, 94, 0, 0.4) !important;
}

.btn-contact-submit:active {
  transform: translateY(0) !important;
}

.btn-contact-submit:disabled {
  background: #1e293b !important;
  color: #64748b !important;
  cursor: not-allowed !important;
  transform: none !important;
  box-shadow: none !important;
}

/* FAQ Accordion */
.contact-faq-section {
  padding: 60px 0 100px 0 !important;
  position: relative !important;
}

.contact-faq-header {
  margin-bottom: 50px !important;
}

.faq-pill {
  background: rgba(59, 130, 246, 0.08) !important;
  border: 1px solid rgba(59, 130, 246, 0.3) !important;
  border-radius: 99px !important;
  padding: 6px 16px !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  color: #60a5fa !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  text-transform: uppercase !important;
  margin-bottom: 16px !important;
}

.faq-title {
  font-family: 'Outfit', sans-serif !important;
  font-weight: 800 !important;
  font-size: 2.2rem !important;
  color: #ffffff !important;
}

.faq-accordion-custom .accordion-item {
  background: rgba(255, 255, 255, 0.02) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  margin-bottom: 14px !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
}

.faq-accordion-custom .accordion-item:hover {
  border-color: rgba(255, 94, 0, 0.2) !important;
  background: rgba(255, 94, 0, 0.02) !important;
}

.faq-accordion-custom .accordion-button {
  background: transparent !important;
  color: #ffffff !important;
  font-size: 1.05rem !important;
  font-weight: 600 !important;
  padding: 20px 24px !important;
  box-shadow: none !important;
  border: none !important;
  transition: all 0.2s ease !important;
}

.faq-accordion-custom .accordion-button:not(.collapsed) {
  color: #ff8c3a !important;
}

.faq-accordion-custom .accordion-button::after {
  filter: invert(1) !important;
}

.faq-accordion-custom .accordion-body {
  padding: 0 24px 24px 24px !important;
  color: #cbd5e1 !important;
  font-size: 0.95rem !important;
  line-height: 1.6 !important;
}

/* Success Modal premium styling */
.modal-cyber {
  background: rgba(9, 14, 27, 0.85) !important;
  backdrop-filter: blur(12px) !important;
}

.modal-cyber .modal-content {
  background: #0d1426 !important;
  border: 1px solid rgba(255, 94, 0, 0.3) !important;
  border-radius: 24px !important;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.8), 0 0 40px rgba(255, 94, 0, 0.1) !important;
  padding: 30px !important;
  text-align: center !important;
}

.modal-cyber-icon-wrap {
  width: 72px !important;
  height: 72px !important;
  background: rgba(255, 94, 0, 0.1) !important;
  border: 2px solid #ff5e00 !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 24px auto !important;
  color: #ff5e00 !important;
  font-size: 2.2rem !important;
  animation: scaleInModal 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards !important;
}

@keyframes scaleInModal {
  0% { transform: scale(0.3); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}

.modal-cyber h3 {
  font-family: 'Outfit', sans-serif !important;
  font-size: 1.6rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  margin-bottom: 12px !important;
}

.modal-cyber p {
  color: #94a3b8 !important;
  font-size: 0.95rem !important;
  line-height: 1.5 !important;
  margin-bottom: 24px !important;
}

.btn-cyber-modal-close {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 10px !important;
  color: #ffffff !important;
  padding: 10px 24px !important;
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.btn-cyber-modal-close:hover {
  background: #ff5e00 !important;
  border-color: #ff5e00 !important;
  box-shadow: 0 5px 15px rgba(255, 94, 0, 0.3) !important;
}


/* ==========================================================================
   PREMIUM 13-MODULE CURRICULUM ACCORDION (Desktop & Mobile Perfect)
   ========================================================================== */
.csa-curriculum-accordion {
  max-width: 980px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.csa-accordion-item {
  background: linear-gradient(145deg, #0e162a 0%, #090e1b 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.csa-accordion-item:hover {
  border-color: rgba(255, 94, 0, 0.3);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
}

.csa-accordion-item.active {
  border-color: rgba(255, 94, 0, 0.55);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5), 0 0 25px rgba(255, 94, 0, 0.12);
  background: linear-gradient(145deg, #121d36 0%, #0b1122 100%);
}

.csa-accordion-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 22px;
  cursor: pointer;
  user-select: none;
  background: transparent;
  transition: background 0.2s ease;
  gap: 14px;
}

.csa-accordion-header:hover {
  background: rgba(255, 255, 255, 0.02);
}

.csa-acc-header-left {
  display: flex;
  align-items: center;
  gap: 14px;
  flex: 1;
}

.csa-acc-mod-num {
  font-family: var(--font-heading), 'Outfit', sans-serif;
  font-size: 0.74rem;
  font-weight: 800;
  color: #ff8c3a;
  background: rgba(255, 94, 0, 0.12);
  border: 1px solid rgba(255, 94, 0, 0.3);
  padding: 4px 10px;
  border-radius: 8px;
  flex-shrink: 0;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.csa-accordion-item.active .csa-acc-mod-num {
  background: #ff5e00;
  color: #ffffff;
  border-color: #ff5e00;
}

.csa-acc-title {
  color: #ffffff;
  font-family: var(--font-heading), 'Outfit', sans-serif;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
}

.csa-acc-icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.05);
  display: grid;
  place-items: center;
  color: #94a3b8;
  font-size: 0.9rem;
  flex-shrink: 0;
  transition: transform 0.3s ease, color 0.3s ease, background 0.3s ease;
}

.csa-accordion-item.active .csa-acc-icon {
  transform: rotate(180deg);
  color: #ff5e00;
  background: rgba(255, 94, 0, 0.15);
}

.csa-accordion-body {
  display: none;
  padding: 0 22px 22px 22px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.csa-accordion-item.active .csa-accordion-body {
  display: block;
}

.csa-acc-desc {
  color: #cbd5e1;
  font-size: 0.92rem;
  line-height: 1.6;
  margin: 16px 0 18px;
}

.csa-acc-topics-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  background: rgba(0, 0, 0, 0.25);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 14px;
  padding: 16px 18px;
}

.csa-acc-topic-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: #e2e8f0;
  font-size: 0.85rem;
  line-height: 1.45;
}

.csa-acc-topic-item i {
  color: #10b981;
  font-size: 1rem;
  margin-top: 1px;
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .csa-curriculum-accordion {
    gap: 8px !important;
  }
  .csa-accordion-header {
    padding: 12px 14px !important;
    gap: 8px !important;
  }
  .csa-acc-header-left {
    gap: 8px !important;
  }
  .csa-acc-mod-num {
    font-size: 0.65rem !important;
    padding: 3px 8px !important;
    border-radius: 6px !important;
  }
  .csa-acc-title {
    font-size: 0.85rem !important;
    line-height: 1.25 !important;
  }
  .csa-acc-icon {
    width: 26px !important;
    height: 26px !important;
    font-size: 0.75rem !important;
  }
  .csa-accordion-body {
    padding: 0 12px 14px !important;
  }
  .csa-acc-desc {
    font-size: 0.78rem !important;
    line-height: 1.4 !important;
    margin: 10px 0 12px !important;
  }
  .csa-acc-topics-grid {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    padding: 10px 12px !important;
    border-radius: 10px !important;
  }
  .csa-acc-topic-item {
    font-size: 0.74rem !important;
    gap: 6px !important;
  }
}

@media (max-width: 900px) {
  .speaker-value-modern {
    padding: 45px 0 50px !important;
  }
  .speaker-value-modern-grid {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }
  .speaker-cta-modern {
    padding: 45px 0 60px !important;
  }
  .speaker-cta-modern-box {
    padding: 36px 20px !important;
  }
}

@media (max-width: 768px) {
  .speaker-value-modern {
    padding: 26px 0 32px !important;
  }
  .speaker-value-pill {
    font-size: 0.65rem !important;
    padding: 3px 10px !important;
    margin-bottom: 8px !important;
  }
  .speaker-value-title {
    font-size: 1.35rem !important;
    line-height: 1.22 !important;
    margin-bottom: 8px !important;
  }
  .speaker-value-desc {
    font-size: 0.78rem !important;
    line-height: 1.4 !important;
    margin-bottom: 14px !important;
  }
  .speaker-value-quote-card {
    padding: 12px 10px !important;
    border-radius: 12px !important;
    margin-bottom: 16px !important;
  }
  .quote-icon {
    font-size: 1.2rem !important;
    margin-bottom: 2px !important;
  }
  .speaker-value-quote-card p {
    font-size: 0.76rem !important;
    line-height: 1.35 !important;
    margin-bottom: 4px !important;
  }
  .quote-author {
    font-size: 0.65rem !important;
  }
  .speaker-value-right {
    gap: 8px !important;
  }
  .speaker-value-card {
    padding: 12px 10px !important;
    border-radius: 12px !important;
  }
  .svc-card-header {
    margin-bottom: 6px !important;
  }
  .svc-card-number {
    font-size: 0.95rem !important;
  }
  .svc-card-icon {
    width: 28px !important;
    height: 28px !important;
    font-size: 0.9rem !important;
    border-radius: 6px !important;
  }
  .speaker-value-card h3 {
    font-size: 0.85rem !important;
    line-height: 1.25 !important;
    margin-bottom: 3px !important;
  }
  .speaker-value-card p {
    font-size: 0.72rem !important;
    line-height: 1.35 !important;
  }

  /* SPEAKER CTA BANNER COMPACT MOBILE */
  .speaker-cta-modern {
    padding: 20px 0 35px !important;
  }
  .speaker-cta-modern-box {
    padding: 20px 14px 18px !important;
    border-radius: 16px !important;
  }
  .speaker-cta-pill {
    font-size: 0.62rem !important;
    padding: 3px 10px !important;
    margin-bottom: 8px !important;
    letter-spacing: 0.05em !important;
  }
  .speaker-cta-title {
    font-size: 1.25rem !important;
    line-height: 1.2 !important;
    margin-bottom: 6px !important;
    letter-spacing: -0.01em !important;
  }
  .speaker-cta-text {
    font-size: 0.76rem !important;
    line-height: 1.35 !important;
    margin: 0 auto 14px !important;
    max-width: 100% !important;
  }
  .speaker-cta-actions {
    flex-direction: column !important;
    gap: 8px !important;
    margin-bottom: 12px !important;
    width: 100% !important;
  }
  .btn-speaker-cta-primary,
  .btn-speaker-cta-secondary {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 9px 14px !important;
    font-size: 0.82rem !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 14px rgba(255, 94, 0, 0.3) !important;
  }
  .speaker-cta-trust-strip {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    font-size: 0.68rem !important;
    align-items: center !important;
  }
  .speaker-cta-trust-strip span {
    display: inline-flex !important;
    align-items: center !important;
  }
}

/* ==========================================================================
   ABOUT US PAGE MOBILE PERFECTION (@media max-width: 768px)
   ========================================================================== */
@media (max-width: 768px) {
  .csa-about-page {
    overflow-x: hidden !important;
  }
  .csa-about-hero {
    padding: 30px 14px 28px !important;
    min-height: auto !important;
  }
  .csa-about-hero__content {
    width: 100% !important;
    padding: 0 !important;
  }
  .csa-about-badge {
    font-size: 0.65rem !important;
    padding: 3px 10px !important;
    margin-bottom: 8px !important;
  }
  .csa-about-title {
    font-size: 1.45rem !important;
    line-height: 1.22 !important;
    margin-bottom: 8px !important;
    letter-spacing: -0.3px !important;
  }
  .csa-about-lead {
    font-size: 0.8rem !important;
    line-height: 1.4 !important;
    margin-bottom: 16px !important;
  }
  .csa-about-hero-actions {
    flex-direction: column !important;
    width: 100% !important;
    gap: 8px !important;
  }
  .btn-about-primary,
  .btn-about-secondary {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 9px 16px !important;
    font-size: 0.84rem !important;
    border-radius: 10px !important;
  }

  /* METRICS 2-COLUMN GRID */
  .csa-about-metrics-section {
    padding: 22px 0 28px !important;
  }
  .csa-about-metrics-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
    padding: 0 12px !important;
  }
  .csa-about-metrics-grid > div:last-child {
    grid-column: span 2 !important;
  }
  .about-metric-card {
    padding: 12px 8px !important;
    border-radius: 12px !important;
    min-height: auto !important;
  }
  .about-metric-icon {
    font-size: 1.2rem !important;
    margin-bottom: 3px !important;
  }
  .about-metric-num {
    font-size: 1.35rem !important;
    line-height: 1.1 !important;
    margin-bottom: 2px !important;
  }
  .about-metric-label {
    font-size: 0.68rem !important;
  }

  /* STORY & FOUNDER SECTION */
  .csa-about-story {
    padding: 25px 0 32px !important;
  }
  .csa-about-story__grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    padding: 0 12px !important;
  }
  .csa-about-story__visual {
    width: 100% !important;
  }
  .csa-founder-slideshow {
    height: 250px !important;
    border-radius: 14px !important;
  }
  .photo-caption-badge {
    font-size: 0.68rem !important;
    padding: 6px 10px !important;
    bottom: 8px !important;
    left: 8px !important;
    right: 8px !important;
    border-radius: 8px !important;
  }
  .csa-story-pill {
    font-size: 0.62rem !important;
    padding: 3px 8px !important;
    margin-bottom: 6px !important;
  }
  .csa-about-story__copy h2 {
    font-size: 1.35rem !important;
    line-height: 1.22 !important;
    margin-bottom: 8px !important;
  }
  .about-org-desc {
    font-size: 0.78rem !important;
    line-height: 1.4 !important;
    margin-bottom: 8px !important;
  }
  .about-org-desc-sub {
    font-size: 0.74rem !important;
    line-height: 1.35 !important;
    margin-bottom: 16px !important;
  }
  .csa-founder-points article {
    padding: 8px 10px !important;
    border-radius: 10px !important;
    gap: 8px !important;
    margin-bottom: 8px !important;
  }
  .csa-founder-points article i {
    font-size: 1rem !important;
  }
  .csa-founder-points article strong {
    font-size: 0.8rem !important;
    line-height: 1.2 !important;
    display: block !important;
    margin-bottom: 2px !important;
  }
  .csa-founder-points article p {
    font-size: 0.7rem !important;
    line-height: 1.3 !important;
    margin: 0 !important;
  }

  /* MILESTONES ON MOBILE */
  .csa-milestones-section {
    padding: 28px 0 35px !important;
  }
  .csa-milestones-pill {
    font-size: 0.62rem !important;
    padding: 3px 8px !important;
  }
  .csa-milestones-title {
    font-size: 1.35rem !important;
    margin-bottom: 6px !important;
  }
  .csa-milestones-desc {
    font-size: 0.76rem !important;
    line-height: 1.35 !important;
    margin-bottom: 20px !important;
  }
  .csa-timeline-wrap {
    padding: 0 10px !important;
  }
  .csa-timeline-card {
    padding: 12px 10px !important;
    border-radius: 12px !important;
  }
  .csa-timeline-heading {
    font-size: 0.88rem !important;
    margin-bottom: 3px !important;
  }
  .csa-timeline-text {
    font-size: 0.72rem !important;
    line-height: 1.35 !important;
  }

  /* JOIN CTA BOX ON ABOUT */
  .csa-about-join-cta {
    padding: 24px 0 45px !important;
  }
  .about-join-box {
    padding: 22px 14px !important;
    border-radius: 16px !important;
    margin: 0 12px !important;
  }
  .about-join-box h2 {
    font-size: 1.3rem !important;
    line-height: 1.22 !important;
    margin: 8px 0 6px !important;
  }
  .about-join-box p {
    font-size: 0.76rem !important;
    line-height: 1.35 !important;
    margin-bottom: 14px !important;
  }
}


/* ==========================================================================
   ALTERNATING ZIG-ZAG TIMELINE & 2-COLUMN GALLERY (Desktop Alternating + Mobile Responsive)
   ========================================================================== */
.csa-milestones-section {
  padding: 85px 0 95px !important;
  background: #080c16 !important;
  position: relative;
}

.csa-timeline-wrap {
  position: relative;
  max-width: 960px;
  margin: 40px auto 0;
  padding: 20px 0;
}

/* Center Glowing Track on Desktop */
.csa-timeline-track {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 4px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #ff5e00 0%, #ff8c3a 50%, #38bdf8 100%);
  border-radius: 999px;
  box-shadow: 0 0 16px rgba(255, 94, 0, 0.5);
  z-index: 1;
}

.csa-timeline-item {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 45px;
  z-index: 2;
}

/* Odd items on Left */
.csa-timeline-item:nth-child(odd) {
  flex-direction: row;
  justify-content: flex-end;
}

.csa-timeline-item:nth-child(odd) .csa-timeline-card {
  width: calc(50% - 50px);
  text-align: right;
}

.csa-timeline-item:nth-child(odd) .csa-timeline-node {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

/* Even items on Right */
.csa-timeline-item:nth-child(even) {
  flex-direction: row;
  justify-content: flex-start;
}

.csa-timeline-item:nth-child(even) .csa-timeline-card {
  width: calc(50% - 50px);
  margin-left: calc(50% + 50px);
  text-align: left;
}

.csa-timeline-item:nth-child(even) .csa-timeline-node {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.csa-timeline-node {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: #0d1527;
  border: 3px solid #ff5e00;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.15rem;
  font-weight: 800;
  color: #ffffff;
  box-shadow: 0 0 0 6px rgba(255, 94, 0, 0.2), 0 8px 24px rgba(0, 0, 0, 0.7);
  z-index: 3;
}

.csa-timeline-card {
  background: linear-gradient(145deg, #0e162a 0%, #090e1b 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  padding: 22px 24px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
  transition: all 0.3s ease;
}

.csa-timeline-card:hover {
  border-color: rgba(255, 94, 0, 0.5);
  transform: translateY(-3px);
  box-shadow: 0 14px 35px rgba(255, 94, 0, 0.18);
}

.csa-timeline-tag {
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 800;
  color: #ff8c3a;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 6px;
}

.csa-timeline-heading {
  font-size: 1.1rem;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 6px;
  line-height: 1.3;
}

.csa-timeline-text {
  font-size: 0.84rem;
  color: #94a3b8;
  line-height: 1.5;
  margin: 0;
}

/* MOBILE RESPONSIVE (max-width: 768px) */
@media (max-width: 768px) {
  .csa-milestones-section {
    padding: 30px 0 40px !important;
  }
  .csa-timeline-wrap {
    margin-top: 20px !important;
    padding: 0 12px !important;
  }
  .csa-timeline-track {
    left: 36px !important;
    transform: none !important;
    width: 3px !important;
  }
  .csa-timeline-item {
    margin-bottom: 20px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    position: relative !important;
  }
  .csa-timeline-item:nth-child(odd),
  .csa-timeline-item:nth-child(even) {
    justify-content: flex-start !important;
  }
  .csa-timeline-item:nth-child(odd) .csa-timeline-node,
  .csa-timeline-item:nth-child(even) .csa-timeline-node {
    position: relative !important;
    left: 0 !important;
    transform: none !important;
    width: 48px !important;
    height: 48px !important;
    font-size: 0.78rem !important;
    border-width: 2px !important;
    box-shadow: 0 0 0 4px rgba(255, 94, 0, 0.15) !important;
    flex-shrink: 0 !important;
    margin-right: 12px !important;
  }
  .csa-timeline-item:nth-child(odd) .csa-timeline-card,
  .csa-timeline-item:nth-child(even) .csa-timeline-card {
    width: calc(100% - 60px) !important;
    margin-left: 0 !important;
    text-align: left !important;
    padding: 12px 10px !important;
    border-radius: 12px !important;
  }
  .csa-timeline-tag {
    font-size: 0.65rem !important;
    margin-bottom: 3px !important;
  }
  .csa-timeline-heading {
    font-size: 0.88rem !important;
    margin-bottom: 4px !important;
  }
  .csa-timeline-text {
    font-size: 0.72rem !important;
    line-height: 1.35 !important;
  }

  /* PAST EVENTS 2-COLUMN GRID ON MOBILE */
  .csa-about-gallery {
    padding: 30px 0 45px !important;
  }
  .csa-gallery-header {
    margin-bottom: 20px !important;
  }
  .csa-gallery-pill {
    font-size: 0.65rem !important;
    padding: 3px 10px !important;
  }
  .csa-gallery-title {
    font-size: 1.35rem !important;
    margin-bottom: 6px !important;
  }
  .csa-gallery-desc {
    font-size: 0.76rem !important;
    line-height: 1.35 !important;
  }
  .csa-event-grid-18,
  .csa-event-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
    padding: 0 10px !important;
  }
  .csa-gallery-item,
  .csa-event-grid figure {
    border-radius: 10px !important;
    aspect-ratio: 16 / 10 !important;
  }
  .csa-gallery-item figcaption {
    padding: 4px 6px !important;
    font-size: 0.62rem !important;
  }
}


/* ==========================================================================
   PERFECT TIMELINE: ALTERNATING TOP/BOTTOM ON DESKTOP, CLEAN VERTICAL ON MOBILE
   ========================================================================== */
.csa-milestones-section {
  padding: 55px 0 65px !important;
  background: #080c16 !important;
  position: relative;
}

.csa-milestones-header {
  margin-bottom: 35px !important;
  position: relative;
  z-index: 5;
}

.csa-milestones-pill {
  font-size: 0.72rem !important;
  padding: 4px 12px !important;
  margin-bottom: 8px !important;
}

.csa-milestones-title {
  font-size: 2.1rem !important;
  margin-bottom: 6px !important;
}

.csa-milestones-desc {
  font-size: 0.86rem !important;
  line-height: 1.45 !important;
  max-width: 680px !important;
  margin: 0 auto !important;
}

/* DESKTOP LINEAR FLOW (All 5 Cards aligned in 1 single clean row with connected track) */
.csa-timeline-wrap {
  position: relative !important;
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 16px !important;
  margin: 30px auto 0 !important;
  padding: 0 10px !important;
  max-width: 1240px !important;
}

.csa-timeline-track {
  position: absolute !important;
  top: 28px !important;
  left: 10% !important;
  right: 10% !important;
  height: 3px !important;
  width: auto !important;
  bottom: auto !important;
  transform: none !important;
  background: linear-gradient(90deg, #ff5e00 0%, #ff8c3a 50%, #38bdf8 100%) !important;
  border-radius: 999px !important;
  box-shadow: 0 0 14px rgba(255, 94, 0, 0.6) !important;
  z-index: 1 !important;
}

.csa-timeline-item {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 2 !important;
}

.csa-timeline-node {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
  width: 56px !important;
  height: 56px !important;
  border-radius: 50% !important;
  background: #0d1527 !important;
  border: 2px solid #ff5e00 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0.95rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  box-shadow: 0 0 0 5px rgba(255, 94, 0, 0.2), 0 6px 18px rgba(0, 0, 0, 0.7) !important;
  z-index: 4 !important;
  margin: 0 0 18px 0 !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

.csa-timeline-item:hover .csa-timeline-node {
  border-color: #38bdf8 !important;
  color: #38bdf8 !important;
  box-shadow: 0 0 0 6px rgba(56, 189, 248, 0.25), 0 8px 22px rgba(56, 189, 248, 0.4) !important;
  transform: scale(1.08) !important;
}

.csa-timeline-card {
  position: relative !important;
  top: auto !important;
  bottom: auto !important;
  left: auto !important;
  transform: none !important;
  width: 100% !important;
  min-width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  text-align: center !important;
  background: linear-gradient(145deg, #0e162a 0%, #090e1b 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 16px !important;
  padding: 16px 12px !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.45) !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

.csa-timeline-card:hover {
  border-color: rgba(255, 94, 0, 0.5) !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 28px rgba(255, 94, 0, 0.2) !important;
}

.csa-timeline-tag {
  display: inline-block !important;
  font-size: 0.65rem !important;
  font-weight: 800 !important;
  color: #ff8c3a !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  margin-bottom: 4px !important;
}

.csa-timeline-heading {
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin-bottom: 6px !important;
  line-height: 1.25 !important;
}

.csa-timeline-text {
  font-size: 0.72rem !important;
  color: #94a3b8 !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}

/* ==========================================================================
   MOBILE RESPONSIVE TIMELINE (Clean Vertical Stream)
   ========================================================================== */
@media (max-width: 991px) {
  .csa-milestones-section {
    padding: 30px 0 40px !important;
  }
  .csa-timeline-wrap {
    display: flex !important;
    flex-direction: column !important;
    margin: 20px auto 0 !important;
    padding: 0 10px 0 16px !important;
    position: relative !important;
    gap: 16px !important;
  }
  .csa-timeline-track {
    top: 0 !important;
    bottom: 0 !important;
    left: 38px !important;
    right: auto !important;
    transform: none !important;
    width: 3px !important;
    height: 100% !important;
  }
  .csa-timeline-item {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    position: relative !important;
    width: 100% !important;
    margin-bottom: 0 !important;
  }
  .csa-timeline-node {
    width: 44px !important;
    height: 44px !important;
    font-size: 0.78rem !important;
    flex-shrink: 0 !important;
    margin: 0 14px 0 0 !important;
    border-width: 2px !important;
    box-shadow: 0 0 0 3px rgba(255, 94, 0, 0.18) !important;
    z-index: 5 !important;
  }
  
  .csa-timeline-card {
    width: calc(100% - 58px) !important;
    max-width: 100% !important;
    min-width: auto !important;
    margin: 0 !important;
    text-align: left !important;
    padding: 12px 14px !important;
    border-radius: 12px !important;
  }

  .csa-timeline-tag {
    font-size: 0.62rem !important;
    margin-bottom: 2px !important;
  }
  .csa-timeline-heading {
    font-size: 0.84rem !important;
    margin-bottom: 4px !important;
  }
  .csa-timeline-text {
    font-size: 0.72rem !important;
    line-height: 1.35 !important;
  }
}


/* ==========================================================================
   CRYSTAL-CLEAR CERTIFICATES & BADGES (Original White Background Perfection)
   ========================================================================== */
.card-badge-img-wrap {
  width: 96px !important;
  height: 64px !important;
  background: #ffffff !important;
  border-radius: 12px !important;
  padding: 4px 6px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.15) !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
}

.card-badge-img-wrap img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block !important;
  filter: contrast(1.05) !important;
}

.cdfi-badge-img-box {
  margin-bottom: 24px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.cdfi-badge-img-box img,
.cdfi-hero-badge-img,
.course-hero-badge-img {
  height: auto !important;
  max-height: 190px !important;
  width: auto !important;
  max-width: 290px !important;
  object-fit: contain !important;
  background: #ffffff !important;
  border-radius: 16px !important;
  padding: 8px 14px !important;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.6), 0 0 25px rgba(255, 94, 0, 0.25) !important;
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
  display: inline-block !important;
}

.cdfi-badge-img-box img:hover,
.cdfi-hero-badge-img:hover,
.course-hero-badge-img:hover {
  transform: scale(1.04) !important;
}

@media (max-width: 768px) {
  .card-badge-img-wrap {
    width: 78px !important;
    height: 52px !important;
    padding: 3px 5px !important;
    border-radius: 10px !important;
  }
  .cdfi-badge-img-box img,
  .cdfi-hero-badge-img,
  .course-hero-badge-img {
    max-height: 140px !important;
    max-width: 220px !important;
    padding: 6px 10px !important;
    border-radius: 12px !important;
  }
}


/* ==========================================================================
   USER-REQUESTED REFINEMENTS (Appended Safely)
   ========================================================================== */

/* 1. Hero Badge Pill: Generous Padding, Clean Centering & No Curve Collision */
.hero-badge-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 8px 28px !important;
  background: rgba(255, 94, 0, 0.12) !important;
  border: 1px solid rgba(255, 94, 0, 0.45) !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 18px rgba(255, 94, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  backdrop-filter: blur(16px) !important;
  margin: 0 auto 16px !important;
  width: fit-content !important;
  max-width: calc(100% - 20px) !important;
  box-sizing: border-box !important;
}

.hero-badge-pill i {
  color: #ff7b25 !important;
  font-size: 1rem !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
}

.hero-badge-pill span,
.hero-badge-pill .badge-text {
  color: #ffffff !important;
  font-family: var(--font-heading), 'Outfit', sans-serif !important;
  font-size: clamp(0.64rem, 2vw, 0.78rem) !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  display: inline-block !important;
}

.hero-badge-pill .badge-dot {
  display: none !important;
}

@media (max-width: 580px) {
  .hero-badge-pill {
    padding: 6px 20px !important;
    gap: 8px !important;
    max-width: calc(100vw - 24px) !important;
  }
  .hero-badge-pill i {
    font-size: 0.85rem !important;
  }
  .hero-badge-pill span,
  .hero-badge-pill .badge-text {
    font-size: clamp(0.52rem, 2.7vw, 0.66rem) !important;
    letter-spacing: 0.02em !important;
  }
}

/* 2. Navbar Links Spacing (Desktop) */
@media (min-width: 1200px) {
  .site-navbar .navbar-nav {
    gap: 16px !important;
  }
}

/* 3. MoU Partnership Section Responsive Mobile Reordering */
@media (max-width: 991.98px) {
  .csa-mou-section .row,
  .csa-mou-row {
    display: flex !important;
    flex-direction: column !important;
  }
  .csa-mou-col-left {
    display: contents !important;
  }
  .csa-mou-pill {
    order: 1 !important;
  }
  .csa-mou-title {
    order: 2 !important;
    margin-bottom: 14px !important;
  }
  .csa-mou-col-right {
    order: 3 !important;
    margin-bottom: 16px !important;
    width: 100% !important;
  }
  .csa-mou-objective-box {
    order: 4 !important;
    margin-bottom: 14px !important;
  }
  .csa-mou-initiatives-grid {
    order: 5 !important;
  }
}

/* 4. CSA Certification Programs Folders (2 on Top, 1 Centered Below on Mobile) */
@media (max-width: 900px) {
  .enable-folder-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    max-width: 480px !important;
    margin: 0 auto !important;
    gap: 16px 12px !important;
    width: 100% !important;
  }
  .enable-folder-card,
  .enable-folder-card:nth-child(1),
  .enable-folder-card:nth-child(2) {
    transform: none !important;
    max-width: 100% !important;
    width: 100% !important;
    height: 145px !important;
    min-height: 145px !important;
  }
  .enable-folder-card:nth-child(3),
  .enable-folder-grid a.enable-folder-card:nth-child(3) {
    grid-column: 1 / span 2 !important;
    transform: none !important;
    max-width: 230px !important;
    width: 100% !important;
    margin: 0 auto !important;
    justify-self: center !important;
    height: 145px !important;
    min-height: 145px !important;
  }
  .enable-folders {
    padding: 24px 16px 28px !important;
  }
}

@media (max-width: 600px) {
  .enable-folders {
    padding: 20px 8px 24px !important;
  }
  .enable-folders-heading {
    margin-bottom: 14px !important;
  }
  .enable-folders-heading h2 {
    font-size: 1.35rem !important;
    line-height: 1.2 !important;
    margin-bottom: 3px !important;
  }
  .enable-folders-heading p {
    font-size: 0.76rem !important;
    margin-bottom: 2px !important;
  }
  .enable-folder-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 14px 8px !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    width: 100% !important;
    padding: 0 4px !important;
  }
  .enable-folder-card,
  .enable-folder-card:nth-child(1),
  .enable-folder-card:nth-child(2) {
    height: 142px !important;
    min-height: 142px !important;
    max-width: 100% !important;
    width: 100% !important;
    transform: none !important;
  }
  .enable-folder-card:nth-child(3),
  .enable-folder-grid a.enable-folder-card:nth-child(3) {
    grid-column: 1 / span 2 !important;
    max-width: 200px !important;
    width: 100% !important;
    margin: 0 auto !important;
    justify-self: center !important;
    height: 142px !important;
    min-height: 142px !important;
    transform: none !important;
  }
  .enable-folder-tab {
    height: 38px !important;
    border-radius: 12px 12px 3px 3px !important;
  }
  .enable-folder-front {
    inset: 16px 0 0 !important;
    padding: 8px 8px 8px !important;
    border-radius: 8px 8px 10px 10px !important;
    gap: 1px !important;
  }
  .enable-folder-number {
    top: 4px !important;
    left: 7px !important;
    font-size: 0.62rem !important;
  }
  .enable-folder-icon {
    top: 3px !important;
    right: 7px !important;
    font-size: 0.85rem !important;
  }
  .enable-course-label {
    font-size: 0.5rem !important;
    margin-bottom: 0 !important;
  }
  .enable-folder-front h3 {
    font-size: 0.88rem !important;
    margin: 0 !important;
    line-height: 1.15 !important;
  }
  .enable-folder-desc {
    font-size: 0.62rem !important;
    line-height: 1.18 !important;
    margin: 0 0 3px !important;
    max-width: 100% !important;
  }
  .enable-folder-action {
    padding: 2px 8px !important;
    font-size: 0.62rem !important;
    min-width: 76px !important;
    gap: 3px !important;
  }
}


/* 5. Past Events Gallery: 4 Cards Per Row (Desktop), Sleek & Compact */
.csa-event-grid-18,
.csa-event-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 16px !important;
}

.csa-gallery-item,
.csa-event-grid figure {
  border-radius: 14px !important;
  aspect-ratio: 16 / 10.5 !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
}

.csa-gallery-item figcaption,
.csa-event-grid figure figcaption {
  padding: 8px 10px !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.02em !important;
}

@media (max-width: 1100px) {
  .csa-event-grid-18,
  .csa-event-grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 14px !important;
  }
}

@media (max-width: 768px) {
  .csa-event-grid-18,
  .csa-event-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }
  .csa-gallery-item,
  .csa-event-grid figure {
    border-radius: 10px !important;
  }
  .csa-gallery-item figcaption,
  .csa-event-grid figure figcaption {
    padding: 6px 8px !important;
    font-size: 0.65rem !important;
  }
}


/* 6. About Page Founder Slideshow: Mobile Sizing Fix (Compact & Proportional) */
@media (max-width: 991.98px) {
  .csa-about-story__visual {
    height: 340px !important;
    min-height: 340px !important;
    max-width: 420px !important;
    margin: 0 auto 20px !important;
    border-radius: 18px !important;
  }
  .csa-founder-slideshow {
    height: 340px !important;
    min-height: 340px !important;
  }
  .about-founder-slide {
    object-fit: cover !important;
    object-position: center 15% !important;
  }
  .photo-caption-badge {
    font-size: 0.72rem !important;
    padding: 6px 12px !important;
    bottom: 8px !important;
    left: 8px !important;
    right: 8px !important;
  }
  .slideshow-indicators {
    bottom: 42px !important;
  }
}

@media (max-width: 600px) {
  .csa-about-story__visual {
    height: 250px !important;
    min-height: 250px !important;
    max-width: 320px !important;
    margin: 0 auto 16px !important;
    border-radius: 14px !important;
  }
  .csa-founder-slideshow {
    height: 250px !important;
    min-height: 250px !important;
  }
  .photo-caption-badge {
    font-size: 0.62rem !important;
    padding: 4px 8px !important;
    bottom: 6px !important;
    left: 6px !important;
    right: 6px !important;
  }
  .slideshow-indicators {
    bottom: 34px !important;
    gap: 5px !important;
  }
  .slideshow-indicators .dot {
    width: 6px !important;
    height: 6px !important;
  }
  .slideshow-indicators .dot.active {
    width: 18px !important;
  }
}


/* 7. Hero Top Spacing: Generous breathing room between Navbar and Badge/Text */
.wow-cyber-hero {
  padding-top: 72px !important;
  padding-bottom: 58px !important;
}

@media (max-width: 768px) {
  .wow-cyber-hero {
    padding-top: 50px !important;
    padding-bottom: 40px !important;
  }
}


/* 8. Mentor & Instructor Pages Refinements (Dark Form Styling & Responsive Polish) */
.text-accent-gradient {
  background: linear-gradient(135deg, #ff7b25 0%, #ffab40 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* Form Inputs Dark Mode & Select Option Colors */
select.mentor-select,
.mentor-input,
.csa-input-field {
  background-color: #080d19 !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 10px !important;
}

select.mentor-select:focus,
.mentor-input:focus,
.csa-input-field:focus {
  border-color: #ff5e00 !important;
  box-shadow: 0 0 12px rgba(255, 94, 0, 0.28) !important;
  background-color: #0a1122 !important;
}

select.mentor-select option,
.mentor-input option,
.csa-input-field option {
  background-color: #0d1527 !important;
  color: #ffffff !important;
  padding: 12px !important;
}

/* Chips styling */
.expertise-chip,
.radio-chip {
  background: #080d19 !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #cbd5e1 !important;
  border-radius: 10px !important;
}

.expertise-chip:hover,
.radio-chip:hover {
  border-color: rgba(255, 123, 37, 0.5) !important;
  background: rgba(255, 94, 0, 0.08) !important;
  color: #ffffff !important;
}

/* Responsive Polish for Apply as Mentor Page & Instructor Registration */
@media (max-width: 900px) {
  .mentor-benefits-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
  }
  .expertise-options-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 600px) {
  .mentor-why-section {
    padding: 40px 14px 48px !important;
  }
  .mentor-why-title {
    font-size: 1.55rem !important;
    margin-bottom: 8px !important;
  }
  .mentor-why-subtitle {
    font-size: 0.82rem !important;
    line-height: 1.45 !important;
    margin-bottom: 24px !important;
  }
  .mentor-benefits-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  .mentor-benefit-card {
    padding: 18px 16px !important;
    border-radius: 14px !important;
  }
  .mentor-benefit-card h3 {
    font-size: 1.05rem !important;
    margin-bottom: 6px !important;
  }
  .mentor-benefit-card p {
    font-size: 0.8rem !important;
    line-height: 1.42 !important;
  }
  .benefit-icon-wrap {
    width: 38px !important;
    height: 38px !important;
    font-size: 1.15rem !important;
    margin-bottom: 10px !important;
    border-radius: 9px !important;
  }
  .if-window-card {
    border-radius: 14px !important;
  }
  .mentor-form-wrapper {
    padding: 20px 14px !important;
  }
  .mentor-form-header h2 {
    font-size: 1.25rem !important;
    line-height: 1.25 !important;
  }
  .mentor-form-header p {
    font-size: 0.78rem !important;
    line-height: 1.38 !important;
  }
  .form-block {
    padding: 16px 12px !important;
    border-radius: 12px !important;
    margin-bottom: 16px !important;
  }
  .form-block-title {
    font-size: 1.05rem !important;
    margin-bottom: 14px !important;
  }
  .expertise-options-grid {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }
  .radio-group-wrap {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px !important;
  }
  .btn-submit-mentor-app {
    width: 100% !important;
    padding: 13px 24px !important;
    font-size: 0.95rem !important;
  }
}


/* 9. Clean Select Options Styling (Eliminates Browser Gray Placeholder Bar) */
select.mentor-select option[hidden],
.mentor-input option[hidden],
.csa-input-field option[hidden] {
  display: none !important;
  visibility: hidden !important;
}

select.mentor-select option,
.mentor-input option,
.csa-input-field option {
  background-color: #0c1424 !important;
  color: #ffffff !important;
  padding: 12px 16px !important;
  font-size: 0.95rem !important;
}

select.mentor-select option:checked,
select.mentor-select option:hover,
.mentor-input option:checked,
.csa-input-field option:checked {
  background-color: #ff5e00 !important;
  color: #ffffff !important;
}


/* 10. Navbar and Hero Badge Strip: Clear Gap & Zero Overlap */
body {
  padding-top: 88px !important;
}

@media (max-width: 1199.98px) {
  body {
    padding-top: 84px !important;
  }
}

@media (max-width: 580px) {
  body {
    padding-top: 78px !important;
  }
}

.wow-cyber-hero {
  padding-top: 64px !important;
  padding-bottom: 56px !important;
}

.hero-container {
  padding-top: 12px !important;
}

.hero-badge-pill {
  margin-top: 16px !important;
  margin-bottom: 20px !important;
}

@media (max-width: 768px) {
  .wow-cyber-hero {
    padding-top: 44px !important;
    padding-bottom: 38px !important;
  }
  .hero-container {
    padding-top: 8px !important;
  }
  .hero-badge-pill {
    margin-top: 14px !important;
    margin-bottom: 18px !important;
  }
}

@media (max-width: 480px) {
  .wow-cyber-hero {
    padding-top: 38px !important;
    padding-bottom: 32px !important;
  }
  .hero-badge-pill {
    margin-top: 10px !important;
    margin-bottom: 16px !important;
  }
}


/* 11. Equalized Left/Right Padding on Hero Badge & Total Mobile Horizontal Overflow Fix */
html, body {
  overflow-x: hidden !important;
  max-width: 100% !important;
}

.wow-cyber-hero,
.hero-container,
.hero-content-wrapper {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

.hero-badge-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 8px 24px 8px 20px !important;
  background: rgba(255, 94, 0, 0.12) !important;
  border: 1px solid rgba(255, 94, 0, 0.45) !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 18px rgba(255, 94, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  backdrop-filter: blur(16px) !important;
  margin: 16px auto 20px !important;
  width: fit-content !important;
  max-width: calc(100vw - 32px) !important;
  box-sizing: border-box !important;
}

.hero-badge-pill i {
  color: #ff7b25 !important;
  font-size: 0.95rem !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
}

.hero-badge-pill span {
  color: #ffffff !important;
  font-family: var(--font-heading), 'Outfit', sans-serif !important;
  font-size: clamp(0.58rem, 1.8vw, 0.76rem) !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  display: inline-block !important;
}

@media (max-width: 580px) {
  .hero-badge-pill {
    padding: 6px 16px 6px 14px !important;
    gap: 6px !important;
    max-width: calc(100vw - 20px) !important;
    margin: 10px auto 16px !important;
  }
  .hero-badge-pill i {
    font-size: 0.8rem !important;
  }
  .hero-badge-pill span {
    font-size: clamp(0.48rem, 2.5vw, 0.62rem) !important;
    letter-spacing: 0.015em !important;
  }
}


/* 12. MoU Section: Zero-Overlap & Clean Pill Clearance */
.csa-mou-section {
  position: relative !important;
  z-index: 10 !important;
  padding: 85px 0 !important;
}

.csa-mou-row {
  margin-top: 0 !important;
}

.csa-mou-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: rgba(255, 94, 0, 0.12) !important;
  border: 1px solid rgba(255, 94, 0, 0.35) !important;
  color: #ff8c3a !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  margin-bottom: 16px !important;
  width: fit-content !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

@media (max-width: 991.98px) {
  .csa-mou-section {
    padding-top: 48px !important;
    padding-bottom: 38px !important;
  }
  .csa-mou-row {
    display: flex !important;
    flex-direction: column !important;
    margin-top: 0 !important;
  }
  .csa-mou-col-left {
    display: contents !important;
  }
  .csa-mou-pill {
    order: 1 !important;
    margin-top: 6px !important;
    margin-bottom: 14px !important;
    font-size: 0.72rem !important;
    padding: 5px 14px !important;
  }
  .csa-mou-title {
    order: 2 !important;
    margin-bottom: 14px !important;
    font-size: 1.35rem !important;
    line-height: 1.25 !important;
  }
  .csa-mou-col-right {
    order: 3 !important;
    margin-bottom: 16px !important;
    width: 100% !important;
  }
  .csa-mou-objective-box {
    order: 4 !important;
    margin-bottom: 14px !important;
  }
  .csa-mou-initiatives-grid {
    order: 5 !important;
  }
}

@media (max-width: 580px) {
  .csa-mou-section {
    padding-top: 42px !important;
    padding-bottom: 32px !important;
  }
  .csa-mou-pill {
    font-size: 0.65rem !important;
    padding: 4px 12px !important;
    margin-top: 6px !important;
    margin-bottom: 10px !important;
  }
}


/* 13. MoU Heading Line-Height Fix (Zero Collision Between Text Lines) */
.csa-mou-title {
  font-family: var(--font-heading), 'Outfit', sans-serif !important;
  font-size: clamp(1.2rem, 3.2vw, 2.2rem) !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  line-height: 1.45 !important;
  margin-bottom: 16px !important;
  letter-spacing: -0.01em !important;
}

@media (max-width: 991.98px) {
  .csa-mou-title {
    font-size: 1.25rem !important;
    line-height: 1.42 !important;
    margin-bottom: 14px !important;
  }
}

@media (max-width: 580px) {
  .csa-mou-title {
    font-size: 1.15rem !important;
    line-height: 1.45 !important;
    margin-bottom: 12px !important;
  }
}

/* 14. Universal Dark Cyber Notification Modal (No White OS Alert Boxes) */
.csa-cyber-notify-overlay {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(4, 7, 14, 0.85) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  z-index: 9999999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 20px !important;
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.csa-cyber-notify-overlay.active {
  opacity: 1 !important;
  visibility: visible !important;
}

.csa-cyber-notify-modal {
  background: linear-gradient(145deg, #0e162a 0%, #070b16 100%) !important;
  border: 1px solid rgba(255, 94, 0, 0.4) !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.8), 0 0 30px rgba(255, 94, 0, 0.18) !important;
  border-radius: 20px !important;
  padding: 32px 28px !important;
  max-width: 460px !important;
  width: 100% !important;
  text-align: center !important;
  transform: scale(0.92);
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  color: #ffffff !important;
}

.csa-cyber-notify-overlay.active .csa-cyber-notify-modal {
  transform: scale(1) !important;
}

.csa-cyber-notify-icon-wrap {
  width: 64px !important;
  height: 64px !important;
  margin: 0 auto 16px !important;
  border-radius: 50% !important;
  background: rgba(255, 94, 0, 0.1) !important;
  border: 1px solid rgba(255, 94, 0, 0.3) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 2.2rem !important;
}

.csa-cyber-notify-title {
  font-family: var(--font-heading), 'Outfit', sans-serif !important;
  font-size: 1.4rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  margin-bottom: 10px !important;
  line-height: 1.2 !important;
}

.csa-cyber-notify-msg {
  font-size: 0.92rem !important;
  line-height: 1.55 !important;
  color: #cbd5e1 !important;
  margin-bottom: 22px !important;
}

.csa-cyber-notify-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 11px 28px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #ff5e00 0%, #ff8c3a 100%) !important;
  border: none !important;
  color: #ffffff !important;
  font-family: var(--font-heading), 'Outfit', sans-serif !important;
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 8px 24px rgba(255, 94, 0, 0.3) !important;
}

.csa-cyber-notify-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 30px rgba(255, 94, 0, 0.45) !important;
}


/* 15. Generous Left & Right Side Gutter on Mobile for MoU & Section Headers */
@media (max-width: 991.98px) {
  .csa-mou-section {
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
  }

  .csa-mou-section .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100% !important;
  }

  .csa-mou-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }

  .csa-mou-title {
    padding-left: 2px !important;
    padding-right: 2px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .csa-mou-pill {
    margin-left: 2px !important;
  }
}

@media (max-width: 580px) {
  .csa-mou-section {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .csa-mou-title {
    font-size: clamp(1.12rem, 4.2vw, 1.35rem) !important;
    line-height: 1.45 !important;
  }
}


/* ==========================================================================
   COMPACT HEIGHT POLISH: MOU SECTION
   ========================================================================== */
.csa-mou-section {
  padding: 42px 0 38px !important;
  background: radial-gradient(circle at 80% 50%, rgba(255, 94, 0, 0.04) 0%, transparent 60%), #040711 !important;
}

.csa-mou-pill {
  font-size: 0.72rem !important;
  padding: 3px 10px !important;
  margin-bottom: 8px !important;
}

.csa-mou-title {
  font-size: 1.65rem !important;
  line-height: 1.25 !important;
  margin-bottom: 12px !important;
}

.csa-mou-objective-box {
  padding: 10px 14px !important;
  margin-bottom: 12px !important;
  border-radius: 10px !important;
}

.csa-mou-objective-title {
  font-size: 0.72rem !important;
  margin-bottom: 3px !important;
}

.csa-mou-objective-text {
  font-size: 0.83rem !important;
  line-height: 1.38 !important;
  margin: 0 !important;
}

.csa-mou-initiatives-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 8px !important;
}

.csa-mou-init-item {
  padding: 7px 11px !important;
  border-radius: 8px !important;
  gap: 8px !important;
}

.csa-mou-init-item i {
  font-size: 0.95rem !important;
  min-width: 18px !important;
}

.csa-mou-init-item span {
  font-size: 0.79rem !important;
  line-height: 1.25 !important;
  font-weight: 600 !important;
}

.csa-mou-img-card {
  border-radius: 14px !important;
  overflow: hidden !important;
}

.csa-mou-img-wrap {
  height: 250px !important;
  overflow: hidden !important;
}

.csa-mou-img-wrap img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

.csa-mou-img-caption {
  padding: 10px 14px !important;
}

.csa-mou-img-caption h4 {
  font-size: 0.88rem !important;
  margin-bottom: 2px !important;
}

.csa-mou-img-caption span {
  font-size: 0.75rem !important;
}

@media (max-width: 991px) {
  .csa-mou-section {
    padding: 35px 0 !important;
  }
  .csa-mou-title {
    font-size: 1.4rem !important;
  }
  .csa-mou-img-wrap {
    height: 220px !important;
  }
}