/* OVERLAY PAGES */
    .overlay-page {
      position: fixed;
      inset: 0;
      background: var(--light);
      z-index: 9999;
      overflow-y: auto;
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.3s ease;
    }

    .overlay-page.active {
      opacity: 1;
      pointer-events: auto;
    }

    .op-header {
      background: var(--navy);
      color: #fff;
      padding: 16px 24px;
      display: flex;
      align-items: center;
      gap: 16px;
      position: sticky;
      top: 0;
      z-index: 10;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
    }

    .op-back {
      background: rgba(255, 255, 255, 0.1);
      border: none;
      color: #fff;
      font-size: 22px;
      width: 42px;
      height: 42px;
      border-radius: 50%;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: background 0.2s;
    }

    .op-back:hover {
      background: rgba(255, 255, 255, 0.25);
    }

    .op-title {
      font-size: 20px;
      font-weight: 700;
      letter-spacing: 0.5px;
    }

    .op-content {
      max-width: 800px;
      margin: 40px auto;
      padding: 40px;
      background: #fff;
      border-radius: 12px;
      box-shadow: 0 8px 30px rgba(26, 39, 68, .06);
    }

    .op-content h2 {
      color: var(--navy);
      margin-bottom: 16px;
      font-size: 30px;
    }

    .op-content p {
      color: var(--gray);
      line-height: 1.7;
      font-size: 16px;
    }

    @media(max-width:900px) {
      .logo-img {
        height: 65px;
      }

      .logo-text h1 {
        font-size: 16px;
      }

      .logo-text p {
        font-size: 10px;
      }

      .hero-title {
        font-size: 34px;
      }

      .section-cards,
      .middle,
      .footer-inner {
        grid-template-columns: 1fr;
      }

      .sc-img,
      .sc-img-placeholder {
        display: none;
      }

      .achieve-grid {
        grid-template-columns: repeat(3, 1fr);
      }

      .nav-links {
        display: none;
      }

      .nav-menu-btn {
        display: block;
      }
    }

    /* GALLERY SECTION */
    .gallery-section {
      max-width: 1200px;
      margin: 70px auto;
      padding: 0 20px;
    }

    .gallery-header {
      text-align: center;
      margin-bottom: 45px;
    }

    .gallery-header h2 {
      font-size: 32px;
      font-weight: 800;
      color: var(--navy);
      text-transform: uppercase;
      margin-bottom: 12px;
      letter-spacing: 0.5px;
    }

    .gallery-header p {
      font-size: 15px;
      color: var(--gray);
      max-width: 600px;
      margin: 0 auto;
      line-height: 1.6;
    }

    .gallery-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
      gap: 24px;
    }

    .gallery-item {
      position: relative;
      border-radius: 12px;
      overflow: hidden;
      aspect-ratio: 4/3;
      cursor: pointer;
      box-shadow: 0 4px 16px rgba(26, 39, 68, .08);
      transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.4s ease;
    }

    .gallery-item:hover {
      transform: translateY(-8px);
      box-shadow: 0 12px 30px rgba(26, 39, 68, .18);
    }

    .gallery-img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.6s ease;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      transform: translateZ(0);
    }

    .gallery-item:hover .gallery-img {
      transform: scale(1.05) translateZ(0);
    }

    .gallery-overlay {
      position: absolute;
      inset: 0;
      background: linear-gradient(to top, rgba(26, 39, 68, 0.9) 0%, rgba(26, 39, 68, 0.4) 40%, transparent 100%);
      opacity: 0;
      transition: opacity 0.4s ease;
      display: flex;
      align-items: flex-end;
      padding: 24px;
    }

    .gallery-item:hover .gallery-overlay {
      opacity: 1;
    }

    .gallery-info h4 {
      color: #fff;
      font-size: 18px;
      font-weight: 700;
      margin-bottom: 6px;
      transform: translateY(20px);
      transition: transform 0.4s ease;
    }

    .gallery-item:hover .gallery-info h4 {
      transform: translateY(0);
    }

    .gallery-info p {
      color: #c8d4f0;
      font-size: 13.5px;
      transform: translateY(20px);
      transition: transform 0.4s ease 0.1s, opacity 0.4s ease 0.1s;
      opacity: 0;
      line-height: 1.5;
    }

    .gallery-item:hover .gallery-info p {
      transform: translateY(0);
      opacity: 1;
    }

    @media(max-width:768px) {
      .gallery-grid {
        grid-template-columns: repeat(2, 1fr);
      }

      .gallery-header h2 {
        font-size: 26px;
      }
    }

    @media(max-width:500px) {
      .gallery-grid {
        grid-template-columns: 1fr;
      }
    }

    /* LIGHTBOX */
    .lightbox {
      position: fixed;
      inset: 0;
      background: rgba(15, 23, 42, 0.95);
      z-index: 10000;
      display: flex;
      align-items: center;
      justify-content: center;
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.3s ease;
    }

    .lightbox.active {
      opacity: 1;
      pointer-events: auto;
    }

    .lightbox-img {
      max-width: 90%;
      max-height: 90vh;
      object-fit: contain;
      border-radius: 8px;
      box-shadow: 0 10px 40px rgba(0,0,0,0.5);
      transform: scale(0.9);
      transition: transform 0.3s ease;
    }

    .lightbox.active .lightbox-img {
      transform: scale(1);
    }

    .lightbox-close {
      position: absolute;
      top: 24px;
      right: 24px;
      background: rgba(255, 255, 255, 0.1);
      border: none;
      color: #fff;
      font-size: 28px;
      width: 48px;
      height: 48px;
      border-radius: 50%;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: background 0.2s;
    }

    .lightbox-close:hover {
      background: rgba(255, 255, 255, 0.25);
    }
