:root {
         --brand-font-display: 'Plus Jakarta Sans', sans-serif;
         --brand-font-body: 'Noto Sans', sans-serif;
         --brand-dark: #00170f;
         --brand-dark-soft: #08231a;
         --brand-emerald: #07a169;
         --brand-emerald-glow: rgba(7, 161, 105, 0.35);
         --brand-cyan: #00b4d8;
         --brand-gold: #ffb800;
         --brand-slate: #f8fafc;
         --brand-border: #e2e8f0;
         --brand-text-dark: #0f172a;
         --brand-text-muted: #64748b;
         --shadow-subtle: 0 4px 20px -2px rgba(0, 23, 15, 0.05);
         --shadow-hover: 0 20px 35px -5px rgba(7, 161, 105, 0.12), 0 8px 16px -4px rgba(0, 0, 0, 0.04);
         --shadow-card: 0 10px 25px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.02);
      }

      body {
         font-family: var(--brand-font-body);
         color: var(--brand-text-dark);
         background-color: #ffffff;
         -webkit-font-smoothing: antialiased;
      }

      h1,
      h2,
      h3,
      h4,
      h5,
      h6 {
         font-family: var(--brand-font-display);
         letter-spacing: -0.02em;
      }

      /* Modern Gradient Text */
      .gradient-text {
         background: linear-gradient(135deg, #10b981 0%, #38bdf8 50%, #fbbf24 100%);
         -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;
      }

      .gradient-text-emerald {
         background: linear-gradient(135deg, #07a169 0%, #0068bb 100%);
         -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;
      }

      /* ═══════════════════════════════════════════════════
         0. Header & Navbar (Executive High-Trust Brand Design)
      ═══════════════════════════════════════════════════ */
      .bd-header-standard-wrap {
         position: relative;
         z-index: 1000;
         background: #ffffff;
      }

      /* Top Bar: Brand Deep Forest Green with Emerald Accents */
      .bd-header-top.style-three {
         background: #00120b !important;
         border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
         padding: 10px 0 !important;
      }

      .bd-header-top.style-three .bd-header-top-left ul {
         display: flex;
         align-items: center;
         gap: 24px;
         margin: 0;
         padding: 0;
         list-style: none;
      }

      .bd-header-top.style-three .bd-header-top-left ul li a,
      .bd-header-top.style-three .bd-header-top-left ul li span {
         color: #e2e8f0 !important;
         font-size: 13px !important;
         font-weight: 500 !important;
         display: inline-flex;
         align-items: center;
         gap: 8px;
         text-decoration: none;
         transition: color 0.2s ease;
      }

      .bd-header-top.style-three .bd-header-top-left ul li a:hover {
         color: #10b981 !important;
      }

      .bd-header-top.style-three .bd-header-top-left ul li i {
         color: #10b981 !important;
         font-size: 13px;
      }

      .bd-header-top.style-three .bd-header-top-right,
      .bd-header-top.style-three .bd-header-top-right span,
      .bd-header-top.style-three .bd-header-top-right a {
         color: #ffffff !important;
         font-size: 13px !important;
         font-weight: 500 !important;
      }

      /* Main Sticky Navbar Area */
      #header-sticky.header-style-one {
         background-color: #ffffff !important;
         box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.04) !important;
         border-bottom: 1px solid #e2e8f0 !important;
         padding: 10px 0 !important;
         position: sticky !important;
         top: 0 !important;
         z-index: 999 !important;
         transition: all 0.25s ease !important;
      }

      #header-sticky.bd-sticky {
         box-shadow: 0 10px 25px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.04) !important;
         padding: 8px 0 !important;
      }

      /* Seamless Brand Logo */
      .bd-header-logo img {
         height: 48px !important;
         width: auto !important;
         max-width: 200px;
         display: block;
         object-fit: contain;
      }

      /* Navbar Menu Typography & States */
      .main-menu > ul {
         display: flex;
         align-items: center;
         margin: 0;
         padding: 0;
         list-style: none;
      }

      .main-menu > ul > li {
         position: relative;
         list-style: none;
      }

      .main-menu > ul > li > a {
         color: #1e293b !important;
         font-family: var(--brand-font-display) !important;
         font-size: 15px !important;
         font-weight: 600 !important;
         padding: 10px 14px !important;
         position: relative;
         transition: color 0.2s ease !important;
         text-decoration: none;
         display: inline-block;
      }

      .main-menu > ul > li > a:hover {
         color: #07a169 !important;
      }

      .main-menu > ul > li > a.active,
      .main-menu > ul > li.active > a {
         color: #07a169 !important;
         font-weight: 700 !important;
      }

      .main-menu > ul > li > a.active::after,
      .main-menu > ul > li.active > a::after {
         content: '';
         position: absolute;
         bottom: 0;
         left: 14px;
         right: 14px;
         height: 3px;
         background: #07a169;
         border-radius: 99px;
      }

      /* Submenu (Dropdown) */
      .main-menu ul li .submenu {
         background: #ffffff !important;
         border: 1px solid #e2e8f0 !important;
         border-radius: 14px !important;
         box-shadow: 0 20px 40px -8px rgba(0, 23, 15, 0.15) !important;
         padding: 12px !important;
         display: block !important;
         width: 250px !important;
         position: absolute !important;
         top: 100% !important;
         left: 0 !important;
         list-style: none !important;
         margin: 0 !important;
      }

      .main-menu ul li .submenu li {
         display: block !important;
         width: 100% !important;
         list-style: none !important;
         margin: 0 !important;
         padding: 0 !important;
      }

      .main-menu ul li .submenu li a {
         color: #334155 !important;
         font-size: 14px !important;
         font-weight: 500 !important;
         padding: 8px 12px !important;
         border-radius: 8px;
         display: block !important;
         width: 100% !important;
         transition: all 0.2s ease !important;
         text-decoration: none !important;
      }

      .main-menu ul li .submenu li a:hover {
         color: #07a169 !important;
         background: #f0fdf4 !important;
         transform: translateX(4px);
      }

      /* Mega Menu (Institutions) */
      .main-menu > ul > li.has-mega-menu {
         position: relative !important;
      }

      .main-menu ul li .mega-menu {
         background: #ffffff !important;
         border: 1px solid #e2e8f0 !important;
         border-radius: 16px !important;
         box-shadow: 0 24px 48px -10px rgba(0, 23, 15, 0.18) !important;
         padding: 24px 28px !important;
         display: grid !important;
         grid-template-columns: repeat(3, 1fr) !important;
         column-gap: 28px !important;
         row-gap: 0 !important;
         width: 660px !important;
         max-width: 90vw !important;
         position: absolute !important;
         top: 100% !important;
         left: 50% !important;
         transform: translateX(-50%) !important;
         min-height: auto !important;
         height: auto !important;
         overflow: visible !important;
         overflow-y: visible !important;
         margin: 0 !important;
         list-style: none !important;
         z-index: 1000 !important;
      }

      .main-menu ul li .mega-menu::before {
         content: '';
         position: absolute;
         top: -12px;
         left: 0;
         right: 0;
         height: 12px;
      }

      .main-menu > ul > li.has-mega-menu:hover > .mega-menu {
         opacity: 1 !important;
         pointer-events: all !important;
         visibility: visible !important;
      }

      .main-menu ul li .mega-menu > li {
         display: block !important;
         padding: 0 !important;
         margin: 0 !important;
         list-style: none !important;
      }

      .main-menu ul li .mega-menu .title {
         color: #07a169 !important;
         font-size: 14px !important;
         font-weight: 800 !important;
         margin-bottom: 10px !important;
         padding-bottom: 8px !important;
         border-bottom: 2px solid #f1f5f9 !important;
         display: block !important;
         text-transform: uppercase !important;
         letter-spacing: 0.8px !important;
         pointer-events: none !important;
      }

      .main-menu ul li .mega-menu > li > ul {
         display: flex !important;
         flex-direction: column !important;
         align-items: stretch !important;
         gap: 3px !important;
         margin: 0 !important;
         padding: 0 !important;
         list-style: none !important;
         height: auto !important;
         min-height: 0 !important;
         overflow: visible !important;
      }

      .main-menu ul li .mega-menu > li > ul > li {
         display: block !important;
         margin: 0 !important;
         padding: 0 !important;
         list-style: none !important;
      }

      .main-menu ul li .mega-menu > li > ul > li > a {
         color: #334155 !important;
         font-size: 14px !important;
         font-weight: 500 !important;
         padding: 7px 12px !important;
         border-radius: 8px !important;
         transition: all 0.2s ease !important;
         display: block !important;
         width: 100% !important;
         white-space: nowrap !important;
         text-decoration: none !important;
      }

      .main-menu ul li .mega-menu > li > ul > li > a:hover {
         color: #07a169 !important;
         background: #f0fdf4 !important;
         transform: translateX(4px) !important;
      }

      /* Mobile Hamburger Icon */
      .sidebar-toggle .bar-icon span {
         background-color: #1e293b !important;
      }

      /* ═══════════════════════════════════════════════════
         Hero Section (Ultra Modern Executive Mesh)
      ═══════════════════════════════════════════════════ */
      .modern-hero {
         position: relative;
         background: radial-gradient(circle at 10% 20%, rgba(7, 161, 105, 0.25) 0%, transparent 45%),
            radial-gradient(circle at 90% 30%, rgba(0, 104, 187, 0.3) 0%, transparent 45%),
            radial-gradient(circle at 50% 80%, rgba(255, 184, 0, 0.08) 0%, transparent 40%),
            linear-gradient(180deg, #00120b 0%, #001f14 100%);
         padding: 50px 0 40px;
         color: #ffffff;
         overflow: hidden;
      }

      .modern-hero::after {
         content: '';
         position: absolute;
         inset: 0;
         background-image: radial-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px);
         background-size: 28px 28px;
         pointer-events: none;
      }

      .hero-pill-badge {
         display: inline-flex;
         align-items: center;
         gap: 8px;
         padding: 6px 16px;
         border-radius: 999px;
         background: rgba(255, 255, 255, 0.08);
         border: 1px solid rgba(255, 255, 255, 0.15);
         backdrop-filter: blur(10px);
         font-size: 13px;
         font-weight: 600;
         letter-spacing: 0.5px;
         color: #a7f3d0;
         margin-bottom: 24px;
      }

      .pulse-dot {
         width: 8px;
         height: 8px;
         border-radius: 50%;
         background: #10b981;
         box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
         animation: pulseGreen 2s infinite;
      }

      @keyframes pulseGreen {
         0% {
            box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
         }

         70% {
            box-shadow: 0 0 0 8px rgba(16, 185, 129, 0);
         }

         100% {
            box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);
         }
      }

      .hero-title {
         font-size: 50px;
         font-weight: 800;
         line-height: 1.15;
         margin-bottom: 22px;
         color: #ffffff;
      }

      .hero-desc {
         font-size: 18px;
         line-height: 1.7;
         color: #cbd5e1;
         margin-bottom: 32px;
         max-width: 620px;
      }

      .hero-cta-group {
         display: flex;
         flex-wrap: wrap;
         gap: 16px;
         margin-bottom: 36px;
      }

      .btn-hero-primary {
         display: inline-flex;
         align-items: center;
         gap: 10px;
         padding: 15px 32px;
         border-radius: 12px;
         background: linear-gradient(135deg, #07a169 0%, #058254 100%);
         color: #ffffff;
         font-weight: 700;
         font-size: 16px;
         text-decoration: none;
         box-shadow: 0 8px 24px -4px rgba(7, 161, 105, 0.5);
         transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
         border: 1px solid rgba(255, 255, 255, 0.15);
      }

      .btn-hero-primary:hover {
         transform: translateY(-2px);
         box-shadow: 0 12px 30px -4px rgba(7, 161, 105, 0.7);
         color: #ffffff;
         background: linear-gradient(135deg, #09b476 0%, #06935f 100%);
      }

      .btn-hero-secondary {
         display: inline-flex;
         align-items: center;
         gap: 10px;
         padding: 15px 28px;
         border-radius: 12px;
         background: rgba(255, 255, 255, 0.07);
         color: #ffffff;
         font-weight: 600;
         font-size: 16px;
         text-decoration: none;
         border: 1px solid rgba(255, 255, 255, 0.2);
         backdrop-filter: blur(10px);
         transition: all 0.3s ease;
      }

      .btn-hero-secondary:hover {
         background: rgba(255, 255, 255, 0.14);
         color: #ffffff;
         border-color: rgba(255, 255, 255, 0.4);
         transform: translateY(-2px);
      }

      .hero-trust-tags {
         display: flex;
         flex-wrap: wrap;
         gap: 20px;
         font-size: 13px;
         color: #94a3b8;
      }

      .hero-trust-tags span {
         display: inline-flex;
         align-items: center;
         gap: 6px;
      }

      .hero-trust-tags i {
         color: #10b981;
      }

      /* Hero Floating Card */
      .hero-card-dock {
         background: rgba(255, 255, 255, 0.05);
         backdrop-filter: blur(16px);
         border: 1px solid rgba(255, 255, 255, 0.12);
         border-radius: 20px;
         padding: 30px;
         box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.4);
      }

      .hero-dock-header {
         display: flex;
         align-items: center;
         justify-content: space-between;
         margin-bottom: 20px;
         padding-bottom: 16px;
         border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      }

      .hero-dock-stat-grid {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
         gap: 14px;
         margin-bottom: 24px;
      }

      .hero-dock-stat {
         background: rgba(255, 255, 255, 0.04);
         border: 1px solid rgba(255, 255, 255, 0.08);
         border-radius: 12px;
         padding: 16px;
      }

      .hero-dock-stat .num {
         font-size: 26px;
         font-weight: 800;
         font-family: var(--brand-font-display);
         color: #38bdf8;
         line-height: 1;
         margin-bottom: 4px;
      }

      .hero-dock-stat .label {
         font-size: 12px;
         color: #94a3b8;
         font-weight: 500;
      }

      /* ═══════════════════════════════════════════════════
         3. Trust Bar & Logos
      ═══════════════════════════════════════════════════ */
      .modern-trust-bar {
         background: #ffffff;
         padding: 28px 0 32px;
         border-bottom: 1px solid var(--brand-border);
      }

      .trust-label-modern {
         text-align: center;
         font-size: 12px;
         font-weight: 700;
         text-transform: uppercase;
         letter-spacing: 2px;
         color: var(--brand-text-muted);
         margin-bottom: 20px;
      }

      .trust-logo-carousel {
         display: flex;
         align-items: center;
         justify-content: center;
         flex-wrap: wrap;
         gap: 24px;
         margin-bottom: 24px;
      }

      .trust-logo-item {
         padding: 12px 18px;
         background: #ffffff;
         border: 1px solid #f1f5f9;
         border-radius: 12px;
         display: flex;
         align-items: center;
         justify-content: center;
         transition: all 0.3s ease;
      }

      .trust-logo-item:hover {
         border-color: #cbd5e1;
         box-shadow: 0 10px 20px rgba(0, 0, 0, 0.04);
         transform: translateY(-3px);
      }

      .trust-logo-item img {
         height: 44px;
         width: auto;
         object-fit: contain;
         filter: grayscale(25%);
         transition: filter 0.3s ease;
      }

      .trust-logo-item:hover img {
         filter: grayscale(0%);
      }

      /* Glass Metric Banner */
      .modern-metrics-banner {
         background: linear-gradient(135deg, #00170f 0%, #063826 100%);
         border-radius: 18px;
         padding: 24px 32px;
         color: #ffffff;
         display: grid;
         grid-template-columns: repeat(4, 1fr);
         gap: 24px;
         box-shadow: 0 20px 40px -10px rgba(0, 23, 15, 0.2);
         border: 1px solid rgba(255, 255, 255, 0.08);
      }

      .metric-box {
         text-align: center;
         position: relative;
      }

      .metric-box:not(:last-child)::after {
         content: '';
         position: absolute;
         right: 0;
         top: 15%;
         height: 70%;
         width: 1px;
         background: rgba(255, 255, 255, 0.12);
      }

      .metric-val {
         font-size: 38px;
         font-weight: 800;
         font-family: var(--brand-font-display);
         background: linear-gradient(135deg, #a7f3d0 0%, #38bdf8 100%);
         -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;
         line-height: 1;
         margin-bottom: 8px;
      }

      .metric-lbl {
         font-size: 13px;
         font-weight: 600;
         color: #cbd5e1;
         text-transform: uppercase;
         letter-spacing: 0.5px;
      }

      /* ═══════════════════════════════════════════════════
         Section Headers
      ═══════════════════════════════════════════════════ */
      .section-badge {
         display: inline-block;
         padding: 6px 14px;
         border-radius: 30px;
         font-size: 12px;
         font-weight: 700;
         text-transform: uppercase;
         letter-spacing: 1px;
         margin-bottom: 12px;
      }

      .section-badge-emerald {
         background: rgba(7, 161, 105, 0.08);
         color: var(--brand-emerald);
         border: 1px solid rgba(7, 161, 105, 0.2);
      }

      .section-badge-blue {
         background: rgba(0, 104, 187, 0.08);
         color: #0068bb;
         border: 1px solid rgba(0, 104, 187, 0.2);
      }

      .modern-title {
         font-size: 36px;
         font-weight: 800;
         color: var(--brand-text-dark);
         line-height: 1.25;
         margin-bottom: 14px;
      }

      .modern-subtitle {
         font-size: 17px;
         color: var(--brand-text-muted);
         line-height: 1.6;
         max-width: 680px;
      }

      /* ═══════════════════════════════════════════════════
         4. Authority & Why Matters
      ═══════════════════════════════════════════════════ */
      .modern-section {
         padding: 42px 0;
      }

      .modern-section .row.mb-5,
      .modern-section .mb-5 {
         margin-bottom: 24px !important;
      }

      .modern-section-slate {
         background: #f8fafc;
      }

      .check-card {
         background: #ffffff;
         border-radius: 16px;
         border: 1px solid var(--brand-border);
         padding: 32px;
         box-shadow: var(--shadow-card);
      }

      .check-list-item {
         display: flex;
         align-items: flex-start;
         gap: 14px;
         padding: 12px 0;
         border-bottom: 1px solid #f1f5f9;
         font-size: 15px;
         font-weight: 600;
         color: var(--brand-text-dark);
      }

      .check-list-item:last-child {
         border-bottom: none;
      }

      .check-icon-circle {
         width: 24px;
         height: 24px;
         border-radius: 50%;
         background: rgba(7, 161, 105, 0.12);
         color: var(--brand-emerald);
         display: flex;
         align-items: center;
         justify-content: center;
         font-size: 12px;
         flex-shrink: 0;
         margin-top: 2px;
      }

      /* Focus Pillars 5 Cards */
      .focus-card {
         background: #ffffff;
         border-radius: 16px;
         border: 1px solid var(--brand-border);
         padding: 28px 24px;
         transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
         height: 100%;
         position: relative;
      }

      .focus-card:hover {
         border-color: var(--brand-emerald);
         transform: translateY(-5px);
         box-shadow: var(--shadow-hover);
      }

      .focus-icon-box {
         width: 52px;
         height: 52px;
         border-radius: 14px;
         background: linear-gradient(135deg, rgba(7, 161, 105, 0.1) 0%, rgba(0, 104, 187, 0.1) 100%);
         color: var(--brand-emerald);
         display: flex;
         align-items: center;
         justify-content: center;
         font-size: 22px;
         margin-bottom: 18px;
      }

      .focus-card h3 {
         font-size: 18px;
         font-weight: 700;
         color: var(--brand-text-dark);
         margin-bottom: 8px;
      }

      .focus-card p {
         font-size: 14px;
         color: var(--brand-text-muted);
         line-height: 1.6;
         margin: 0;
      }

      /* ═══════════════════════════════════════════════════
         5. Programme Finder Goal Cards
      ═══════════════════════════════════════════════════ */
      .goal-grid {
         display: grid;
         grid-template-columns: repeat(4, 1fr);
         gap: 22px;
      }

      .goal-card {
         background: #ffffff;
         border-radius: 18px;
         border: 1px solid var(--brand-border);
         padding: 30px 22px;
         text-decoration: none;
         display: flex;
         flex-direction: column;
         transition: all 0.3s ease;
         position: relative;
         overflow: hidden;
      }

      .goal-card::before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         height: 4px;
         background: linear-gradient(90deg, #07a169, #00b4d8);
         opacity: 0;
         transition: opacity 0.3s ease;
      }

      .goal-card:hover {
         border-color: var(--brand-emerald);
         transform: translateY(-6px);
         box-shadow: var(--shadow-hover);
      }

      .goal-card:hover::before {
         opacity: 1;
      }

      .goal-icon-pod {
         width: 56px;
         height: 56px;
         border-radius: 16px;
         background: #f1f5f9;
         display: flex;
         align-items: center;
         justify-content: center;
         font-size: 24px;
         color: var(--brand-emerald);
         margin-bottom: 20px;
         transition: all 0.3s ease;
      }

      .goal-card:hover .goal-icon-pod {
         background: var(--brand-emerald);
         color: #ffffff;
         box-shadow: 0 8px 16px rgba(7, 161, 105, 0.25);
      }

      .goal-card h3 {
         font-size: 18px;
         font-weight: 700;
         color: var(--brand-text-dark);
         margin-bottom: 14px;
         line-height: 1.35;
      }

      .goal-tags {
         display: flex;
         flex-wrap: wrap;
         gap: 6px;
         margin-top: auto;
      }

      .goal-tag {
         font-size: 11px;
         font-weight: 600;
         background: #f1f5f9;
         color: #475569;
         padding: 4px 10px;
         border-radius: 20px;
      }

      /* ═══════════════════════════════════════════════════
         6. Browse Programs by Category (Bento Hub)
      ═══════════════════════════════════════════════════ */
      .bento-category-grid {
         display: grid;
         grid-template-columns: repeat(4, 1fr);
         gap: 24px;
      }

      .bento-cat-card {
         background: #ffffff;
         border-radius: 20px;
         border: 1px solid var(--brand-border);
         padding: 34px 26px;
         text-decoration: none;
         display: flex;
         flex-direction: column;
         transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
         position: relative;
         overflow: hidden;
      }

      .bento-cat-card:hover {
         border-color: var(--brand-emerald);
         transform: translateY(-7px);
         box-shadow: 0 20px 40px -5px rgba(7, 161, 105, 0.12), 0 10px 15px -5px rgba(0, 0, 0, 0.03);
      }

      .bento-icon-box {
         width: 64px;
         height: 64px;
         border-radius: 18px;
         background: linear-gradient(135deg, rgba(7, 161, 105, 0.1) 0%, rgba(0, 104, 187, 0.08) 100%);
         color: var(--brand-emerald);
         display: flex;
         align-items: center;
         justify-content: center;
         font-size: 26px;
         margin-bottom: 22px;
         transition: all 0.3s ease;
      }

      .bento-cat-card:hover .bento-icon-box {
         transform: scale(1.08);
         background: linear-gradient(135deg, #07a169 0%, #0068bb 100%);
         color: #ffffff;
         box-shadow: 0 10px 20px rgba(7, 161, 105, 0.25);
      }

      .bento-cat-card h3 {
         font-size: 21px;
         font-weight: 800;
         color: var(--brand-text-dark);
         margin-bottom: 10px;
      }

      .bento-cat-card p {
         font-size: 14px;
         color: var(--brand-text-muted);
         line-height: 1.65;
         margin-bottom: 20px;
         flex-grow: 1;
      }

      .bento-tag-wrap {
         display: flex;
         flex-wrap: wrap;
         gap: 6px;
         margin-bottom: 24px;
      }

      .bento-tag {
         font-size: 11px;
         font-weight: 600;
         background: #f8fafc;
         border: 1px solid #e2e8f0;
         color: #334155;
         padding: 4px 10px;
         border-radius: 20px;
      }

      .bento-link-arrow {
         display: inline-flex;
         align-items: center;
         gap: 8px;
         font-size: 14px;
         font-weight: 700;
         color: var(--brand-emerald);
         transition: gap 0.2s ease;
      }

      .bento-cat-card:hover .bento-link-arrow {
         gap: 12px;
         color: #058254;
      }

      /* ═══════════════════════════════════════════════════
         7. Cross-Category Flagship Highlights Strip
      ═══════════════════════════════════════════════════ */
      .modern-flagship-grid {
         display: grid;
         grid-template-columns: repeat(3, 1fr);
         gap: 26px;
      }

      .modern-flagship-card {
         background: #ffffff;
         border-radius: 18px;
         border: 1px solid var(--brand-border);
         overflow: hidden;
         display: flex;
         flex-direction: column;
         transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
      }

      .modern-flagship-card:hover {
         border-color: var(--brand-emerald);
         box-shadow: 0 20px 35px -5px rgba(0, 0, 0, 0.08);
         transform: translateY(-5px);
      }

      .flagship-media-box {
         position: relative;
         aspect-ratio: 16 / 9;
         overflow: hidden;
         background: #e2e8f0;
      }

      .flagship-media-box img {
         width: 100%;
         height: 100%;
         object-fit: cover;
         transition: transform 0.5s ease;
      }

      .modern-flagship-card:hover .flagship-media-box img {
         transform: scale(1.05);
      }

      .flagship-institute-pill {
         position: absolute;
         top: 14px;
         left: 14px;
         background: rgba(0, 23, 15, 0.88);
         backdrop-filter: blur(8px);
         color: #ffffff;
         font-size: 11px;
         font-weight: 700;
         text-transform: uppercase;
         letter-spacing: 0.8px;
         padding: 5px 12px;
         border-radius: 30px;
         border: 1px solid rgba(255, 255, 255, 0.15);
      }

      .flagship-status-pill {
         position: absolute;
         bottom: 12px;
         right: 14px;
         background: rgba(16, 185, 129, 0.95);
         color: #ffffff;
         font-size: 11px;
         font-weight: 700;
         padding: 3px 10px;
         border-radius: 20px;
         display: inline-flex;
         align-items: center;
         gap: 5px;
      }

      .flagship-content {
         padding: 24px;
         display: flex;
         flex-direction: column;
         flex-grow: 1;
      }

      .flagship-chips {
         display: flex;
         flex-wrap: wrap;
         gap: 10px;
         font-size: 12px;
         font-weight: 600;
         color: #64748b;
         margin-bottom: 14px;
      }

      .flagship-chips span {
         display: inline-flex;
         align-items: center;
         gap: 5px;
      }

      .flagship-content h3 {
         font-size: 19px;
         font-weight: 700;
         color: var(--brand-text-dark);
         line-height: 1.35;
         margin-bottom: 10px;
      }

      .flagship-content h3 a {
         color: inherit;
         text-decoration: none;
         transition: color 0.2s ease;
      }

      .flagship-content h3 a:hover {
         color: var(--brand-emerald);
      }

      .flagship-content p {
         font-size: 14px;
         color: var(--brand-text-muted);
         line-height: 1.6;
         margin-bottom: 20px;
         flex-grow: 1;
      }

      .flagship-btn-strip {
         display: flex;
         gap: 10px;
         padding-top: 18px;
         border-top: 1px solid #f1f5f9;
      }

      .btn-outline-curriculum {
         flex: 1;
         padding: 10px 14px;
         font-size: 13px;
         font-weight: 700;
         text-align: center;
         border-radius: 10px;
         background: #f8fafc;
         border: 1px solid #e2e8f0;
         color: #1e293b;
         text-decoration: none;
         transition: all 0.2s ease;
      }

      .btn-outline-curriculum:hover {
         background: #00170f;
         color: #ffffff;
         border-color: #00170f;
      }

      .btn-apply-direct {
         flex: 1;
         padding: 10px 14px;
         font-size: 13px;
         font-weight: 700;
         text-align: center;
         border-radius: 10px;
         background: linear-gradient(135deg, #07a169 0%, #058254 100%);
         color: #ffffff;
         border: none;
         cursor: pointer;
         transition: all 0.2s ease;
         box-shadow: 0 4px 12px rgba(7, 161, 105, 0.25);
      }

      .btn-apply-direct:hover {
         background: linear-gradient(135deg, #09b476 0%, #06935f 100%);
         box-shadow: 0 6px 16px rgba(7, 161, 105, 0.35);
      }

      /* ═══════════════════════════════════════════════════
         8. Premier Institutes Deep-Dive Showcase
      ═══════════════════════════════════════════════════ */
      .inst-card-container {
         background: #ffffff;
         border-radius: 20px;
         border: 1px solid var(--brand-border);
         padding: 36px 32px;
         margin-bottom: 30px;
         box-shadow: var(--shadow-subtle);
      }

      .inst-badge-row {
         display: flex;
         align-items: center;
         gap: 16px;
         margin-bottom: 18px;
      }

      .inst-badge-row h3 {
         font-size: 32px;
         font-weight: 800;
         margin: 0;
         color: var(--brand-text-dark);
      }

      .inst-tag-pill {
         font-size: 12px;
         font-weight: 700;
         text-transform: uppercase;
         letter-spacing: 1px;
         padding: 5px 14px;
         border-radius: 20px;
         background: linear-gradient(135deg, var(--brand-emerald), #0068bb);
         color: #ffffff;
      }

      .inst-feature-grid {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
         gap: 12px 24px;
         margin: 20px 0 28px;
      }

      .inst-feature-item {
         display: flex;
         align-items: flex-start;
         gap: 10px;
         font-size: 14px;
         color: #334155;
      }

      .inst-feature-item i {
         color: var(--brand-emerald);
         margin-top: 3px;
      }

      .scroll-programmes-wrap {
         display: flex;
         gap: 18px;
         overflow-x: auto;
         scroll-snap-type: x mandatory;
         padding-bottom: 12px;
         scrollbar-width: thin;
         scrollbar-color: var(--brand-emerald) #f1f5f9;
      }

      .scroll-programmes-wrap::-webkit-scrollbar {
         height: 6px;
      }

      .scroll-programmes-wrap::-webkit-scrollbar-track {
         background: #f1f5f9;
         border-radius: 3px;
      }

      .scroll-programmes-wrap::-webkit-scrollbar-thumb {
         background: var(--brand-emerald);
         border-radius: 3px;
      }

      .scroll-prog-card {
         flex: 0 0 290px;
         scroll-snap-align: start;
         background: #f8fafc;
         border: 1px solid #e2e8f0;
         border-radius: 14px;
         padding: 20px;
         transition: all 0.2s ease;
      }

      .scroll-prog-card:hover {
         background: #ffffff;
         border-color: var(--brand-emerald);
         transform: translateY(-3px);
         box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
      }

      .scroll-prog-card .inst-name {
         font-size: 11px;
         font-weight: 700;
         text-transform: uppercase;
         letter-spacing: 0.5px;
         color: var(--brand-emerald);
         margin-bottom: 8px;
         display: block;
      }

      .scroll-prog-card h4 {
         font-size: 16px;
         font-weight: 700;
         color: var(--brand-text-dark);
         line-height: 1.35;
         margin-bottom: 12px;
      }

      .scroll-prog-card a.link-view {
         font-size: 13px;
         font-weight: 700;
         color: var(--brand-emerald);
         text-decoration: none;
         display: inline-flex;
         align-items: center;
         gap: 6px;
      }

      .scroll-prog-card a.link-view:hover {
         color: #058254;
         gap: 10px;
      }

      /* ═══════════════════════════════════════════════════
         9. Why Choose CEP Digivarsity (Bento Grid)
      ═══════════════════════════════════════════════════ */
      .why-cep-bento {
         display: grid;
         grid-template-columns: repeat(3, 1fr);
         gap: 24px;
      }

      .why-card {
         background: #ffffff;
         border-radius: 18px;
         border: 1px solid var(--brand-border);
         padding: 32px 28px;
         transition: all 0.3s ease;
      }

      .why-card:hover {
         border-color: var(--brand-emerald);
         box-shadow: var(--shadow-hover);
         transform: translateY(-4px);
      }

      .why-card.featured {
         grid-column: span 2;
         background: linear-gradient(135deg, #ffffff 0%, #f0fdf4 100%);
         border-color: rgba(7, 161, 105, 0.3);
      }

      .why-icon {
         width: 54px;
         height: 54px;
         border-radius: 14px;
         background: linear-gradient(135deg, rgba(7, 161, 105, 0.12) 0%, rgba(0, 104, 187, 0.08) 100%);
         color: var(--brand-emerald);
         display: flex;
         align-items: center;
         justify-content: center;
         font-size: 24px;
         margin-bottom: 20px;
      }

      .why-card h3 {
         font-size: 20px;
         font-weight: 700;
         color: var(--brand-text-dark);
         margin-bottom: 10px;
      }

      .why-card p {
         font-size: 15px;
         color: var(--brand-text-muted);
         line-height: 1.65;
         margin: 0;
      }

      /* ═══════════════════════════════════════════════════
         10. Career Stages Progression & Pedagogy
      ═══════════════════════════════════════════════════ */
      .stage-grid {
         display: grid;
         grid-template-columns: repeat(3, 1fr);
         gap: 24px;
      }

      .stage-card {
         background: #ffffff;
         border-radius: 18px;
         border: 1px solid var(--brand-border);
         padding: 32px 26px;
         text-align: center;
         transition: all 0.3s ease;
         position: relative;
      }

      .stage-card:hover {
         border-color: var(--brand-emerald);
         transform: translateY(-5px);
         box-shadow: var(--shadow-hover);
      }

      .stage-badge-level {
         display: inline-block;
         padding: 4px 12px;
         border-radius: 20px;
         font-size: 12px;
         font-weight: 700;
         background: #f1f5f9;
         color: #475569;
         margin-bottom: 16px;
      }

      .stage-icon {
         width: 64px;
         height: 64px;
         border-radius: 50%;
         background: linear-gradient(135deg, var(--brand-emerald), #0068bb);
         color: #ffffff;
         display: flex;
         align-items: center;
         justify-content: center;
         font-size: 26px;
         margin: 0 auto 18px;
         box-shadow: 0 10px 20px rgba(7, 161, 105, 0.2);
      }

      .stage-card h3 {
         font-size: 20px;
         font-weight: 700;
         color: var(--brand-text-dark);
         margin-bottom: 8px;
      }

      .stage-card p {
         font-size: 15px;
         color: var(--brand-text-muted);
         margin: 0;
      }

      /* Pedagogy Chips Modern */
      .pedagogy-chip-wrap {
         display: flex;
         flex-wrap: wrap;
         gap: 16px;
         justify-content: center;
         margin-top: 30px;
      }

      .pedagogy-chip {
         display: inline-flex;
         align-items: center;
         gap: 10px;
         padding: 16px 28px;
         background: #ffffff;
         border: 1px solid var(--brand-border);
         border-radius: 999px;
         font-size: 15px;
         font-weight: 600;
         color: var(--brand-text-dark);
         box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
         transition: all 0.25s ease;
      }

      .pedagogy-chip:hover {
         border-color: var(--brand-emerald);
         color: var(--brand-emerald);
         transform: translateY(-2px);
         box-shadow: 0 8px 18px rgba(7, 161, 105, 0.12);
      }

      .pedagogy-chip i {
         color: var(--brand-emerald);
         font-size: 18px;
      }

      /* Career Trajectory Cards */
      .outcomes-bento {
         display: grid;
         grid-template-columns: repeat(3, 1fr);
         gap: 20px;
         margin-top: 32px;
      }

      .outcome-bento-card {
         background: #ffffff;
         border: 1px solid var(--brand-border);
         border-radius: 16px;
         padding: 24px;
         display: flex;
         align-items: center;
         gap: 16px;
         transition: all 0.25s ease;
      }

      .outcome-bento-card:hover {
         border-color: var(--brand-emerald);
         box-shadow: var(--shadow-subtle);
         transform: translateY(-3px);
      }

      .outcome-num {
         font-size: 28px;
         font-weight: 800;
         font-family: var(--brand-font-display);
         color: #94a3b8;
         line-height: 1;
      }

      .outcome-bento-card:hover .outcome-num {
         color: var(--brand-emerald);
      }

      .outcome-bento-card p {
         font-size: 15px;
         font-weight: 700;
         color: var(--brand-text-dark);
         margin: 0;
      }

      /* ═══════════════════════════════════════════════════
         11. FAQ Accordion (Floating Modern Cards)
      ═══════════════════════════════════════════════════ */
      .modern-faq-accordion .accordion-item {
         border: 1px solid var(--brand-border);
         border-radius: 14px !important;
         margin-bottom: 14px;
         overflow: hidden;
         background: #ffffff;
         box-shadow: var(--shadow-subtle);
         transition: border-color 0.2s ease;
      }

      .modern-faq-accordion .accordion-item:hover {
         border-color: #cbd5e1;
      }

      .modern-faq-accordion .accordion-button {
         font-family: var(--brand-font-display);
         font-size: 17px;
         font-weight: 700;
         color: var(--brand-text-dark);
         padding: 22px 28px;
         background: #ffffff;
         border: none;
         box-shadow: none;
      }

      .modern-faq-accordion .accordion-button:not(.collapsed) {
         background: #f0fdf4;
         color: var(--brand-emerald);
         box-shadow: none;
      }

      .modern-faq-accordion .accordion-button:focus {
         box-shadow: 0 0 0 3px rgba(7, 161, 105, 0.2);
      }

      .modern-faq-accordion .accordion-body {
         padding: 0 28px 24px;
         font-size: 15px;
         line-height: 1.75;
         color: #475569;
         background: #f0fdf4;
      }

      /* ═══════════════════════════════════════════════════
         12. Related Articles
      ═══════════════════════════════════════════════════ */
      .modern-blog-grid {
         display: grid;
         grid-template-columns: repeat(3, 1fr);
         gap: 24px;
      }

      .modern-blog-card {
         background: #ffffff;
         border: 1px solid var(--brand-border);
         border-radius: 16px;
         padding: 24px;
         text-decoration: none;
         display: flex;
         flex-direction: column;
         transition: all 0.3s ease;
      }

      .modern-blog-card:hover {
         border-color: var(--brand-emerald);
         transform: translateY(-4px);
         box-shadow: var(--shadow-hover);
      }

      .blog-tag-meta {
         display: flex;
         align-items: center;
         justify-content: space-between;
         margin-bottom: 14px;
      }

      .blog-tag-meta span {
         font-size: 12px;
         font-weight: 700;
         text-transform: uppercase;
         color: var(--brand-emerald);
      }

      .blog-tag-meta i {
         font-size: 18px;
         color: #cbd5e1;
         transition: color 0.2s ease;
      }

      .modern-blog-card:hover .blog-tag-meta i {
         color: var(--brand-emerald);
      }

      .modern-blog-card h3 {
         font-size: 16px;
         font-weight: 700;
         color: var(--brand-text-dark);
         line-height: 1.45;
         margin: 0;
         flex-grow: 1;
      }

      /* ═══════════════════════════════════════════════════
         13. Floating Sticky CTA Bar (Glass Dock)
      ═══════════════════════════════════════════════════ */
      .modern-sticky-dock {
         position: fixed;
         bottom: 24px;
         left: 50%;
         transform: translate(-50%, 160%);
         width: 90%;
         max-width: 1080px;
         background: rgba(255, 255, 255, 0.96);
         backdrop-filter: blur(20px);
         -webkit-backdrop-filter: blur(20px);
         border: 1px solid rgba(7, 161, 105, 0.25);
         border-radius: 18px;
         padding: 14px 28px;
         box-shadow: 0 20px 40px rgba(0, 23, 15, 0.15), 0 0 0 1px rgba(255, 255, 255, 0.8) inset;
         z-index: 990;
         opacity: 0;
         pointer-events: none;
         transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s ease;
      }

      .modern-sticky-dock.visible {
         transform: translate(-50%, 0);
         opacity: 1;
         pointer-events: auto;
      }

      .dock-inner {
         display: flex;
         align-items: center;
         justify-content: space-between;
         gap: 20px;
      }

      .dock-text {
         font-size: 15px;
         font-weight: 800;
         color: var(--brand-text-dark);
         font-family: var(--brand-font-display);
      }

      .dock-text span {
         display: block;
         font-size: 13px;
         font-weight: 500;
         color: var(--brand-text-muted);
         font-family: var(--brand-font-body);
      }

      .btn-dock-advisor {
         display: inline-flex;
         align-items: center;
         gap: 8px;
         padding: 12px 26px;
         border-radius: 12px;
         background: linear-gradient(135deg, #07a169 0%, #0068bb 100%);
         color: #ffffff;
         font-weight: 700;
         font-size: 14px;
         border: none;
         cursor: pointer;
         box-shadow: 0 4px 15px rgba(7, 161, 105, 0.3);
         transition: all 0.2s ease;
         white-space: nowrap;
      }

      .btn-dock-advisor:hover {
         transform: scale(1.02);
         box-shadow: 0 6px 20px rgba(7, 161, 105, 0.4);
      }

      /* ═══════════════════════════════════════════════════
         Self-Contained Modern Footer & Component Styling
      ═══════════════════════════════════════════════════ */
      .modern-footer {
         background: #00120b !important;
         color: #94a3b8 !important;
         position: relative;
         z-index: 10;
         width: 100%;
      }

      .bd-footer-area.theme-black {
         background: #00120b !important;
         position: relative;
         border-top: 1px solid rgba(255, 255, 255, 0.08);
         padding-top: 60px;
         padding-bottom: 40px;
      }

      .bd-footer-widget {
         margin-bottom: 30px;
      }

      .bd-footer-widget-logo {
         margin-bottom: 22px;
      }

      .bd-footer-widget-logo img {
         max-width: 185px;
         height: auto;
         display: block;
      }

      .bd-footer-widget-description {
         font-size: 14px;
         line-height: 1.65;
         color: #94a3b8 !important;
         margin-bottom: 20px;
      }

      .bd-footer-area.theme-black .bd-footer-widget-title {
         font-family: var(--brand-font-display, 'Plus Jakarta Sans', sans-serif);
         color: #ffffff !important;
         font-size: 17px;
         font-weight: 700;
         letter-spacing: -0.01em;
         margin-bottom: 22px;
      }

      .bd-footer-widget-links ul {
         list-style: none;
         padding: 0;
         margin: 0;
      }

      .bd-footer-widget-links ul li {
         margin-bottom: 12px;
      }

      .bd-footer-widget-links ul li a {
         color: #94a3b8 !important;
         font-size: 14px;
         text-decoration: none;
         display: inline-flex;
         align-items: center;
         transition: all 0.2s ease;
      }

      .bd-footer-widget-links ul li a:hover {
         color: #10b981 !important;
         transform: translateX(4px);
      }

      /* Contact List in Footer */
      .bd-footer-contact ul {
         list-style: none;
         padding: 0;
         margin: 0;
      }

      .bd-footer-contact ul li {
         display: flex;
         align-items: flex-start;
         gap: 14px;
         margin-bottom: 18px;
      }

      .contact-icon-box {
         width: 36px;
         height: 36px;
         border-radius: 10px;
         background: rgba(7, 161, 105, 0.15);
         border: 1px solid rgba(7, 161, 105, 0.3);
         color: #10b981;
         display: flex;
         align-items: center;
         justify-content: center;
         font-size: 14px;
         flex-shrink: 0;
         margin-top: 2px;
      }

      .contact-label {
         display: block;
         font-size: 11px;
         font-weight: 700;
         text-transform: uppercase;
         letter-spacing: 0.5px;
         color: #64748b;
         margin-bottom: 2px;
      }

      .contact-value {
         display: block;
         font-size: 14px;
         color: #e2e8f0 !important;
         text-decoration: none;
         line-height: 1.5;
         transition: color 0.2s ease;
      }

      a.contact-value:hover {
         color: #10b981 !important;
      }

      /* Social Icons */
      .theme-social.has-white ul.social-icon-list {
         display: flex;
         gap: 10px;
         padding: 0;
         margin: 0;
         list-style: none;
      }

      .theme-social.has-white ul.social-icon-list li a {
         width: 38px;
         height: 38px;
         border-radius: 10px;
         background: rgba(255, 255, 255, 0.06);
         border: 1px solid rgba(255, 255, 255, 0.1);
         color: #e2e8f0;
         display: inline-flex;
         align-items: center;
         justify-content: center;
         transition: all 0.2s ease;
         text-decoration: none;
      }

      .theme-social.has-white ul.social-icon-list li a:hover {
         background: #07a169;
         border-color: #07a169;
         color: #ffffff;
         transform: translateY(-3px);
         box-shadow: 0 4px 12px rgba(7, 161, 105, 0.4);
      }

      /* Copyright Area */
      .bd-footer-copyright-wrap {
         border-top: 1px solid rgba(255, 255, 255, 0.08);
         margin-top: 45px;
         padding-top: 25px;
         padding-bottom: 20px;
      }

      .bd-footer-copyright {
         color: #64748b !important;
         font-size: 13.5px;
         margin: 0;
         text-align: center;
      }

      /* Back to Top Floating Button */
      .backtotop-wrap {
         position: fixed;
         bottom: 30px;
         right: 30px;
         height: 48px;
         width: 48px;
         cursor: pointer;
         display: flex;
         align-items: center;
         justify-content: center;
         border-radius: 50%;
         z-index: 995;
         opacity: 0;
         visibility: hidden;
         transform: translateY(20px);
         transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
         background: #00120b;
         box-shadow: 0 6px 22px rgba(0, 0, 0, 0.4);
         border: 2px solid rgba(7, 161, 105, 0.4);
      }

      .backtotop-wrap.active-progress,
      .backtotop-wrap.active {
         opacity: 1;
         visibility: visible;
         transform: translateY(0);
      }

      .backtotop-wrap:hover {
         transform: translateY(-4px);
         border-color: #07a169;
         box-shadow: 0 8px 24px rgba(7, 161, 105, 0.35);
      }

      .backtotop-wrap::after {
         content: '\f062';
         font-family: 'Font Awesome 6 Free', 'FontAwesome';
         font-weight: 900;
         font-size: 15px;
         color: #10b981;
         position: absolute;
         display: flex;
         align-items: center;
         justify-content: center;
         pointer-events: none;
         transition: transform 0.2s ease;
      }

      .backtotop-wrap:hover::after {
         transform: translateY(-2px);
         color: #ffffff;
      }

      .backtotop-wrap svg.backtotop-circle {
         position: absolute;
         top: -2px;
         left: -2px;
         width: 48px;
         height: 48px;
         transform: rotate(-90deg);
      }

      .backtotop-wrap svg.backtotop-circle path {
         fill: none;
         stroke: #07a169;
         stroke-width: 4;
         box-sizing: border-box;
         transition: stroke-dashoffset 10ms linear;
      }

      @media (max-width: 991px) {
         .bd-footer-area.theme-black {
            padding-top: 50px;
            padding-bottom: 30px;
         }
         .bd-footer-widget {
            margin-bottom: 25px;
         }
      }

      @media (max-width: 575px) {
         .backtotop-wrap {
            bottom: 85px;
            right: 18px;
            width: 42px;
            height: 42px;
         }
         .backtotop-wrap svg.backtotop-circle {
            width: 42px;
            height: 42px;
         }
      }

      /* Executive Brochure Modal Styling */
      .executive-modal .modal-content {
         border-radius: 20px !important;
         border: 1px solid rgba(7, 161, 105, 0.25) !important;
         box-shadow: 0 25px 60px -12px rgba(0, 18, 11, 0.45) !important;
         overflow: hidden !important;
         background: #ffffff !important;
      }

      .executive-modal .modal-header {
         background: linear-gradient(135deg, #00170f 0%, #063826 100%) !important;
         border-bottom: 1px solid rgba(7, 161, 105, 0.2) !important;
         padding: 22px 28px !important;
         position: relative;
      }

      .executive-modal .modal-header::before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         height: 3px;
         background: linear-gradient(90deg, #07a169 0%, #0068bb 100%);
      }

      .executive-modal .modal-title {
         font-family: var(--brand-font-display) !important;
         font-size: 21px !important;
         font-weight: 800 !important;
         color: #ffffff !important;
         letter-spacing: -0.02em;
         line-height: 1.25;
      }

      .executive-modal .modal-subtitle {
         font-family: var(--brand-font-body) !important;
         font-size: 13px !important;
         color: #94a3b8 !important;
         margin-top: 4px;
      }

      .executive-modal .btn-close-custom {
         background-color: rgba(255, 255, 255, 0.08);
         border-radius: 50%;
         padding: 8px;
         opacity: 0.8;
         transition: all 0.2s ease;
      }

      .executive-modal .btn-close-custom:hover {
         opacity: 1;
         background-color: rgba(255, 255, 255, 0.18);
         transform: rotate(90deg);
      }

      .executive-modal .modal-body {
         padding: 26px 28px !important;
      }

      .executive-modal .form-label-custom {
         font-family: var(--brand-font-display) !important;
         font-size: 13px !important;
         font-weight: 700 !important;
         color: #1e293b !important;
         margin-bottom: 7px;
         display: block;
      }

      .executive-modal .form-label-custom .req {
         color: #07a169;
         margin-left: 2px;
      }

      .executive-modal .input-group-custom {
         border-radius: 12px;
         overflow: hidden;
         border: 1px solid #e2e8f0;
         transition: all 0.2s ease;
         background: #f8fafc;
      }

      .executive-modal .input-group-custom:focus-within {
         border-color: #07a169 !important;
         box-shadow: 0 0 0 3px rgba(7, 161, 105, 0.18) !important;
         background: #ffffff;
      }

      .executive-modal .input-group-custom .input-group-text {
         background: transparent !important;
         border: none !important;
         color: #07a169 !important;
         font-size: 14px;
         padding-left: 14px;
         padding-right: 10px;
      }

      .executive-modal .input-group-custom .form-control {
         background: transparent !important;
         border: none !important;
         font-family: var(--brand-font-body) !important;
         font-size: 14px !important;
         color: #0f172a !important;
         padding: 11px 14px 11px 4px !important;
      }

      .executive-modal .input-group-custom .form-control:focus {
         box-shadow: none !important;
         outline: none !important;
      }

      .executive-modal .input-group-custom .form-control::placeholder {
         color: #94a3b8;
         font-size: 13.5px;
      }

      .executive-modal .btn-modal-submit {
         background: linear-gradient(135deg, #07a169 0%, #0068bb 100%) !important;
         color: #ffffff !important;
         font-family: var(--brand-font-display) !important;
         font-weight: 700 !important;
         font-size: 15px !important;
         padding: 13px 22px !important;
         border-radius: 12px !important;
         border: none !important;
         box-shadow: 0 6px 20px rgba(7, 161, 105, 0.35) !important;
         transition: all 0.3s ease !important;
         display: flex;
         align-items: center;
         justify-content: center;
         gap: 8px;
         cursor: pointer;
      }

      .executive-modal .btn-modal-submit:hover {
         background: linear-gradient(135deg, #09b476 0%, #00569c 100%) !important;
         box-shadow: 0 10px 26px rgba(7, 161, 105, 0.45) !important;
         transform: translateY(-2px);
      }

      .executive-modal .modal-trust-badge {
         display: flex;
         align-items: center;
         justify-content: center;
         gap: 6px;
         font-size: 12px;
         color: #64748b;
         margin-top: 14px;
         font-family: var(--brand-font-body);
      }

      .executive-modal .modal-trust-badge i {
         color: #07a169;
      }

      /* Responsive Layouts */
      @media (max-width: 1200px) {
         .hero-title {
            font-size: 42px;
         }

         .modern-metrics-banner {
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
         }

         .metric-box:nth-child(2)::after {
            display: none;
         }
      }

      @media (max-width: 992px) {
         .hero-title {
            font-size: 36px;
         }

         .bento-category-grid {
            grid-template-columns: repeat(2, 1fr);
         }

         .goal-grid {
            grid-template-columns: repeat(2, 1fr);
         }

         .modern-flagship-grid {
            grid-template-columns: repeat(2, 1fr);
         }

         .why-cep-bento {
            grid-template-columns: 1fr;
         }

         .why-card.featured {
            grid-column: span 1;
         }

         .stage-grid {
            grid-template-columns: 1fr;
         }

         .outcomes-bento {
            grid-template-columns: 1fr 1fr;
         }

         .modern-blog-grid {
            grid-template-columns: 1fr 1fr;
         }

         .hero-card-dock {
            margin-top: 40px;
         }
      }

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

         .modern-hero {
            padding: 38px 0 30px;
         }

         .modern-section {
            padding: 30px 0;
         }

         .modern-metrics-banner {
            grid-template-columns: 1fr;
            padding: 24px;
         }

         .metric-box::after {
            display: none !important;
         }

         .bento-category-grid {
            grid-template-columns: 1fr;
         }

         .goal-grid {
            grid-template-columns: 1fr;
         }

         .modern-flagship-grid {
            grid-template-columns: 1fr;
         }

         .outcomes-bento {
            grid-template-columns: 1fr;
         }

         .modern-blog-grid {
            grid-template-columns: 1fr;
         }

         .dock-inner {
            flex-direction: column;
            text-align: center;
            gap: 10px;
         }

         .inst-feature-grid {
            grid-template-columns: 1fr;
         }
      }