.back-to-home-btn { display: inline-block; padding: 14px 32px; background: #1a2744; color: #fff; text-decoration: none; border-radius: 6px; font-weight: 600; font-size: 16px; transition: background 0.2s; box-shadow: 0 4px 15px rgba(26,39,68,0.15); margin-top: 20px; }
.back-to-home-btn:hover { background: #e07820; }

/* STUDENT ZONE PORTAL CARDS */
.sz-card {
  border-radius: 16px;
  padding: 32px;
  box-shadow: 0 10px 30px rgba(26, 39, 68, 0.05);
  border: 1px solid transparent;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  z-index: 1;
}
.sz-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(26, 39, 68, 0.12);
}

.sz-card-blue { background: #eff6ff; border-color: #bfdbfe; }
.sz-card-blue .sz-card-title { color: #1e3a8a; }
.sz-card-blue .sz-card-desc { color: #1d4ed8; }
.sz-card-blue .sz-icon-wrapper { background: rgba(37,99,235,0.15); color: #2563eb; }

.sz-card-purple { background: #faf5ff; border-color: #e9d5ff; }
.sz-card-purple .sz-card-title { color: #581c87; }
.sz-card-purple .sz-card-desc { color: #7e22ce; }
.sz-card-purple .sz-icon-wrapper { background: rgba(147,51,234,0.15); color: #9333ea; }

.sz-card-rose { background: #fff1f2; border-color: #fecdd3; }
.sz-card-rose .sz-card-title { color: #881337; }
.sz-card-rose .sz-card-desc { color: #be123c; }
.sz-card-rose .sz-icon-wrapper { background: rgba(225,29,72,0.15); color: #e11d48; }

.sz-card-orange { background: #fff7ed; border-color: #fed7aa; }
.sz-card-orange .sz-card-title { color: #7c2d12; }
.sz-card-orange .sz-card-desc { color: #c2410c; }
.sz-card-orange .sz-icon-wrapper { background: rgba(234,88,12,0.15); color: #ea580c; }

.sz-card-green { background: #f0fdf4; border-color: #bbf7d0; }
.sz-card-green .sz-card-title { color: #14532d; }
.sz-card-green .sz-card-desc { color: #15803d; }
.sz-card-green .sz-icon-wrapper { background: rgba(22,163,74,0.15); color: #16a34a; }

.sz-icon-wrapper {
  margin-bottom: 24px;
  width: 64px;
  height: 64px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.4s ease;
}
.sz-card:hover .sz-icon-wrapper {
  transform: scale(1.1) rotate(5deg);
}
.sz-icon-wrapper svg {
  width: 32px;
  height: 32px;
}
.sz-card-title {
  font-size: 22px;
  font-weight: 800;
  margin-bottom: 12px;
}
.sz-card-desc {
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 24px;
  flex-grow: 1;
}
.sz-link-group {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.sz-link {
  padding: 14px 20px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: all 0.3s ease;
  border: 1px solid transparent;
}
.sz-link span {
  font-size: 12px;
  transition: transform 0.3s ease;
}
.sz-link:hover:not(.sz-link-disabled) span {
  transform: translateX(4px);
}
.sz-link-disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.sz-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 24px;
  border-radius: 12px;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.3s ease;
  margin-top: auto;
}
.sz-btn span {
  margin-left: 8px;
  transition: transform 0.3s ease;
}
.sz-btn:hover span {
  transform: translateX(4px);
}
.sz-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

.sz-icon-orange { background: rgba(234,88,12,0.1); color: #ea580c; }
.sz-btn-orange { background: #ea580c; color: white; border: none; }
.sz-btn-orange:hover { background: #c2410c; color: white; }

.sz-icon-green { background: rgba(22,163,74,0.1); color: #16a34a; }
.sz-btn-green { background: #16a34a; color: white; border: none; }
.sz-btn-green:hover { background: #15803d; color: white; }

.sz-btn-purple { background: #9333ea; color: white; border: none; }
.sz-btn-purple:hover { background: #7e22ce; color: white; }

.sz-btn-rose { background: #e11d48; color: white; border: none; }
.sz-btn-rose:hover { background: #be123c; color: white; }

.sz-btn-indigo { background: #4f46e5; color: white; border: none; }
.sz-btn-indigo:hover { background: #4338ca; color: white; }

/* CORE STRUCTURAL LAYOUT CLASSES */
.subpage-container {
  max-width: 1200px;
  margin: 50px auto;
  padding: 0 20px;
}
.subpage-container-centered {
  max-width: 800px;
  margin: 50px auto;
  padding: 0 24px;
}
.subpage-container-lg {
  max-width: 1100px;
  margin: 50px auto;
  padding: 0 24px;
}
.subpage-card {
  background: white;
  border-radius: 12px;
  padding: 40px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.03);
  margin-bottom: 40px;
  border: 1px solid #eef2f7;
}
.subpage-card-green-border {
  background: #fdfbf7;
  border-left: 4px solid #1a4d2e;
  padding: 20px 25px;
  border-radius: 0 8px 8px 0;
}
.subpage-card-blue-border {
  background: #fdfbf7;
  border-left: 4px solid #1a3a6b;
  padding: 20px 25px;
  border-radius: 0 8px 8px 0;
}
.subpage-card-red-border {
  background: #fdfbf7;
  border-left: 4px solid #7B1C1C;
  padding: 20px 25px;
  border-radius: 0 8px 8px 0;
}

.flex-row {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
.flex-item {
  flex: 1;
  min-width: 320px;
}

.grid-autofit {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
}
.grid-2col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}
.grid-3col {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.stats-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
  background: #ffffff;
  padding: 20px 30px;
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(26, 39, 68, 0.04);
  border: 1px solid rgba(26, 39, 68, 0.08);
  margin-bottom: 80px;
}
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.stats-item {
  display: flex;
  align-items: center;
  gap: 16px;
  flex: 1 1 180px;
}
.stats-icon {
  width: 48px;
  height: 48px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  flex-shrink: 0;
}
.stats-icon svg {
  width: 20px;
  height: 20px;
}
.stats-icon.bg-navy {
  background: var(--blue);
  color: #ffffff;
}
.stats-item:hover .stats-icon.bg-navy {
  background: var(--navy);
  color: #ffffff;
  transform: translateY(-3px);
}
.stats-num {
  font-size: 28px;
  font-weight: 800;
  color: var(--navy);
  margin: 0;
  line-height: 1.2;
}
.stats-label {
  font-size: 13.5px;
  color: #555;
  font-weight: 600;
  margin: 4px 0 0 0;
  line-height: 1.3;
}
.badge-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: rgba(255,255,255,0.1);
  border: 1px solid rgba(255,255,255,0.2);
  padding: 6px 20px;
  border-radius: 30px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.5px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

/* Page Header Variations */
.op-header-light {
  background: white !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important;
}
.op-title-green { color: #1a4d2e !important; font-weight: 800; }
.op-title-blue { color: var(--blue) !important; font-weight: 800; }
.op-title-navy { color: var(--navy) !important; font-weight: 800; }
.op-title-red { color: #7B1C1C !important; font-weight: 800; }

/* Subpage Hero Styling */
.subpage-hero {
  position: relative;
  overflow: hidden;
  color: white;
  padding: 80px 40px;
  background-size: cover;
  background-position: center;
}
.subpage-hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.subpage-hero-content {
  position: relative;
  z-index: 2;
  max-width: 1200px;
  margin: 0 auto;
}
.subpage-hero-content-centered {
  position: relative;
  z-index: 2;
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

/* Subpage Hero Themes */
.hero-green {
  background-color: #1a4d2e;
  background-image: url('../images/programs/school_kids.webp');
  background-blend-mode: overlay;
  background-position: right center;
}
.overlay-green {
  background: linear-gradient(90deg, #1a4d2e 40%, rgba(26, 77, 46, 0.8) 100%);
}

.hero-blue {
  background-color: #1a3a6b;
  background-image: url('../images/programs/group.webp');
  background-blend-mode: overlay;
  background-position: right center;
}
.overlay-blue {
  background: linear-gradient(90deg, #1a3a6b 40%, rgba(26, 58, 107, 0.8) 100%);
}

.hero-red {
  background-color: #7B1C1C;
  background-image: url('../images/programs/integrated.webp');
  background-blend-mode: overlay;
  background-position: right center;
}
.overlay-red {
  background: linear-gradient(90deg, #7B1C1C 40%, rgba(123, 28, 28, 0.8) 100%);
}

.hero-navy-building {
  background-color: #1a2744;
  background-image: url('../images/hero/building.webp');
  background-blend-mode: overlay;
}
.hero-navy-banner {
  background-color: #1a2744;
  background-image: url('../images/results/banner.webp');
  background-blend-mode: overlay;
}
.overlay-navy-grad {
  background: linear-gradient(135deg, rgba(26,39,68,0.85) 0%, rgba(15,26,53,0.95) 100%);
}

.hero-subtitle { font-size: 22px; font-weight: 600; color: rgba(255, 255, 255, 0.8); margin: 0 0 16px; }
.hero-accent { width: 70px; height: 3px; background: var(--orange); margin: 0 auto 18px; border-radius: 2px; }
.sz-main-wrapper { background-color: #f8fafc; position: relative; overflow: hidden; }
.sz-shape-1 { position: absolute; top: -20%; left: -10%; width: 50%; height: 50%; background: radial-gradient(circle, rgba(37,99,235,0.05) 0%, transparent 70%); border-radius: 50%; z-index: 0; }
.sz-shape-2 { position: absolute; bottom: -20%; right: -10%; width: 50%; height: 50%; background: radial-gradient(circle, rgba(147,51,234,0.05) 0%, transparent 70%); border-radius: 50%; z-index: 0; }

/* REUSABLE SUBPAGE COMPONENTS */
.hero-description { font-size: 18px; line-height: 1.6; max-width: 600px; opacity: 0.9; }
.green-text { color: #1a4d2e !important; }
.blue-text { color: #1a3a6b !important; }
.navy-text { color: var(--navy) !important; }
.red-text { color: #7B1C1C !important; }

.subpage-card-title { font-size: 28px; margin-bottom: 20px; font-weight: 800; }
.subpage-card-title-sm { font-size: 24px; margin-bottom: 20px; font-weight: 800; }
.subpage-text { font-size: 15.5px; color: #555; line-height: 1.8; margin-bottom: 20px; }
.subpage-text-sm { font-size: 15px; color: #555; line-height: 1.7; margin-bottom: 25px; }

.goal-title { font-size: 20px; color: #333; margin-bottom: 10px; font-weight: 700; }
.goal-text { font-size: 15.5px; color: #555; margin: 0; font-style: italic; line-height: 1.6; }

.grid-list-2col { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.grid-list-1col { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr; gap: 12px; font-size: 14px; font-weight: 600; color: #444; }
.grid-list-item { display: flex; align-items: flex-start; gap: 10px; font-size: 14px; color: #444; font-weight: 600; }
.grid-list-item-center { display: flex; align-items: center; gap: 10px; }
.check-icon { font-size: 16px; }
.check-green { color: #1a4d2e; }
.check-blue { color: #1a3a6b; }
.check-red { color: #7B1C1C; }

.subpage-card-alt { background: #faf8f5; border: 1px solid #f0eae1; border-radius: 12px; padding: 40px; box-shadow: 0 4px 20px rgba(0,0,0,0.02); margin-bottom: 40px; }
.section-center-header { text-align: center; margin-bottom: 40px; }
.section-center-title { font-size: 28px; color: #333; font-weight: 800; margin-bottom: 10px; }

.accent-bar-green { width: 60px; height: 3px; background-color: #1a4d2e; margin: 0 auto; }
.accent-bar-blue { width: 60px; height: 3px; background-color: #1a3a6b; margin: 0 auto; }
.accent-bar-red { width: 60px; height: 3px; background-color: #7B1C1C; margin: 0 auto; }

.feature-card {
  border-radius: 14px;
  padding: 28px 24px;
  box-shadow: 0 6px 24px rgba(0,0,0,0.10);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  position: relative;
  overflow: hidden;
}
.feature-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 14px 36px rgba(0,0,0,0.16);
}

/* Blue cards — navy gradient */
.feature-blue {
  background: linear-gradient(135deg, #1a3a6b 0%, #2a5298 100%);
  color: #fff;
}
/* Cycle card 2, 5, 8 — teal/ocean */
.feature-blue:nth-child(3n+2) {
  background: linear-gradient(135deg, #0f4c75 0%, #1b6ca8 100%);
}
/* Cycle card 3, 6, 9 — deep indigo */
.feature-blue:nth-child(3n+3) {
  background: linear-gradient(135deg, #1a1a6b 0%, #2d4fcb 100%);
}

.feature-green { background: linear-gradient(135deg, #1a4d2e 0%, #2e7d4f 100%); color: #fff; border-radius: 14px; padding: 28px 24px; box-shadow: 0 6px 24px rgba(0,0,0,0.10); transition: transform 0.25s ease; }
.feature-green:hover { transform: translateY(-5px); }
.feature-red { background: linear-gradient(135deg, #7B1C1C 0%, #b02a2a 100%); color: #fff; border-radius: 14px; padding: 28px 24px; box-shadow: 0 6px 24px rgba(0,0,0,0.10); transition: transform 0.25s ease; }
.feature-red:hover { transform: translateY(-5px); }

.feature-icon {
  margin-bottom: 16px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(255,255,255,0.18);
  display: flex;
  align-items: center;
  justify-content: center;
}
.icon-color-green { color: #fff; }
.icon-color-blue { color: #fff; }
.icon-color-red { color: #fff; }

.feature-title { font-size: 16px; font-weight: 700; color: #fff; margin-bottom: 10px; }
.feature-desc { font-size: 14px; color: rgba(255,255,255,0.88); line-height: 1.65; margin: 0; }

.support-list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; font-size: 14px; color: #444; font-weight: 600; }
.support-item { display: flex; align-items: center; gap: 10px; background: #faf8f5; padding: 12px 15px; border-radius: 8px; border: 1px solid #eef2f7; }
.support-item.span2 { grid-column: span 2; }

.subpage-footer-message { text-align: center; margin-top: 60px; padding: 60px 40px; background: #fff; border-radius: 16px; border: 1px solid #eef2f7; box-shadow: 0 10px 30px rgba(0,0,0,0.03); }
.footer-emoji { font-size: 40px; margin-bottom: 20px; }
.footer-msg-title { font-size: 28px; font-weight: 800; color: #333; margin-bottom: 15px; }
.footer-msg-sub { font-size: 18px; font-weight: 600; max-width: 1200px; margin: 0 auto; }

.subpage-back-wrapper { text-align: center; margin-top: 30px; margin-bottom: 20px; }

/* UTILITIES */
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb60 { margin-bottom: 60px !important; }
.gap25 { gap: 25px !important; }
.gap40 { gap: 40px !important; }
.relative-z2 { position: relative; z-index: 2; }

/* STREAM CARDS */
.stream-card { background: #ffffff; border: 1px solid #dbe4f0; border-radius: 12px; overflow: hidden; box-shadow: 0 8px 25px rgba(26, 39, 68, 0.05); }
.stream-card-header { padding: 25px 30px; text-align: center; color: white; }
.stream-card-header.bg-blue { background: #1a3a6b; }
.stream-card-header.bg-navy { background: var(--navy); }
.stream-card-header.bg-red { background: #7B1C1C; }
.stream-card-body { padding: 30px; }
.stream-card-icon { margin-bottom: 15px; display: flex; justify-content: center; }
.stream-card-title { font-size: 24px; font-weight: 800; margin: 0; letter-spacing: 0.5px; color: #fff; }
.stream-card-desc { font-size: 15px; color: #555; line-height: 1.6; margin-bottom: 20px; text-align: center; }
.medium-tag { background: #eef2f7; padding: 12px; border-radius: 8px; text-align: center; margin-bottom: 25px; }
.medium-tag-label { font-weight: 700; color: var(--navy); }
.medium-tag-val { color: #555; font-weight: 500; }
.stream-section-title { font-size: 18px; font-weight: 700; color: var(--navy); margin-bottom: 15px; border-bottom: 2px solid #eef2f7; padding-bottom: 8px; }
.stream-subject-group { margin-bottom: 15px; }
.stream-subject-group-title { color: #4a90e2; font-size: 14px; text-transform: uppercase; letter-spacing: 0.5px; }
.stream-subject-list { list-style: none; padding-left: 0; margin-top: 10px; color: #444; font-size: 14px; line-height: 1.8; }
.stream-subject-list-item { display: flex; align-items: flex-start; gap: 8px; }
.stream-subject-list-item::before { content: "•"; color: var(--navy); font-size: 16px; line-height: 1.6; flex-shrink: 0; font-weight: 700; }
.stream-subject-list.grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }

/* NEXUS SECTION */
.dark-hero-card { background: var(--navy); color: white; border-radius: 12px; padding: 50px 40px; box-shadow: 0 10px 30px rgba(26, 39, 68, 0.15); margin-bottom: 40px; position: relative; overflow: hidden; }
.dark-hero-card-overlay { position: absolute; top: -50px; right: -50px; width: 200px; height: 200px; background: rgba(255,255,255,0.03); border-radius: 50%; }
.dark-hero-card-content { position: relative; z-index: 2; }
.badge-label { display: inline-block; background: rgba(255,255,255,0.1); padding: 6px 16px; border-radius: 20px; font-size: 13px; font-weight: 600; margin-bottom: 15px; letter-spacing: 1px; }
.dark-card-title { font-size: 30px; font-weight: 800; color: #fff; margin-bottom: 20px; }
.dark-card-text { font-size: 15.5px; color: #cbd5e1; line-height: 1.7; margin-bottom: 25px; }
.nexus-grid { display: flex; flex-wrap: wrap; gap: 30px; }
.nexus-column { flex: 1; min-width: 280px; background: rgba(255,255,255,0.05); padding: 25px; border-radius: 12px; border: 1px solid rgba(255,255,255,0.1); }
.nexus-col-title { font-size: 18px; font-weight: 700; color: var(--orange); margin-bottom: 15px; }
.nexus-list { list-style: none; padding: 0; margin: 0; font-size: 14px; color: #fff; line-height: 1.6; }
.nexus-list-item { margin-bottom: 10px; display: flex; gap: 10px; }
.nexus-accent-box { background: rgba(224, 120, 32, 0.15); padding: 12px; border-radius: 6px; text-align: center; border: 1px solid rgba(224, 120, 32, 0.3); }
.nexus-accent-text { font-weight: 700; color: var(--orange); font-size: 14.5px; }

/* MOMENTUM 11 SECTION */
.grad-hero-card { background: linear-gradient(135deg, #f8fafc 0%, #e0e7ff 100%); border-radius: 12px; padding: 40px; box-shadow: 0 8px 25px rgba(26, 39, 68, 0.05); margin-bottom: 40px; border: 1px solid #dbe4f0; display: flex; flex-wrap: wrap; gap: 30px; align-items: center; }
.grad-card-badge { display: inline-block; background: #e0e7ff; color: var(--navy); padding: 5px 12px; border-radius: 6px; font-size: 12px; font-weight: 700; margin-bottom: 15px; text-transform: uppercase; }
.grad-card-title { font-size: 26px; font-weight: 800; color: var(--navy); margin-bottom: 15px; }
.grad-card-subtitle { font-size: 18px; font-weight: 600; color: #555; margin-bottom: 20px; }
.grad-card-text { font-size: 15px; color: #555; line-height: 1.7; margin-bottom: 15px; }
.grad-card-text-last { font-size: 15px; color: #555; line-height: 1.7; margin: 0; }
.grad-card-circle-wrapper { width: 150px; height: 150px; background: white; border: 8px solid rgba(255,255,255,0.6); border-radius: 50%; margin: 0 auto 20px; display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 25px rgba(26,39,68,0.05); }
.grad-card-circle-text { font-weight: 700; color: var(--navy); font-size: 16px; }

/* DASHED INFO CARD & BUTTONS */
.dashed-info-card { background: #f8fafc; border-radius: 12px; padding: 40px; box-shadow: 0 4px 15px rgba(0,0,0,0.02); border: 2px dashed #dbe4f0; margin-bottom: 60px; text-align: center; }
.info-card-title { font-size: 26px; font-weight: 800; color: var(--navy); margin-bottom: 15px; }
.info-card-subtitle { font-size: 16px; color: #555; margin-bottom: 25px; }
.info-card-badge-row { display: flex; justify-content: center; gap: 20px; margin-bottom: 30px; flex-wrap: wrap; }
.info-card-badge-item { background: white; padding: 12px 25px; border-radius: 30px; border: 1px solid #eee; font-weight: 600; color: var(--navy); box-shadow: 0 2px 8px rgba(0,0,0,0.02); }
.info-card-desc { font-size: 14.5px; color: #666; max-width: 600px; margin: 0 auto 25px; }
.btn-orange-full { background: var(--orange); color: white; text-decoration:none; padding: 14px 30px; border-radius: 8px; font-weight: 700; font-size: 15px; display:inline-block; transition: background 0.3s; border: none; cursor: pointer; }
.btn-orange-full:hover { background: #c96010; }
.btn-navy-outline { background: white; color: var(--navy); border: 2px solid var(--navy); padding: 14px 30px; border-radius: 8px; font-weight: 700; font-size: 15px; cursor: pointer; transition: all 0.3s; }
.btn-navy-outline:hover { background: var(--navy); color: white; }
.gap25 { gap: 25px !important; }
.gap40 { gap: 40px !important; }
.relative-z2 { position: relative; z-index: 2; }

/* INTEGRATED COACHING STYLES */
.about-integrated-card { background: white; border-radius: 16px; padding: 50px 40px; box-shadow: 0 8px 30px rgba(123,28,28,0.06); margin-bottom: 40px; border: 1px solid #e8c4c4; }
.about-integrated-badge { display: inline-block; background: #fdf0f0; color: #7B1C1C; padding: 6px 16px; border-radius: 20px; font-size: 13px; font-weight: 700; margin-bottom: 15px; letter-spacing: 1px; }
.coaching-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; }
.coaching-grid-item { background: #fdf5f5; border-radius: 10px; padding: 20px; border-left: 4px solid #7B1C1C; text-align: center; }
.coaching-grid-icon-wrap { display:flex;justify-content:center;margin-bottom:12px; }
.coaching-grid-icon { width:52px;height:52px;background:linear-gradient(135deg,#7B1C1C,#5a1212);border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(123,28,28,0.35); }
.coaching-grid-title { font-size: 16px; font-weight: 700; color: var(--navy); margin-bottom: 5px; }
.coaching-grid-desc { font-size: 13px; color: #666; margin: 0; }

.coaching-card-split { display:flex;flex-wrap:wrap;gap:30px;margin-bottom:40px; }
.coaching-card { flex:1;min-width:300px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 25px rgba(26,39,68,0.09);border:1px solid #eef2f7; }
.coaching-card-header { padding:30px 30px 28px; }
.coaching-card-header.bg-science { background:linear-gradient(135deg,var(--navy) 0%,#0f1a35 100%); }
.coaching-card-header.bg-arts-coaching { background: linear-gradient(135deg, #1e6b3a 0%, #144d2a 100%); }
.coaching-card-header.bg-civil-services { background: linear-gradient(135deg, var(--navy) 0%, #0f1a35 100%); }
.coaching-card-icon-wrap { width:52px;height:52px;background:rgba(255,255,255,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px; }
.coaching-card-icon-wrap.opaque-bg { background:rgba(255,255,255,0.15); }
.coaching-card-header-title { font-size:22px;font-weight:800;color:#fff;margin:0 0 6px; }
.coaching-card-header-subtitle { font-size:13.5px;color:rgba(255,255,255,0.75);margin:0; }
.coaching-card-body { padding:28px 30px; }
.coaching-card-body-section-title { font-size:13px;font-weight:700;color:var(--gray);letter-spacing:1px;text-transform:uppercase;margin-bottom:16px; }
.entrance-list { display:flex;flex-direction:column;gap:10px; }
.entrance-item { display:flex;align-items:center;gap:14px;padding:12px 16px;background:#f8faff;border-radius:10px; }
.entrance-item.border-navy { border-left:3px solid var(--navy); }
.entrance-item.border-blue { border-left:3px solid var(--blue); }
.entrance-item.border-green { border-left:3px solid var(--green); }
.entrance-item.border-red { border-left:3px solid #7B1C1C; }
.entrance-item.border-purple { border-left:3px solid #7c3aed; }
.entrance-item.border-cyan { border-left:3px solid #0891b2; }
.entrance-icon-wrap { width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.entrance-icon-wrap.bg-navy { background:var(--navy); }
.entrance-icon-wrap.bg-blue { background:var(--blue); }
.entrance-icon-wrap.bg-green { background:var(--green); }
.entrance-icon-wrap.bg-red { background:#7B1C1C; }
.entrance-icon-wrap.bg-purple { background:#7c3aed; }
.entrance-icon-wrap.bg-cyan { background:#0891b2; }
.entrance-item-title { font-size:14px;font-weight:700;color:var(--navy); }
.entrance-item-desc { font-size:11.5px;color:var(--gray); }

.why-coaching-grid { display:grid;grid-template-columns:1fr 1fr;gap:12px; }
.why-coaching-item { display:flex;align-items:flex-start;gap:10px;padding:12px;background:#fdf5f5;border-radius:10px;border:1px solid #e8c4c4; }
.why-coaching-item.span2 { grid-column:1/-1; }
.why-coaching-icon-wrap { width:32px;height:32px;background:#7B1C1C;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px; }
.why-coaching-item-text { font-size:12.5px;font-weight:700;color:#3a1a00;line-height:1.4; }

.bhavishya-card { background: linear-gradient(135deg, #f0f4ff 0%, #e8eeff 100%); border-radius: 16px; padding: 45px 40px; margin-bottom: 40px; border: 1px solid #c7d4f5; display: flex; flex-wrap: wrap; gap: 30px; align-items: center; }
.bhavishya-badge { display: inline-block; background: var(--navy); color: white; padding: 5px 14px; border-radius: 6px; font-size: 12px; font-weight: 700; margin-bottom: 15px; letter-spacing: 1px; text-transform: uppercase; }
.bhavishya-title { font-size: 28px; font-weight: 800; color: var(--navy); margin-bottom: 8px; }
.bhavishya-text { font-size: 15.5px; color: #555; line-height: 1.7; margin-bottom: 0; }
.bhavishya-circle-wrap { width: 130px; height: 130px; background: white; border-radius: 50%; margin: 0 auto 16px; display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 24px rgba(26,39,68,0.1); }
.bhavishya-circle-text { font-weight: 700; color: var(--navy); font-size: 15px; margin: 0; }
.bhavishya-btn { margin-top: 14px; background: #7B1C1C; color: white; border: none; padding: 12px 28px; border-radius: 8px; font-weight: 700; font-size: 14px; cursor: pointer; transition: background 0.3s; }
.bhavishya-btn:hover { background: #5a1212; }

.selections-card { background: var(--navy); color: white; border-radius: 16px; padding: 50px 40px; box-shadow: 0 10px 30px rgba(26,39,68,0.15); margin-bottom: 40px; position: relative; overflow: hidden; text-align: center; }
.selections-card-overlay-1 { position: absolute; top: -50px; right: -50px; width: 200px; height: 200px; background: rgba(255,255,255,0.03); border-radius: 50%; }
.selections-card-overlay-2 { position: absolute; bottom: -60px; left: -40px; width: 180px; height: 180px; background: rgba(255,255,255,0.03); border-radius: 50%; }
.selections-card-content { position: relative; z-index: 2; }
.selections-badge-icon-wrap { display:flex;justify-content:center;margin-bottom:15px; }
.selections-badge-icon { width:72px;height:72px;background:linear-gradient(135deg,#3b82f6,#1a56c4);border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(59,130,246,0.45); }
.selections-title { font-size: 30px; font-weight: 800; color: #fff; margin-bottom: 8px; }
.selections-subtitle { font-size: 18px; color: #60a5fa; font-weight: 700; margin: 0 0 20px; }
.selections-text { font-size: 16px; color: #cbd5e1; line-height: 1.7; max-width: 750px; margin: 0 auto 30px; }
.selections-row { display: flex; justify-content: center; flex-wrap: wrap; gap: 30px; margin-bottom: 30px; }
.selections-item { background: rgba(255,255,255,0.08); padding: 20px 30px; border-radius: 12px; border: 1px solid rgba(255,255,255,0.12); min-width: 140px; }
.selections-item-num { font-size: 32px; font-weight: 800; color: #60a5fa; }
.selections-item-label { font-size: 13px; color: #cbd5e1; font-weight: 600; margin-top: 4px; }
.selections-footer-text { font-size: 18px; color: #60a5fa; font-weight: 700; margin: 0; }

.abhyaas-card { background: white; border-radius: 16px; padding: clamp(25px, 5vw, 50px) clamp(15px, 4vw, 40px); box-shadow: 0 8px 25px rgba(26,39,68,0.07); margin-bottom: 40px; border: 1px solid #eef2f7; }
.abhyaas-badge { display: inline-block; background: #fdf0f0; color: #7B1C1C; padding: 6px 16px; border-radius: 20px; font-size: 13px; font-weight: 700; margin-bottom: 15px; letter-spacing: 1px; }
.abhyaas-title { font-size: 32px; font-weight: 800; color: var(--navy); margin-bottom: 8px; }
.abhyaas-subtitle { font-size: 16px; color: #7B1C1C; font-weight: 700; margin-bottom: 20px; font-style: italic; }
.abhyaas-text { font-size: 15.5px; color: #555; line-height: 1.8; margin-bottom: 20px; }
.abhyaas-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)); gap: 16px; }
.abhyaas-item { background: #fdf5f5; border-radius: 10px; padding: clamp(16px, 4vw, 22px); border-left: 4px solid #7B1C1C; display: flex; align-items: flex-start; gap: clamp(10px, 3vw, 14px); }
.abhyaas-icon-wrap { width:42px;height:42px;background:linear-gradient(135deg,#7B1C1C,#5a1212);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 3px 10px rgba(123,28,28,0.3); }
.abhyaas-item-title { font-size: 15px; font-weight: 700; color: var(--navy); margin-bottom: 5px; }
.abhyaas-item-desc { font-size: 13px; color: #666; margin: 0; line-height: 1.5; }

.badge-darrang { display: inline-block; background: rgba(123,28,28,0.25); color: #7B1C1C; padding: 3px 10px; border-radius: 4px; font-size: 12px; font-weight: 700; margin: 8px 0; }

.coaching-footer-cta { text-align: center; padding: 60px 40px; background: #fff; border-radius: 16px; border: 1px solid #e8c4c4; box-shadow: 0 10px 30px rgba(123,28,28,0.05); }
.coaching-footer-icon-wrap { display:flex;justify-content:center;margin-bottom:15px; }
.coaching-footer-icon { width:68px;height:68px;background:linear-gradient(135deg,#7B1C1C,#5a1212);border-radius:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(123,28,28,0.4); }
.coaching-footer-title { font-size: 28px; font-weight: 800; color: var(--navy); margin-bottom: 12px; }
.coaching-footer-subtitle { font-size: 18px; color: #7B1C1C; font-weight: 700; margin: 0 0 8px; }
.coaching-footer-desc { font-size: 15px; color: #666; margin: 0 auto 30px; max-width: 600px; line-height: 1.6; }

/* MESSAGES PAGE STYLES */
.msg-main-container { max-width:880px;margin:0 auto;padding:44px 20px 80px; }
.message-card { background:#fffdf7;border-radius:4px;overflow:hidden;box-shadow:0 4px 30px rgba(0,0,0,0.12);border:1px solid #d9c9a0;margin-bottom:48px; }
.message-card-top-bar { height:4px; }
.message-card-top-bar.maroon-gold { background:linear-gradient(90deg,#7B1C1C,#D4AF37,#7B1C1C); }
.message-card-top-bar.navy-gold { background:linear-gradient(90deg,#1a2744,#D4AF37,#1a2744); }
.message-profile-panel { padding:36px 36px 44px;display:flex;gap:32px;align-items:flex-start;flex-wrap:wrap; }
.message-profile-panel.maroon-bg { background:linear-gradient(135deg,#7B1C1C 0%,#5a1212 100%); }
.message-profile-panel.navy-bg { background:linear-gradient(135deg,#1a2744 0%,#0f1a35 100%); }
.message-photo-block { flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:12px; }
.message-photo-frame { width:160px;height:200px;border:3px solid #D4AF37;border-radius:4px;background:rgba(255,255,255,0.08);overflow:hidden;position:relative;box-shadow:4px 4px 0 rgba(0,0,0,0.3); }
.message-photo-frame img { width:100%;height:100%;object-fit:cover;display:block; }
.message-photo-fallback { display:none;width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:10px;position:absolute;inset:0; }
.message-photo-fallback svg { opacity:0.7; }
.message-photo-fallback-text { font-size:10px;color:#D4AF37;opacity:0.7;font-weight:700;letter-spacing:2px; }
.message-badge { background:#D4AF37;font-size:10px;font-weight:800;padding:4px 18px;letter-spacing:2px;text-transform:uppercase;border-radius:2px; }
.message-badge.maroon-text { color:#5a1212; }
.message-badge.navy-text { color:#1a2744; }
.message-header-info { padding-top:8px; }
.message-desk-label { font-size:11px;color:#D4AF37;font-weight:700;letter-spacing:3px;text-transform:uppercase;margin-bottom:12px; }
.message-author-name { font-size:30px;font-weight:800;color:#fff;margin:0 0 8px;font-family:Georgia,serif;line-height:1.2; }
.message-title-divider { width:48px;height:2px;background:#D4AF37;margin-bottom:12px;border-radius:1px; }
.message-author-desc { font-size:13.5px;color:rgba(255,255,255,0.65);margin:0;line-height:1.7; }
.message-panel-divider { height:1px; }
.message-panel-divider.maroon-gold { background:linear-gradient(90deg,#7B1C1C,#D4AF37,#D4AF37,#7B1C1C); }
.message-panel-divider.navy-gold { background:linear-gradient(90deg,#1a2744,#D4AF37,#D4AF37,#1a2744); }

.message-body-wrapper { padding:40px 44px;position:relative;background:#fffdf7; }
.message-watermark-quote { position:absolute;top:16px;right:32px;font-size:140px;opacity:0.04;font-family:Georgia,serif;line-height:1;pointer-events:none;user-select:none; }
.message-watermark-quote.maroon-color { color:#7B1C1C; }
.message-watermark-quote.navy-color { color:#1a2744; }
.message-intro-header { display:flex;align-items:center;gap:12px;margin-bottom:26px; }
.message-intro-bar { width:5px;height:36px;border-radius:2px;flex-shrink:0; }
.message-intro-bar.maroon-gold { background:linear-gradient(180deg,#D4AF37,#7B1C1C); }
.message-intro-bar.navy-gold { background:linear-gradient(180deg,#D4AF37,#1a2744); }
.message-intro-title { font-size:19px;font-weight:700;margin:0;font-family:Georgia,serif; }
.message-intro-title.maroon-color { color:#7B1C1C; }
.message-intro-title.navy-color { color:#1a2744; }
.message-paragraph { font-size:15.5px;color:#3a2a1a;line-height:2;margin-bottom:18px;text-align:justify; }
.message-paragraph.last { margin-bottom:36px; }
.message-signature-block { display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:16px;border-top:1px solid #d9c9a0;padding-top:24px; }
.message-signature-name { font-size:17px;font-weight:800;font-family:Georgia,serif;margin-bottom:3px; }
.message-signature-name.maroon-color { color:#7B1C1C; }
.message-signature-name.navy-color { color:#1a2744; }
.message-signature-title { font-size:12.5px;font-weight:700;letter-spacing:0.5px; }
.message-signature-title.maroon-color { color:#5a1212; }
.message-signature-title.navy-color { color:#1a2744; }
.message-signature-sub { font-size:11.5px;color:#888;margin-top:2px; }
.message-signature-badge { text-align:right; }
.message-signature-badge-text { font-size:9px;color:#D4AF37;letter-spacing:2px;font-weight:700;margin-bottom:4px; }
.message-signature-badge-line { width:100px;height:1px;background:linear-gradient(90deg,transparent,#D4AF37);margin-left:auto; }

.ornamental-divider { text-align:center;margin-bottom:48px; }
.ornamental-divider-inner { display:inline-flex;align-items:center;gap:14px; }
.ornamental-divider-line-left { height:1px;width:80px;background:linear-gradient(90deg,transparent,#9B7B3A); }
.ornamental-divider-line-right { height:1px;width:80px;background:linear-gradient(90deg,#9B7B3A,transparent); }
.ornamental-divider-stars { font-size:18px;color:#9B7B3A;letter-spacing:6px; }
.dash-divider-blue { height: 48px; border-bottom: 2px dashed #dde3ef; margin-bottom: 48px; }
.tricolor-footer-bar { height:6px;background:linear-gradient(90deg,#FF9933 33.3%,#fff 33.3%,#fff 66.6%,#138808 66.6%);border-radius:3px;margin-bottom:36px; }

/* RESULTS PAGE STYLES */
.results-hero { background: linear-gradient(135deg, rgba(26,39,68,0.85) 0%, rgba(15,26,53,0.95) 100%), url('../images/results/banner.webp'); background-size: cover; background-position: center; color: white; padding: 70px 40px; text-align: center; position: relative; overflow: hidden; }
.results-hero-circle-1 { position:absolute;top:-60px;right:-60px;width:250px;height:250px;background:rgba(255,255,255,0.03);border-radius:50%; }
.results-hero-circle-2 { position:absolute;bottom:-80px;left:-40px;width:220px;height:220px;background:rgba(255,255,255,0.03);border-radius:50%; }
.results-hero-content { position:relative;z-index:2;max-width:800px;margin:0 auto; }
.results-hero-badge { display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);padding:6px 20px;border-radius:30px;font-size:13px;font-weight:700;letter-spacing:1.5px;margin-bottom:20px; }
.results-hero-badge svg { color:#60a5fa;margin-right:2px; }
.results-hero-title { font-size:46px;font-weight:800;margin:0 0 8px;letter-spacing:1px;text-transform:uppercase; }
.results-hero-subtitle { font-size:22px;font-weight:600;color:rgba(255,255,255,0.8);margin:0 0 16px; }
.results-hero-accent { width:70px;height:3px;background:#60a5fa;margin:0 auto 18px;border-radius:2px; }
.results-hero-desc { font-size:16px;color:rgba(255,255,255,0.75);font-style:italic; }

.results-section-header { display:flex;align-items:center;gap:12px;margin-bottom:20px; }
.results-section-bar { width:5px;height:36px;border-radius:3px;flex-shrink:0; }
.results-section-bar.blue-grad { background:linear-gradient(180deg,#1a2744,#60a5fa); }
.results-section-bar.orange-grad { background:linear-gradient(180deg,#e07820,#f0c040); }
.results-section-bar.purple-grad { background:linear-gradient(180deg,#9333ea,#7c3aed); }
.results-section-title { font-size:26px;font-weight:800;color:var(--navy);margin:0; }

.results-highlights-card { background: linear-gradient(135deg, #fcfaf8 0%, #f4f6fb 100%); border-radius: 14px; padding: 25px 30px; box-shadow: 0 4px 20px rgba(26,39,68,0.06); border: 1px solid #eef2f7; margin-bottom: 40px; }
.results-highlights-title { font-size: 20px; font-weight: 800; color: var(--navy); margin: 0 0 20px; display: flex; align-items: center; gap: 8px; }
.results-highlights-list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 15px; }
.results-highlights-item { display: flex; align-items: flex-start; gap: 10px; font-size: 15px; color: #444; line-height: 1.6; }
.results-highlights-icon { color: var(--green); font-size: 18px; margin-top: -2px; }

.results-single-topper-frame { background:white;border-radius:14px;padding:10px;box-shadow:0 4px 20px rgba(26,39,68,0.07);margin:0 auto 40px auto;max-width:380px;border:1px solid #eef2f7;text-align:center; }
.results-single-topper-frame img { width:100%;height:auto;border-radius:8px;display:block; }

.results-stream-title { font-size:19px;font-weight:800;color:var(--navy);margin:20px 0 15px;display:inline-flex;align-items:center;gap:8px; }
.results-topper-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px; }
.results-topper-grid.cols-4 { grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); }
.results-topper-card { background:white;border-radius:14px;padding:15px;box-shadow:0 4px 20px rgba(26,39,68,0.07);border:1px solid #eef2f7;text-align:center; }
.results-topper-card img { max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,0.05); }

.results-comp-subtitle { font-size:16px;font-weight:600;color:var(--orange);margin-bottom:25px;margin-left:17px;display:flex;align-items:center;gap:8px;flex-wrap:wrap; }
.results-comp-badge { background:var(--navy);color:white;padding:2px 8px;border-radius:4px;font-size:13px; }

.results-legacy-box { background:white;border-radius:14px;padding:20px;box-shadow:0 4px 20px rgba(26,39,68,0.07);margin-bottom:28px;border:1px solid #eef2f7; }
.results-legacy-title { font-size:17px;font-weight:800;color:var(--navy);margin:0 0 18px;border-bottom:2px solid #eef2f7;padding-bottom:10px;display:inline-flex;align-items:center;gap:8px; }
.results-legacy-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:10px; }
.results-legacy-card { background:white;border-radius:12px;padding:8px;box-shadow:0 4px 20px rgba(26,39,68,0.05);border:1px solid #eef2f7;text-align:center; }
.results-legacy-card img { width:100%;height:auto;border-radius:8px;display:block; }

.results-stats-section-title { display:flex;align-items:center;gap:12px;justify-content:center;margin-bottom:8px; }
.results-stats-section-line { width:40px;height:3px;background:#1a2744;border-radius:2px; }
.results-stats-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:20px;margin-bottom:55px; }
.results-stats-card { background:white;border-radius:14px;padding:28px 16px;text-align:center;box-shadow:0 4px 20px rgba(26,39,68,0.08); }
.results-stats-card.border-navy { border-top:4px solid #1a2744; }
.results-stats-card.border-orange { border-top:4px solid #e07820; }
.results-stats-card.border-blue { border-top:4px solid #2563eb; }
.results-stats-card.border-green { border-top:4px solid #1e6b3a; }
.results-stats-card.border-purple { border-top:4px solid #9333ea; }
.results-stats-icon-wrap { margin-bottom:12px;display:flex;justify-content:center; }
.results-stats-icon-wrap.color-yellow { color:#f59e0b; }
.results-stats-icon-wrap.color-orange { color:#e07820; }
.results-stats-icon-wrap.color-blue { color:#2563eb; }
.results-stats-icon-wrap.color-green { color:#1e6b3a; }
.results-stats-icon-wrap.color-purple { color:#9333ea; }
.results-stats-number { font-size:32px;font-weight:800; }
.results-stats-number.color-navy { color:var(--navy); }
.results-stats-number.color-orange { color:#e07820; }
.results-stats-number.color-blue { color:#2563eb; }
.results-stats-number.color-green { color:#1e6b3a; }
.results-stats-number.color-purple { color:#9333ea; }
.results-stats-label { font-size:13px;color:#666;font-weight:600;margin-top:4px; }

.results-footer-cta { background:linear-gradient(135deg,#1a2744,#1a3a6b);border-radius:14px;padding:48px 40px;text-align:center;color:white;margin-bottom:40px; }
.results-footer-cta-icon-wrap { margin-bottom:14px;display:flex;justify-content:center;color:#60a5fa; }
.results-footer-cta-title { font-size:26px;font-weight:800;margin:0 0 10px; }
.results-footer-cta-desc { font-size:16px;color:rgba(255,255,255,0.75);margin:0 0 28px; }
.results-footer-cta-btn-row { display:flex;justify-content:center;gap:16px;flex-wrap:wrap; }
.results-footer-cta-btn-call { display:inline-flex;align-items:center;gap:8px;background:#e07820;color:white;padding:13px 28px;border-radius:8px;font-weight:700;font-size:15px;text-decoration:none; }
.results-footer-cta-btn-back { background:rgba(255,255,255,0.15);color:white;border:1.5px solid rgba(255,255,255,0.4);box-shadow:none;margin-top:0; }

/* GALLERY PAGE STYLES */
.gallery-wrapper { background-color: #fdfbf7; padding: 40px 0; }
.coaching-footer-icon-wrap { display:flex;justify-content:center;margin-bottom:15px; }
.coaching-footer-icon { width:68px;height:68px;background:linear-gradient(135deg,#7B1C1C,#5a1212);border-radius:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(123,28,28,0.4); }
.coaching-footer-title { font-size: 28px; font-weight: 800; color: var(--navy); margin-bottom: 12px; }
.coaching-footer-subtitle { font-size: 18px; color: #7B1C1C; font-weight: 700; margin: 0 0 8px; }
.coaching-footer-desc { font-size: 15px; color: #666; margin: 0 auto 30px; max-width: 600px; line-height: 1.6; }
.gap25 { gap: 25px !important; }
.gap40 { gap: 40px !important; }
.relative-z2 { position: relative; z-index: 2; }

/* QUALIFICATION LABELS */
.message-author-qual { font-size: 14px; font-weight: 600; color: rgba(255,255,255,0.85); margin-top: -6px; margin-bottom: 8px; letter-spacing: 0.5px; }
.message-signature-qual { font-size: 13.5px; font-weight: 700; margin-top: 1px; margin-bottom: 4px; letter-spacing: 0.5px; }