/* ============================================================
   VGU – Vivekananda Global University
   Main Stylesheet — vgu.css
   Link on every page:
   <link rel="stylesheet" href="<?php echo \$base_url; ?>assets/css/vgu.css">
============================================================ */

/* ══════════════════════════════════════════════
       ROOT & RESET
    ══════════════════════════════════════════════ */
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    :root {
      /* ── VGU Brand Colors ── */
      --cu-red:    #C04036;       /* VGU Red / Dark Red */
      --cu-red2:   #d94840;       /* VGU Red lighter hover */
      --cu-dark:   #262626;       /* VGU Black */
      --cu-navy:   #262626;       /* Use VGU Black for dark sections */
      --cu-gold:   #FFA412;       /* VGU Yellow */
      --cu-gold2:  linear-gradient(135deg, #f5d020 0%, #FFA412 40%, #c87020 100%); /* VGU Gold Gradient */
      --cu-beige:  #F4D7C1;       /* VGU Beige */
      --cu-white:  #FFFFFF;
      --cu-off:    #F3F2F1;       /* VGU Limestone */
      --cu-grey:   #676767;       /* VGU Grey */
      --cu-lgrey:  #B5B5B5;       /* VGU Light Grey */
      --cu-border: #E5E5E5;       /* VGU Granite */
      /* ── VGU Brand Fonts ── */
      --font-head: 'Nunito Sans', sans-serif;   /* Proxima Nova equivalent – headlines */
      --font-body: 'Nunito', sans-serif;        /* Avenir equivalent – body text */
      --radius: 12px;
      --shadow: 0 8px 40px rgba(0,0,0,0.10);
    }

    html { scroll-behavior: smooth;  overflow-x: hidden; }
    body { font-family: var(--font-body); background: var(--cu-white); color: var(--cu-dark); letter-spacing: 0.01em; }

    a { text-decoration: none; color: inherit; }
    img { display: block; max-width: 100%; }
    button { cursor: pointer; border: none; background: none; font-family: var(--font-body); }
    
    .lg-only{
        display:block;
    }
    .sm-only{
        display:none;
    }
    /* ══════════════════════════════════════════════
       UTILITY
    ══════════════════════════════════════════════ */
    .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
    .tag {
      display: inline-flex; align-items: center; gap: 6px;
      background: rgba(192,64,54,0.08);
      color: var(--cu-red); font-size: 11px; font-weight: 500;
      letter-spacing: 1px; text-transform: uppercase;
      padding: 5px 12px; border-radius: 20px;
    }
    .tag::before { content: ''; width: 6px; height: 6px; background: var(--cu-red); border-radius: 50%; }

    .section-head { text-align: center; margin-bottom: 56px; }
    .section-head h2 {
      font-family: var(--font-head);
      font-size: clamp(28px, 4vw, 44px);
      font-weight: 800; line-height: 1.15;
      color: var(--cu-dark); margin-top: 12px;
    }
    .section-head h2 em { color: var(--cu-red); font-style: normal; }
    .section-head p { margin-top: 14px; color: var(--cu-grey); font-size: 16px; max-width: 560px; margin-left: auto; margin-right: auto; line-height: 1.6; }

    /* ══════════════════════════════════════════════
       TOP UTILITY BAR (Row 1)
    ══════════════════════════════════════════════ */
    .topbar {
      background: #fff;
      border-bottom: 1px solid var(--cu-border);
      font-size: 12.5px;
      color: var(--cu-grey);
      padding: 7px 0;
      position: relative; z-index: 1002;
    }
    .topbar-inner {
      display: flex; align-items: center; justify-content: space-between;
    }
    .topbar-marquee {
      flex: 1; overflow: hidden; position: relative; margin-right: 24px;
    }
    .topbar-marquee::before, .topbar-marquee::after {
      content: ''; position: absolute; top: 0; bottom: 0; width: 40px; z-index: 2;
    }
    .topbar-marquee::before { left: 0; background: linear-gradient(to right, #fff, transparent); }
    .topbar-marquee::after  { right: 0; background: linear-gradient(to left, #fff, transparent); }
    .topbar-ticker {
      display: flex; gap: 0; white-space: nowrap;
      animation: ticker 35s linear infinite;
      width: max-content;
    }
    .topbar-ticker span { padding: 0 48px; color: var(--cu-dark); font-weight: 500; font-size: 12.5px; }
    .topbar-ticker .register-btn {
      background: var(--cu-dark); color: #fff;
      padding: 3px 10px; border-radius: 3px;
      font-size: 11px; font-weight: 700; letter-spacing: 0.4px;
      margin-left: 8px; vertical-align: middle;
      display: inline-block;
    }
    @keyframes ticker { from { transform: translateX(0); } to { transform: translateX(-50%); } }

    .topbar-icons {
      display: flex; align-items: center; gap: 16px; flex-shrink: 0;
    }
    .topbar-icon-item {
      display: flex; align-items: center; gap: 5px;
      font-size: 12px; font-weight: 500; color: #555;
      cursor: pointer; transition: color 0.15s; white-space: nowrap;
    }
    .topbar-icon-item:hover { color: var(--cu-red); }
    .topbar-icon-item svg { width: 15px; height: 15px; flex-shrink: 0; }
    .topbar-divider { width: 1px; height: 16px; background: var(--cu-border); }
    .topbar-social { display: flex; align-items: center; gap: 10px; }
    .topbar-social a {
      width: 24px; height: 24px; border-radius: 50%;
      display: flex; align-items: center; justify-content: center;
      font-size: 11px; font-weight: 700; color: #555;
      transition: all 0.15s;
    }
    .topbar-social a:hover { color: var(--cu-red); }
    .topbar-search {
      display: flex; align-items: center; gap: 5px;
      font-size: 12px; font-weight: 600; color: #555;
      cursor: pointer; padding: 0 8px;
    }

    /* ══════════════════════════════════════════════
       MIDDLE NAVBAR (Row 2) – Logo + Secondary Nav + Helpline
    ══════════════════════════════════════════════ */
    .navbar-mid {
      background: #fff;
      border-bottom: 1px solid var(--cu-border);
      position: sticky; top: 0; z-index: 1001;
      box-shadow: 0 2px 12px rgba(0,0,0,0.06);
      overflow: visible;
    }
    .navbar-mid-inner {
      display: flex; align-items: stretch;
      height: 70px; gap: 0;
      max-width: 100%; margin: 0; padding: 0;
    }

    /* Logo */
    .nav-logo {
      display: flex; align-items: center; gap: 12px;
      flex-shrink: 0; padding: 8px 20px 8px 24px;
      text-decoration: none;
    }
    .nav-logo-icon {
      width: 162px; height: auto;
      /* background: linear-gradient(135deg, #f5d020 0%, #FFA412 50%, #c87020 100%); */
      border-radius: 8px;
      display: flex; align-items: center; justify-content: center;
      font-family: var(--font-head); font-weight: 900; color: #fff;
      font-size: 17px; letter-spacing: -0.5px; flex-shrink: 0;
    }
    .nav-logo-icon img {
      width: 162px; height: auto;
      object-fit: contain; display: block;
    }
    .nav-logo-text { display: flex; flex-direction: column; line-height: 1.1; }
    .nav-logo-text .nl-top {
      font-family: var(--font-head); font-weight: 900;
      font-size: 21px; color: var(--cu-red); letter-spacing: -0.3px;
      line-height: 1;
    }
    .nav-logo-text .nl-bottom {
      font-family: var(--font-head); font-weight: 800;
      font-size: 16px; color: var(--cu-dark); letter-spacing: -0.2px;
    }
    .nav-logo-text .nl-tagline {
      font-size: 10px; color: var(--cu-grey); font-style: italic;
      font-weight: 400; margin-top: 3px;
    }

    /* Featured Pill (AI FEST style) */
    .nav-feat-pill {
      background: linear-gradient(135deg, #C04036, #8a2010);
      color: #fff; padding: 0 18px;
      font-size: 13px; font-weight: 800; font-family: var(--font-head);
      white-space: nowrap; flex-shrink: 0;
      letter-spacing: 0.3px; margin-right: 8px;
      display: flex; align-items: center; gap: 6px;
      border-radius: 6px;
      box-shadow: 0 4px 14px rgba(192,64,54,0.4);
      animation: featPulse 2.5s ease-in-out infinite;
    }
    @keyframes featPulse {
      0%,100% { box-shadow: 0 4px 14px rgba(192,64,54,0.35); }
      50%      { box-shadow: 0 4px 24px rgba(192,64,54,0.65); }
    }

    /* Secondary links */
    .nav-secondary {
      display: flex; align-items: center; gap: 0;
      flex: 1;
    }
    .nav-secondary a {
      font-size: 12px; font-weight: 600; color: #444;
      padding: 0 11px; height: 100%;
      display: flex; align-items: center;
      transition: all 0.18s; white-space: nowrap;
      font-family: var(--font-head);
      border-bottom: 2px solid transparent;
    }
    .nav-secondary a:hover { color: var(--cu-red); border-bottom-color: var(--cu-red); background: rgba(192,64,54,0.04); }

    /* Admission Helpline — flush right, full height */
    .nav-helpline {
      background: var(--cu-red);
      color: #fff;
      display: flex; align-items: center; gap: 10px;
      padding: 0 20px;
      flex-shrink: 0; cursor: pointer;
      transition: background 0.2s;
      margin-left: auto;
      min-width: 200px;
    }
    .nav-helpline:hover { background: var(--cu-red2); }
    .nav-helpline .hl-phone-icon {
      width: 36px; height: 36px; border-radius: 50%;
      background: rgba(255,255,255,0.2);
      display: flex; align-items: center; justify-content: center;
      flex-shrink: 0;
    }
    .nav-helpline .hl-phone-icon svg { width: 18px; height: 18px; }
    .nav-helpline-text { line-height: 1.25; flex: 1; }
    .nav-helpline-text .hl-label {
      font-size: 10px; font-weight: 600; opacity: 0.9;
      letter-spacing: 0.5px; display: block; text-transform: uppercase;
    }
    .nav-helpline-text .hl-number {
      font-family: var(--font-head); font-weight: 900;
      font-size: 18px; letter-spacing: -0.5px; display: block;
      line-height: 1;
    }
    /* Hamburger inside helpline */
    .nav-hamburger {
      width: 34px; height: 34px; border-radius: 5px;
      background: rgba(255,255,255,0.15);
      display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px;
      cursor: pointer; flex-shrink: 0;
      border: 1px solid rgba(255,255,255,0.25);
    }
    .nav-hamburger span { width: 16px; height: 2px; background: #fff; border-radius: 2px; display: block; }

    /* Search icon */
    .nav-search {
      width: 44px; height: 100%; flex-shrink: 0;
      display: flex; align-items: center; justify-content: center;
      cursor: pointer; color: #555; border-left: 1px solid var(--cu-border);
    }
    .nav-search:hover { color: var(--cu-red); background: rgba(192,64,54,0.04); }

    /* ══════════════════════════════════════════════
       MEGA-NAV BAR (Row 3)
    ══════════════════════════════════════════════ */
    .sticky-nav-wrapper{position: sticky; top: 0; z-index: 1001;}
    .navbar-mega-wrap { z-index: 1000; }
    .navbar-mega {
      background: #1a1a1a;
      border-bottom: 3px solid var(--cu-red);
      position: sticky; top: 70px; z-index: 1000;
    }
    .navbar-mega-inner {
      display: flex; align-items: stretch;justify-content: center;
      width: 100%; padding: 0 16px;
      position: relative;
    }
    .mega-tab {
      display: flex; align-items: center; gap: 5px;
      padding: 14px 15px; font-size: 14px; font-weight: 800;
      font-family: var(--font-head); color: #bbb;
      cursor: pointer; border-bottom: 3px solid transparent;
      margin-bottom: -3px; transition: all 0.18s; white-space: nowrap;
      letter-spacing: 0.6px; text-transform: uppercase;
    }
    .mega-tab:hover, .mega-item:hover .mega-tab {
      color: #fff; border-bottom-color: var(--cu-red);
      background: rgba(255,255,255,0.07);
    }
    .mega-tab svg { width: 10px; height: 10px; opacity: 0.5; transition: transform 0.2s; flex-shrink:0; }
    .mega-item:hover .mega-tab svg { transform: rotate(180deg); opacity: 1; }

    /* ── MEGA PANEL ── */
    .mega-item { position: static; }
    .mega-panel {
      display: none;
      position: absolute; 
      width: max-content;
      max-width: calc(100vw - 40px); /* prevent overflow */
      box-sizing: border-box;
      top: 100%;
      background: #fff;
      border-top: 3px solid var(--cu-red);
      box-shadow: 0 24px 64px rgba(0,0,0,0.20);
      z-index: 9999;
      animation: dropIn 0.15s ease;
      max-height: 80vh; overflow-y: auto;
    }
    .right-0{
        right:0 !important;
    }
    .left-0{
        left:0 !important;
    }
    @keyframes dropIn {
      from { opacity:0; transform:translateY(-6px); }
      to   { opacity:1; transform:translateY(0); }
    }
    .mega-item:hover .mega-panel { display: flex; }
    .mega-panel-body {
      flex: 1; padding: 28px 36px;
      display: flex; gap: 0; flex-wrap: wrap; min-width: 0;
    }

    /* ── ABOUT / STANDARD dropdown – 2 col + promo ── */
    .mp-col {
      flex: 1; padding: 0 24px 0 0; border-right: 1px solid #eee;
      min-width: 200px;
    }
    .mp-col:last-of-type { border-right: none; }
    .mp-col-title {
      font-family: var(--font-head); font-weight: 900; font-size: 11px;
      letter-spacing: 1.5px; text-transform: uppercase;
      color: #999; margin-bottom: 14px; padding-bottom: 8px;
      border-bottom: 2px solid var(--cu-red);
      display: inline-block;
    }
    .mp-col a {
      display: block; font-size: 13px; font-weight: 500;
      color: #333; padding: 6px 0; transition: all 0.15s;
      font-family: var(--font-body); border-bottom: 1px solid transparent;
    }
    .mp-col a:hover { color: var(--cu-red); padding-left: 8px; }

    /* ── PROMO PANEL (right side) ── */
    .mp-promo {
      width: 280px; flex-shrink: 0;
      background: #1a1a1a;
      border-radius: 0; position: relative; overflow: hidden;
      padding: 28px 24px;
      display: flex; flex-direction: column; justify-content: space-between;
    }
    .mp-promo-title {
      font-family: var(--font-head); font-weight: 700; font-size: 16px;
      color: #fff; line-height: 1.3;
    }
    .mp-promo-title em { color: var(--cu-red); font-style: normal; font-weight: 900; display: block; font-size: 20px; }
    .mp-stat {
      background: var(--cu-red); border-radius: 6px;
      padding: 12px 14px; margin-top: 10px;
      color: #fff;
    }
    .mp-stat .ms-val {
      font-family: var(--font-head); font-weight: 900; font-size: 26px;
      line-height: 1; color: #fff;
    }
    .mp-stat .ms-label { font-size: 10px; font-weight: 600; opacity: 0.85; letter-spacing: 0.5px; text-transform: uppercase; }
    .mp-stat .ms-sub { font-size: 11px; opacity: 0.7; margin-top: 3px; }
    .mp-stat.dark { background: #262626; }
    .mp-stat.gold { background: #FFA412; }
    .mp-stat.gold .ms-val, .mp-stat.gold .ms-label, .mp-stat.gold .ms-sub { color: #1a1a1a; }
    .mp-promo-photo {
      position: absolute; bottom: 0; right: 0;
      width: 120px; opacity: 0.25;
      font-size: 80px; text-align: center; line-height: 1;
    }

    /* ── PROGRAMS mega dropdown – 4 col wide ── */
    .mega-panel.wide .mega-panel-body { flex-wrap: wrap; gap: 0; }
    .mp-section-head {
      width: 100%; font-family: var(--font-head); font-weight: 900;
      font-size: 11px; letter-spacing: 2px; text-transform: uppercase;
      color: #999; padding: 0 0 10px 0; margin-bottom: 0;
      border-bottom: 2px solid var(--cu-red);
      display: flex; align-items: center; gap: 8px;
    }
    .mp-section-head .sh-badge {
      background: var(--cu-red); color: #fff;
      font-size: 9px; padding: 2px 7px; border-radius: 3px;
    }
    .mp-programs-grid {
      display: grid; grid-template-columns: repeat(4, 1fr);
      gap: 0; width: 100%; padding: 20px 0 8px;
      border-bottom: 1px solid #eee;
    }
    .mp-prog-col { padding: 0 20px 0 0; }
    .mp-prog-col a {
      display: block; font-size: 12.5px; font-weight: 400;
      color: #333; padding: 5px 0; transition: all 0.15s;
      font-family: var(--font-body); line-height: 1.4;
    }
    .mp-prog-col a:hover { color: var(--cu-red); padding-left: 6px; }
    .mp-prog-col a .co-brand {
      font-weight: 700; font-size: 10px;
      color: var(--cu-red); margin-left: 4px;
    }
    .mp-footer-row {
      display: flex; gap: 40px; padding-top: 16px; width: 100%;
    }
    .mp-footer-col { flex: 1; }
    .mp-footer-col .mp-section-head { font-size: 10px; }
    .mp-footer-col .mp-prog-col { padding: 8px 0 0; }
    .mp-footer-col .mp-prog-col a { display: inline-block; margin-right: 20px; }

    /* ── ICON GRID in promo (Image 2 style) ── */
    .mp-icon-grid {
      display: grid; grid-template-columns: 1fr 1fr; gap: 2px;
      margin-top: 14px;
    }
    .mp-icon-cell {
      background: var(--cu-red); padding: 16px 12px;
      text-align: center; cursor: pointer; transition: background 0.2s;
    }
    .mp-icon-cell:nth-child(even) { background: #c83020; }
    .mp-icon-cell:hover { background: #a02010; }
    .mp-icon-cell .ic-emoji { font-size: 22px; display: block; }
    .mp-icon-cell .ic-label {
      font-size: 11px; color: #fff; font-weight: 600;
      margin-top: 6px; font-family: var(--font-head);
    }

    /* ── Buttons (used in hero / CTAs) ── */
    .btn { display: inline-flex; align-items: center; gap: 7px; padding: 10px 22px; border-radius: 8px; font-size: 14px; font-weight: 600; font-family: var(--font-head); transition: all 0.22s; }
    .btn-outline { border: 1.5px solid var(--cu-red); color: var(--cu-red); }
    .btn-outline:hover { background: var(--cu-red); color: #fff; }
    .btn-solid { background: var(--cu-red); color: #fff; }
    .btn-solid:hover { background: var(--cu-red2); transform: translateY(-1px); box-shadow: 0 6px 20px rgba(192,64,54,0.35); }

    /* ══════════════════════════════════════════════
       HERO
    ══════════════════════════════════════════════ */
    .hero {
      min-height: 90vh;
      background: #1C1008;
      position: relative;
      display: flex; align-items: center;
      overflow: hidden;
    }
    .hero-bg {
      position: absolute; inset: 0;
      /* background:
        radial-gradient(ellipse 60% 80% at 80% 50%, rgba(192,64,54,0.22) 0%, transparent 70%),
        radial-gradient(ellipse 40% 60% at 20% 80%, rgba(255,164,18,0.12) 0%, transparent 60%); */
    }
    /* Grid overlay */
    /*.hero-bg::after {*/
    /*  content: '';*/
    /*  position: absolute; inset: 0;*/
    /*  background-image:*/
    /*    linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),*/
    /*    linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);*/
    /*  background-size: 60px 60px;*/
    /*}*/
    /* Big decorative text */
    .hero-deco {
      position: absolute; right: -40px; top: 50%; transform: translateY(-50%);
      font-family: var(--font-head); font-weight: 800; font-size: 220px;
      color: rgba(255,255,255,0.055); line-height: 1; user-select: none;
      white-space: nowrap;
    }

    .hero-content {
      position: relative; z-index: 2;
      display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center;
      padding: 80px 0;
    }
    .hero-left { color: #fff; }
    .hero-left .tag { background: rgba(192,64,54,0.25); color: #ff8a93; margin-bottom: 24px; }
    .hero-left h1 {
      font-family: var(--font-head); font-weight: 700;
      font-size: clamp(36px, 5.5vw, 48px); line-height: 1.09;
      letter-spacing: -1px;
    }
    .hero-left h1 em { color: var(--cu-red2); font-style: normal; display: block; }
    .hero-left p {
      margin-top: 22px; font-size: 16px; line-height: 1.7;
      color: rgba(255,255,255,0.65); max-width: 460px;
    }
    .hero-actions { display: flex; gap: 12px; margin-top: 36px; flex-wrap: wrap; }
    .hero-actions .btn-solid { padding: 14px 30px; font-size: 15px; }
    .hero-actions .btn-outline { border-color: rgba(255,255,255,0.3); color: rgba(255,255,255,0.85); padding: 14px 30px; font-size: 15px; }
    .hero-actions .btn-outline:hover { background: rgba(255,255,255,0.1); }

    .hero-badges {
      display: flex; gap: 16px; margin-top: 44px; flex-wrap: wrap;
    }
    .hero-badge {
      background: rgba(255,255,255,0.07);
      border: 1px solid rgba(255,255,255,0.12);
      border-radius: 10px; padding: 12px 18px;
      display: flex; flex-direction: column; align-items: center;
    }
    .hero-badge strong { font-family: var(--font-head); font-weight: 800; font-size: 22px; color: #fff; }
    .hero-badge span { font-size: 11px; color: rgba(255,255,255,0.5); text-align: center; margin-top: 2px; }

    /* Right side - card stack */
    .hero-right { position: relative; }
    .hero-card-main {
      background: rgba(255,255,255,0.07);
      border: 1px solid rgba(255,255,255,0.12);
      border-top: 3px solid #FFA412;
      border-radius: 20px; padding: 32px;
      backdrop-filter: blur(10px);
    }
    .hero-card-main .big-rank {
      font-family: var(--font-head); font-weight: 800;
      font-size: 72px; line-height: 1;
      background: linear-gradient(135deg, #fff 40%, rgba(255,255,255,0.5));
      -webkit-background-clip: text; -webkit-text-fill-color: transparent;
    }
    .hero-card-main .rank-desc { color: rgba(255,255,255,0.6); font-size: 14px; margin-top: 6px; }
    .hero-card-main .rank-org { color: var(--cu-gold); font-weight: 700; font-size: 15px; margin-top: 4px; }

    .hero-mini-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 16px; }
    .hero-mini {
      background: rgba(255,255,255,0.04);
      border: 1px solid rgba(255,255,255,0.08);
      border-radius: 12px; padding: 16px;
    }
    .hero-mini .val { font-family: var(--font-head); font-weight: 800; font-size: 26px; color: #fff; }
    .hero-mini .val sub { font-size: 12px; }
    .hero-mini .lbl { font-size: 11px; color: rgba(255,255,255,0.45); margin-top: 3px; }
    .hero-mini.accent { background: rgba(192,64,54,0.2); border-color: rgba(192,64,54,0.4); }
    .hero-mini.accent .val { color: #ff8a93; }

    /* Floating badges */
    .float-badge {
      position: absolute;
      background: linear-gradient(135deg, #f5d020 0%, #FFA412 100%); color: #1C1008;
      border-radius: 50px; padding: 8px 16px;
      font-size: 12px; font-weight: 700;
      box-shadow: 0 8px 24px rgba(0,0,0,0.3);
      display: flex; align-items: center; gap: 6px;
      white-space: nowrap;
    }
    .float-badge.fb1 { top: -18px; right: 30px; animation: floatUD 3s ease-in-out infinite; z-index:1; }
    .float-badge.fb2 { bottom: 0px; left: -20px; animation: floatUD 3s ease-in-out infinite reverse; }
    @keyframes floatUD { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }

    /* ══════════════════════════════════════════════
       STATS BAR
    ══════════════════════════════════════════════ */
    .stats-bar {
      background: var(--cu-red);
      padding: 32px 0;
    }
    .stats-bar-inner {
      display: grid; grid-template-columns: repeat(5, 1fr);
      gap: 0;
    }
    .stat-item {
      text-align: center; color: #fff;
      padding: 12px 16px;
      border-right: 1px solid rgba(255,255,255,0.2);
    }
    .stat-item:last-child { border-right: none; }
    .stat-item .num {
      font-family: var(--font-head); font-weight: 800;
      font-size: clamp(22px, 3vw, 36px); line-height: 1;
    }
    .stat-item .lbl { font-size: 12px; opacity: 0.8; margin-top: 6px; font-weight: 400; }

    /* ══════════════════════════════════════════════
       RANKINGS SECTION
    ══════════════════════════════════════════════ */
    .rankings-section { padding: 90px 0; background: #fff; }
    .rankings-grid {
      display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;
    }
    .rank-card {
      background: var(--cu-white);
      border-radius: var(--radius);
      padding: 15px;
      border: 1px solid var(--cu-border);
      transition: all 0.25s;
      position: relative;
      overflow: hidden;
    }
    .rank-slide-item{
        display:flex;
        flex-direction:column;
        align-items:center;
        transition: transform 0.3s;
    }
   .rank-slide-item:hover { transform: translateY(-4px); box-shadow: var(--shadow); }
    .rank-card::before {
      content: '';
      position: absolute; top: 0; left: 0; right: 0;
      height: 3px; background: var(--cu-red);
      transform: scaleX(0); transform-origin: left;
      transition: transform 0.3s;
    }
    .rank-card:hover::before { transform: scaleX(1); }
    .rank-card:hover { transform: translateY(-4px); box-shadow: var(--shadow); }
    .rank-card .rc-org {
      font-size: 11px; font-weight: 700; text-transform: uppercase;
      letter-spacing: 1px; color: var(--cu-grey);
    }
    .rank-card .rc-val {
      font-family: var(--font-head); font-weight: 800;
      font-size: 44px; color: var(--cu-red); line-height: 1;
      margin: 10px 0 4px;
    }
    .rank-img { height:auto; width:150px; }
    .rc-label { font-size: 18px; color: var(--cu-dark); text-align:center; font-weight: 700; margin-top:5px;}
    .rank-card .rc-label { font-size: 18px; color: var(--cu-dark); text-align:center; font-weight: 700; }
    .rank-card .rc-year { font-size: 12px; color: var(--cu-grey); margin-top: 4px; }
    .rank-card.featured { background: #1C1008; border-color: var(--cu-navy); }
    .rank-card.featured .rc-org { color: rgba(255,255,255,0.5); }
    .rank-card.featured .rc-val { color: var(--cu-gold); }
    .rank-card.featured .rc-label { color: #fff; }
    .rank-card.featured .rc-year { color: rgba(255,255,255,0.4); }

    /* ══════════════════════════════════════════════
       PROGRAMS
    ══════════════════════════════════════════════ */
    .programs-section { padding: 90px 0; }
    .programs-tabs {
      display: flex; gap: 8px; justify-content: center;
      flex-wrap: wrap; margin-bottom: 48px;
    }
    .ptab {
      padding: 9px 22px; border-radius: 50px;
      font-size: 14px; font-weight: 500; cursor: pointer;
      border: 1.5px solid var(--cu-border);
      background: var(--cu-white); color: #555;
      transition: all 0.2s;
    }
    .ptab.active, .ptab:hover { background: var(--cu-red); color: #fff; font-family: var(--font-head); border-color: var(--cu-red); }

    .programs-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
    .prog-card {
      border-radius: var(--radius);
      overflow: hidden;
      border: 1px solid var(--cu-border);
      transition: all 0.25s;
      background: var(--cu-white);
    }
    .prog-card:hover { transform: translateY(-4px); box-shadow: var(--shadow); }
    .prog-card-header {
      padding: 28px 24px 20px;
      position: relative;
    }
    .prog-card-header .icon {
      width: 48px; height: 48px; border-radius: 12px;
      display: flex; align-items: center; justify-content: center;
      font-size: 22px; margin-bottom: 16px;
    }
    .prog-card-header h3 { font-family: var(--font-head); font-weight: 700; font-size: 18px; }
    .prog-card-header p { font-size: 13px; color: var(--cu-grey); margin-top: 6px; line-height: 1.5; }
    .prog-card-footer {
      padding: 16px 24px;
      border-top: 1px solid var(--cu-border);
      display: flex; justify-content: space-between; align-items: center;
    }
    .prog-card-footer .courses { font-size: 12px; color: var(--cu-grey); }
    .prog-card-footer .courses strong { color: var(--cu-dark); font-weight: 700; }
    .prog-card-footer a {
      font-size: 13px; font-weight: 600; color: var(--cu-red);
      display: flex; align-items: center; gap: 4px;
    }

    /* color sets */
    .prog-card:nth-child(1) .prog-card-header { background: #FFF5F5; }
    .prog-card:nth-child(1) .icon { background: rgba(192,64,54,0.12); }
    .prog-card:nth-child(2) .prog-card-header { background: #F0F7FF; }
    .prog-card:nth-child(2) .icon { background: rgba(14,80,180,0.10); }
    .prog-card:nth-child(3) .prog-card-header { background: #FFF9EE; }
    .prog-card:nth-child(3) .icon { background: rgba(232,160,32,0.15); }
    .prog-card:nth-child(4) .prog-card-header { background: #F2FFF5; }
    .prog-card:nth-child(4) .icon { background: rgba(34,160,74,0.12); }
    .prog-card:nth-child(5) .prog-card-header { background: #F7F3FF; }
    .prog-card:nth-child(5) .icon { background: rgba(120,60,200,0.10); }
    .prog-card:nth-child(6) .prog-card-header { background: #FFF3F7; }
    .prog-card:nth-child(6) .icon { background: rgba(220,40,100,0.10); }

    /* ══════════════════════════════════════════════
       PLACEMENTS
    ══════════════════════════════════════════════ */

    .placements-section { 
      padding: 90px 0;
      background: linear-gradient(135deg, #1C1008 0%, #2a0a05 100%);
      position: relative; overflow: hidden;
    }
    .placements-section::before {
        content: '';
        position: absolute; top: -200px; right: -200px;
        width: 600px; height: 600px; border-radius: 50%;
        background: radial-gradient(circle, rgba(192,64,54,0.15) 0%, transparent 70%);
      }
      .placements-section .section-head h2 { color: #fff; }
    .placements-section .section-head p { color: rgba(255,255,255,0.5); }
    .placements-section .tag { background: rgba(192,64,54,0.25); color: #ff8a93; }

    .placements-top { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 48px; }
    .place-stat {
      background: rgba(255,255,255,0.05);
      border: 1px solid rgba(255,255,255,0.1);
      border-radius: var(--radius); padding: 28px 20px; text-align: center;
      transition: all 0.25s;
    }
    .place-stat:hover { background: rgba(192,64,54,0.15); border-color: rgba(192,64,54,0.3); }
    .place-stat .ps-val {
      font-family: var(--font-head); font-weight: 800;
      font-size: 36px; color: #fff; line-height: 1;
    }
    .place-stat .ps-val sub { font-size: 14px; font-weight: 600; }
    .place-stat .ps-lbl { color: rgba(255,255,255,0.5); font-size: 13px; margin-top: 8px; }

    /* Student placement cards */
    .student-placements { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
    .sp-card {
      border-radius: var(--radius); overflow: hidden;
      position: relative; height: 260px;
      cursor: pointer;
    }
    .sp-card .sp-bg { position: absolute; inset: 0; }
    .sp-card:nth-child(1) .sp-bg { background: linear-gradient(160deg, #C04036 0%, #7a1a14 100%); }
    .sp-card:nth-child(2) .sp-bg { background: linear-gradient(160deg, #262626 0%, #1a0a08 100%); }
    .sp-card:nth-child(3) .sp-bg { background: linear-gradient(160deg, #FFA412 0%, #c07a0a 100%); }
    .sp-overlay {
      position: absolute; inset: 0;
      background: linear-gradient(to top, rgba(0,0,0,0.75) 0%, transparent 50%);
    }
    .sp-content {
      position: absolute; inset: 0; padding: 20px;
      display: flex; flex-direction: column; justify-content: space-between;align-items:end;
    }
    .sp-content .company {
      font-family: var(--font-head); font-size: 18px; font-weight: 800;
      color: rgba(255,255,255,0.85); letter-spacing: -0.3px;
    }
    .sp-content .student-info { }
    .sp-content .sname {
      font-family: var(--font-head); font-size: 20px; font-weight: 800; color: #fff;
    }
    .sp-content .spack {
      font-family: var(--font-head); font-size: 24px; font-weight: 800;
      color: var(--cu-gold); margin-top: 4px;
    }
    .sp-content .scourse { font-size: 12px; color: rgba(255,255,255,0.6); margin-top: 2px; }

    /* Companies marquee */
    .companies-marquee { margin-top: 56px; }
    .companies-marquee h3 {
      text-align: center; font-family: var(--font-head); font-size: 20px; font-weight: 700;
      color: rgba(255,255,255,0.7); margin-bottom: 28px; letter-spacing: -0.3px;
    }
    .marquee-wrap { overflow: hidden; position: relative; }
    .marquee-wrap::before, .marquee-wrap::after {
      content: ''; position: absolute; top: 0; bottom: 0; width: 80px; z-index: 2;
    }
    .marquee-wrap::before { left: 0; background: linear-gradient(to right, var(--cu-dark), transparent); }
    .marquee-wrap::after  { right: 0; background: linear-gradient(to left,  var(--cu-dark), transparent); }
    .marquee-track {
      display: flex; gap: 40px; align-items: center;
      animation: slide 24s linear infinite;
      width: max-content;
    }
    @keyframes slide { from { transform: translateX(0); } to { transform: translateX(-50%); } }
    .co-logo {
      color: rgba(255,255,255,0.4); font-family: var(--font-head); font-weight: 700;
      font-size: 16px; letter-spacing: -0.3px; white-space: nowrap;
      transition: color 0.2s; user-select: none;
      border-radius:10px;
    }
    .co-logo:hover { color: rgba(255,255,255,0.9); }

    /* ══════════════════════════════════════════════
       CAMPUS LIFE
    ══════════════════════════════════════════════ */
    .campus-section { padding: 90px 0; background: var(--cu-off); }
    .campus-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; align-items: center; }
    .campus-left h2 {
      font-family: var(--font-head); font-weight: 800;
      font-size: clamp(28px, 4vw, 42px); line-height: 1.15; margin-top: 14px;
    }
    .campus-left h2 em { color: var(--cu-red); font-style: normal; }
    .campus-left p { color: var(--cu-grey); font-size: 15px; line-height: 1.7; margin-top: 16px; }
    .campus-features { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 32px; }
    .cf-item {
      background: var(--cu-white); border-radius: 10px; padding: 18px 16px;
      display: flex; gap: 14px; align-items: flex-start;
      border: 1px solid var(--cu-border); transition: all 0.2s;
    }
    .cf-item:hover { border-color: var(--cu-red); }
    .cf-item .cf-icon { font-size: 24px; flex-shrink: 0; }
    .cf-item h4 { font-family: var(--font-head); font-weight: 700; font-size: 14px; }
    .cf-item p { font-size: 12px; color: var(--cu-grey); margin-top: 3px; line-height: 1.4; }

    .campus-right { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
    .campus-img-placeholder {
      border-radius: 14px; overflow: hidden; position: relative;
    }
    .campus-img-placeholder .cip-inner {
      aspect-ratio: 1;
      display: flex; flex-direction: column; justify-content: flex-end;
      padding: 20px;
      color: #fff;
    }
    .cip-inner h4 { font-family: var(--font-head); font-weight: 700; font-size: 16px; }
    .cip-inner p { font-size: 12px; opacity: 0.75; margin-top: 3px; }
    .cip1 { background: linear-gradient(160deg, #C04036 0%, #7a1a14 100%); }
    .cip2 { background: linear-gradient(160deg, #262626 0%, #1a0a08 100%); }
    .cip3 { background: linear-gradient(160deg, #FFA412 0%, #c07a0a 100%); }
    .cip4 { background: linear-gradient(160deg, #F4D7C1 0%, #d4a080 100%); }
    /* .campus-img-placeholder:nth-child(1) { grid-column: span 2; }
    .campus-img-placeholder:nth-child(1) .cip-inner { aspect-ratio: 2/1; } */

    /* decorative dots */
    .dot-grid {
      position: absolute; bottom: 10px; right: 10px;
      display: grid; grid-template-columns: repeat(4,6px); gap: 4px;
    }
    .dot-grid span {
      width: 6px; height: 6px; border-radius: 50%;
      background: rgba(255,255,255,0.3); display: block;
    }

    /* ══════════════════════════════════════════════
       NEWS & EVENTS
    ══════════════════════════════════════════════ */
    .news-section { padding: 90px 0; }
    .news-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
    .news-card {
      border-radius: var(--radius); overflow: hidden;
      border: 1px solid var(--cu-border); transition: all 0.25s;
      background: var(--cu-white);
    }
    .news-card:hover { transform: translateY(-4px); box-shadow: var(--shadow); }
    .news-card-img {
      height: 260px; padding: 24px;
      display: flex; align-items: flex-start;
    }
    .news-card.featured .news-card-img { height: 260px; }
    .nc-tag {
      display: inline-flex; align-items: center; gap: 5px;
      background: rgba(255,255,255,0.9); color: var(--cu-red);
      font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px;
      padding: 4px 10px; border-radius: 20px;
    }
    .nc-bg1 { background: linear-gradient(135deg, #C04036 0%, #7a1a14 100%); }
    .nc-bg2 { background: linear-gradient(135deg, #262626 0%, #1a0a08 100%); }
    .nc-bg3 { background: linear-gradient(135deg, #FFA412 0%, #c07a0a 100%); }
    .news-card-body { padding: 20px; }
    .news-card-body .date { font-size: 12px; color: var(--cu-grey); }
    .news-card-body h3 { font-family: var(--font-head); font-weight: 700; font-size: 16px; margin-top: 8px; line-height: 1.3; }
    .news-card.featured .news-card-body h3 { font-size: 20px; }
    .news-card-body p { font-size: 13px; color: var(--cu-grey); margin-top: 8px; line-height: 1.5; }
    .news-card-body a { font-size: 13px; font-weight: 600; color: var(--cu-red); margin-top: 12px; display: inline-flex; align-items: center; gap: 4px; }
    .news-slider {
      width: 100%;
    }
    /* ══════════════════════════════════════════════
       ADMISSION FORM SECTION
    ══════════════════════════════════════════════ */
    .admission-section {
      padding: 90px 0;
      background: linear-gradient(135deg, #1C1008 0%, #2a0a05 100%);
      position: relative; overflow: hidden;
    }
    .admission-section::before {
      content: '';
      position: absolute; top: -200px; right: -200px;
      width: 600px; height: 600px; border-radius: 50%;
      background: radial-gradient(circle, rgba(192,64,54,0.15) 0%, transparent 70%);
    }
    .admission-inner {
      display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center;
      position: relative; z-index: 2;
    }
    .admission-left { color: #fff; }
    .admission-left h2 {
      font-family: var(--font-head); font-weight: 800;
      font-size: clamp(28px, 4vw, 42px); line-height: 1.15; margin-top: 14px;
    }
    .admission-left h2 em { color: var(--cu-gold); font-style: normal; }
    .admission-left p { color: rgba(255,255,255,0.55); font-size: 15px; line-height: 1.7; margin-top: 16px; }
    .admission-left .tag { background: rgba(192,64,54,0.25); color: #ff8a93; }
    .admission-checklist { margin-top: 28px; display: flex; flex-direction: column; gap: 12px; }
    .ac-item {
      display: flex; gap: 12px; align-items: flex-start;
      color: rgba(255,255,255,0.7); font-size: 14px;
    }
    .ac-item::before {
      content: '✓';
      width: 22px; height: 22px; border-radius: 50%;
      background: rgba(192,64,54,0.3); color: #ff8a93;
      font-size: 11px; font-weight: 800; flex-shrink: 0;
      display: flex; align-items: center; justify-content: center;
    }

    .admission-form {
      background: rgba(255,255,255,0.07);
      border: 1px solid rgba(255,255,255,0.12);
      border-radius: 20px; padding: 36px;
      backdrop-filter: blur(10px);
    }
    .admission-form h3 {
      font-family: var(--font-head); font-weight: 700; font-size: 22px;
      color: #fff; margin-bottom: 24px;
    }
    .form-group { margin-bottom: 16px; }
    .form-group label { display: block; font-size: 12px; font-weight: 600; color: rgba(255,255,255,0.5); margin-bottom: 6px; text-transform: uppercase; letter-spacing: 0.5px; }
    .form-group input, .form-group select {
      width: 100%; padding: 12px 16px; border-radius: 8px;
      background: rgba(255,255,255,0.08);
      border: 1px solid rgba(255,255,255,0.15);
      color: #fff; font-family: var(--font-body); font-size: 14px;
      outline: none; transition: border-color 0.2s;
    }
    .form-group select option { background: #1a1a2e; }
    .form-group input::placeholder { color: rgba(255,255,255,0.3); }
    .form-group input:focus, .form-group select:focus { border-color: rgba(192,64,54,0.6); }
    .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
    .form-submit {
      width: 100%; padding: 14px; border-radius: 10px;
      background: var(--cu-red); color: #fff; font-family: var(--font-head);
      font-size: 15px; font-weight: 700; font-family: var(--font-head);
      cursor: pointer; margin-top: 8px;
      transition: all 0.2s; border: none;
    }
    .form-submit:hover { background: var(--cu-red2); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(192,64,54,0.4); }
    .form-note { font-size: 11px; color: rgba(255,255,255,0.3); text-align: center; margin-top: 12px; }

    /* ══════════════════════════════════════════════
       TESTIMONIALS
    ══════════════════════════════════════════════ */
    .testimonials-section { padding: 90px 0; background: var(--cu-off); }
    .testimonials-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
    .testi-card {
      background: var(--cu-white); border-radius: var(--radius);
      padding: 28px; border: 1px solid var(--cu-border);
      position: relative; transition: all 0.25s;
    }
    .testi-card:hover { transform: translateY(-4px); box-shadow: var(--shadow); }
    .testi-card .quote-icon {
      font-size: 48px; color: var(--cu-red); opacity: 0.15;
      font-family: Georgia, serif; line-height: 0.8;
      position: absolute; top: 20px; right: 20px;
    }
    .testi-card .stars { color: var(--cu-gold); font-size: 14px; margin-bottom: 14px; }
    .testi-card p { font-size: 14px; line-height: 1.7; color: #555; }
    .testi-author { display: flex; align-items: center; gap: 12px; margin-top: 20px; }
    .testi-avatar {
      width: 44px; height: 44px; border-radius: 50%;
      display: flex; align-items: center; justify-content: center;
      font-family: var(--font-head); font-weight: 800; font-size: 16px;
      color: #fff; flex-shrink: 0;
    }
    .ta1 { background: linear-gradient(135deg, #C04036, #7a1a14); }
    .ta2 { background: linear-gradient(135deg, #262626, #1a0a08); }
    .ta3 { background: linear-gradient(135deg, #FFA412, #c07a0a); }
    .testi-meta strong { font-weight: 600; font-size: 14px; display: block; }
    .testi-meta span { font-size: 12px; color: var(--cu-grey); }

    /* ══════════════════════════════════════════════
       FOOTER
    ══════════════════════════════════════════════ */
    /* ── FOOTER ───────────────────────────────────────── */
    .footer { background: #111; color: rgba(255,255,255,0.65); padding: 60px 0 0; }

    /* 6-col main grid */
    .footer-main-grid {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      gap: 32px;
      padding-bottom: 40px;
    }
    .footer-col h4 {
      color: var(--cu-red);
      font-family: var(--font-head);
      font-weight: 700;
      font-size: 13px;
      text-transform: uppercase;
      letter-spacing: 0.6px;
      margin-bottom: 18px;
    }
    .footer-col ul { list-style: none; padding: 0; margin: 0; }
    .footer-col ul li { margin-bottom: 9px; }
    .footer-col ul li a {
      font-size: 12px;
      color: rgba(255,255,255,0.55);
      text-transform: uppercase;
      letter-spacing: 0.3px;
      transition: color 0.2s;
      line-height: 1.5;
    }
    .footer-col ul li a:hover { color: #fff; }

    /* Get in Touch contact block */
    .footer-contact-block p {
      font-size: 12px;
      line-height: 1.7;
      color: rgba(255,255,255,0.55);
      margin-bottom: 10px;
    }
    .footer-contact-label {
      font-size: 11px;
      color: var(--cu-red);
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.4px;
      margin-bottom: 3px;
    }
    .footer-contact-val {
      display: block;
      font-size: 13px;
      color: rgba(255,255,255,0.75);
      font-weight: 600;
      transition: color 0.2s;
    }
    .footer-contact-val:hover { color: #fff; }

    /* Divider */
    .footer-mid-divider { border-top: 1px solid rgba(255,255,255,0.08); margin: 8px 0; }

    /* Terms bar */
    .footer-terms-bar {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 16px 0;
    }
    .footer-terms-links { display: flex; align-items: center; gap: 8px; }
    .footer-terms-links a { font-size: 12px; color: rgba(255,255,255,0.5); transition: color 0.2s; }
    .footer-terms-links a:hover { color: #fff; }
    .footer-terms-sep { color: rgba(255,255,255,0.25); font-size: 12px; }

    /* Socials */
    .footer-socials { display: flex; gap: 8px; }
    .social-icon {
      width: 32px; height: 32px; border-radius: 6px;
      background: rgba(255,255,255,0.08);
      display: flex; align-items: center; justify-content: center;
      color: rgba(255,255,255,0.6);
      transition: background 0.2s, color 0.2s;
    }
    .social-icon:hover { background: var(--cu-red); color: #fff; }

    /* About Us row */
    .footer-about-row {
      display: flex;
      align-items: flex-start;
      gap: 40px;
      border-top: 1px solid rgba(255,255,255,0.08);
      padding: 28px 0;
    }
    .footer-about-logo { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
    .footer-about-logo img { width: 200px; height: auto; }
    .footer-about-logo-text strong {
      display: block;
      color: #fff;
      font-family: var(--font-head);
      font-weight: 800;
      font-size: 13px;
      line-height: 1.3;
    }
    .footer-about-logo-text span { font-size: 11px; color: rgba(255,255,255,0.4); }
    .footer-about-heading {
      font-size: 12px;
      color: var(--cu-red);
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      margin-bottom: 8px;
    }
    .footer-about-text p {
      font-size: 12px;
      line-height: 1.75;
      color: rgba(255,255,255,0.45);
      max-width: 860px;
      margin: 0;
    }

    /* Copyright bar */
    .footer-bottom {
      border-top: 1px solid rgba(255,255,255,0.06);
      padding: 16px 0;
      text-align: center;
      font-size: 11px;
      color: rgba(255,255,255,0.3);
    }

    /* ══════════════════════════════════════════════
       ACCREDITATION STRIP
    ══════════════════════════════════════════════ */
    .accreditation-bar {
      background: #fff; padding: 24px 0;
      border-top: 1px solid var(--cu-border); border-bottom: 1px solid var(--cu-border);
    }
    .accred-inner { display: flex; align-items: center; justify-content: center; gap: 48px; flex-wrap: wrap; }
    .accred-item { text-align: center; }
    .accred-item .a-val {
      font-family: var(--font-head); font-weight: 800; font-size: 20px;
      color: var(--cu-red);
    }
    .accred-item .a-lbl { font-size: 11px; color: var(--cu-grey); margin-top: 2px; }
    .accred-sep { width: 1px; height: 40px; background: var(--cu-border); }

    /* ══════════════════════════════════════════════
       STICKY CTA
    ══════════════════════════════════════════════ */
    .sticky-cta {
      position: fixed; bottom: 24px; right: 24px; z-index: 999;
      display: flex; flex-direction: column; gap: 10px; align-items: flex-end;
    }
    .sticky-btn {
      padding: 13px 22px; border-radius: 50px;
      font-size: 14px; font-weight: 700; font-family: var(--font-head);
      display: inline-flex; align-items: center; gap: 8px;
      box-shadow: 0 8px 30px rgba(0,0,0,0.3); cursor: pointer; border: none;
      transition: transform 0.2s;
    }
    .sticky-btn:hover { transform: scale(1.04); }
    .sb1 { background: var(--cu-red); color: #fff; font-family: var(--font-head); }
    .sb2 { background: linear-gradient(135deg, #f5d020 0%, #FFA412 100%); color: #1C1008; font-size: 13px; }

    /* ══════════════════════════════════════════════
       ANIMATIONS
    ══════════════════════════════════════════════ */
    @keyframes fadeInUp {
      from { opacity: 0; transform: translateY(30px); }
      to   { opacity: 1; transform: translateY(0); }
    }
    .hero-left > * { animation: fadeInUp 0.6s ease both; }
    .hero-left > *:nth-child(2) { animation-delay: 0.1s; }
    .hero-left > *:nth-child(3) { animation-delay: 0.2s; }
    .hero-left > *:nth-child(4) { animation-delay: 0.3s; }
    .hero-left > *:nth-child(5) { animation-delay: 0.4s; }
    .hero-right { animation: fadeInUp 0.8s 0.3s ease both; }

    /* ══════════════════════════════════════════════
       VIDEO TESTIMONIALS SECTION
    ══════════════════════════════════════════════ */
    .video-testi-section {
      padding: 90px 0;
       background: var(--cu-off); 
    }
    .vt-head { margin-bottom: 48px; }
    .vt-head h2 {
      font-family: var(--font-head);
      font-size: clamp(24px, 4.5vw, 48px);
      font-weight: 800; line-height: 1.2;
      color: var(--cu-dark);
    }
    .vt-colored {
      background: linear-gradient(90deg, #C04036, #FFA412);
      -webkit-background-clip: text; -webkit-text-fill-color: transparent;
    }

    .vt-slider-wrap {
      position: relative;
      cursor: grab;
      padding: 0 52px;   /* room for arrow buttons */
    }
    .vt-slider-wrap #vtSwiper { overflow: hidden; }
    .vt-slider-wrap:active { cursor: grabbing; }
    /* vt-overflow and vt-track replaced by Swiper; kept for fallback */
    .vt-overflow { overflow: hidden; }
    .vt-track { display: flex; gap: 24px; }
    /* vt-card fills swiper-slide */
    .swiper-slide .vt-card,
    .vt-card {
      width: 100%;
      border-radius: 18px;
      overflow: hidden;
      display: flex; flex-direction: column;
      background: linear-gradient(160deg, #1C1008 0%, #2a1208 50%, #1a0a08 100%);
    }
    .vt-card-top {
      padding: 28px 28px 16px;
      flex: 1;
    }
    .vt-quote {
      display: block;
      font-size: 32px; color: #FFA412;
      font-family: Georgia, serif; line-height: 1;
      margin-bottom: 12px;
    }
    .vt-card-top h3 {
      font-family: var(--font-head); font-weight: 700;
      font-size: 16px; color: #fff; line-height: 1.4;
    }
    .vt-name {
      font-size: 13px; color: rgba(255,255,255,0.55);
      margin-top: 10px; font-weight: 400;
    }
    .vt-card-bottom {
      position: relative; height: 200px;
      display: flex; align-items: flex-end; justify-content: center;
      padding-bottom: 20px;
      overflow: hidden;
    }
    .vt-avatar {
      width: 140px; height: 160px; border-radius: 70px 70px 0 0;
      display: flex; align-items: flex-start; justify-content: center;
      padding-top: 28px;
      font-family: var(--font-head); font-weight: 800; font-size: 36px;
      color: rgba(255,255,255,0.5);
    }
    .vta1 { background: linear-gradient(180deg, rgba(50,30,120,0) 0%, rgba(192,64,54,0.3) 100%); color: rgba(255,255,255,0.7); font-size: 48px; }
    .vta2 { background: linear-gradient(180deg, rgba(255,164,18,0) 0%, rgba(255,164,18,0.4) 100%); }
    .vta3 { background: linear-gradient(180deg, rgba(244,215,193,0) 0%, rgba(244,215,193,0.4) 100%); }
    .vta4 { background: linear-gradient(180deg, rgba(38,38,38,0) 0%, rgba(38,38,38,0.4) 100%); }

    /* confetti dashes */
    .vt-confetti { position: absolute; inset: 0; pointer-events: none; }
    .vt-confetti span {
      position: absolute; width: 6px; height: 14px;
      background: #C04036; border-radius: 2px;
      opacity: 0.7; transform: rotate(-20deg);
    }
    .vt-confetti .vc1 { top: 30%; left: 15%; transform: rotate(-20deg); }
    .vt-confetti .vc2 { top: 20%; left: 55%; transform: rotate(30deg); width: 4px; height: 10px; background: #FFA412; }
    .vt-confetti .vc3 { top: 50%; left: 30%; transform: rotate(-45deg); width: 4px; height: 8px; }
    .vt-confetti .vc4 { top: 35%; left: 70%; transform: rotate(15deg); width: 3px; height: 12px; background: #FFA412; }

    .vt-card-footer {
      padding: 16px 28px 24px;
      display: flex; justify-content: flex-end;
    }
    .vt-watch-btn {
      display: flex; align-items: center; gap: 10px;
      background: rgba(255,255,255,0.15);
      border: none; border-radius: 50px;
      padding: 10px 14px 10px 20px;
      color: #fff; font-size: 14px; font-weight: 600;
      font-family: var(--font-body); cursor: pointer;
      transition: background 0.2s;
    }
    .vt-watch-btn:hover { background: rgba(255,255,255,0.25); }
    /* vt-play */ .vt-play {
      width: 36px; height: 36px; border-radius: 50%;
      background: #FFA412;
      display: flex; align-items: center; justify-content: center;
      font-size: 12px; color: #000;
    }
    .vt-arrow {
      position: absolute; top: 50%; transform: translateY(-50%);
      width: 44px; height: 44px; border-radius: 50%;
      background: #262626; color: #fff;
      font-size: 24px; display: flex; align-items: center; justify-content: center;
      cursor: pointer; z-index: 10; border: none; transition: background 0.2s;
    }
    .vt-arrow:hover { background: var(--cu-red); }
    .vt-prev { left: 0; }
    .vt-next { right: 0; }

    /* ══════════════════════════════════════════════
       GRADUATES SPEAK SECTION
    ══════════════════════════════════════════════ */
    .graduates-section {
      display: grid; grid-template-columns: 1fr 2fr;
      min-height: 500px;
    }
    .graduates-left {
      background: var(--cu-red);
      padding: 64px 48px;
      display: flex; flex-direction: column; justify-content: center;
      gap: 0;
    }
    .gs-tag-pill {
      font-size: 12px; font-weight: 600; letter-spacing: 1.5px;
      text-transform: uppercase; color: rgba(255,255,255,0.7);
      margin-bottom: 16px;
    }
    .graduates-left h2 {
      font-family: var(--font-head); font-size: clamp(22px, 2.5vw, 32px);
      font-weight: 400; color: #fff; line-height: 1.25;
    }
    .graduates-left h2 strong { font-weight: 800; }
    #gsAvatarSwiper {
      margin-top: 32px;
      width: 100%; overflow: hidden;
    }
    #gsAvatarSwiper .swiper-slide { width: auto !important; }
    .gs-avatars {
      /* Used as swiper wrapper container */
    }
    .gs-av {
      display: flex; flex-direction: column; align-items: center; gap: 5px;
      cursor: pointer; opacity: 0.55; transition: opacity 0.2s;
    }
    /* Swiper marks active thumb with swiper-slide-thumb-active */
    .gs-av.swiper-slide-thumb-active,
    .gs-av.active { opacity: 1; }
    .gs-av.swiper-slide-thumb-active .gs-av-pic,
    .gs-av.active .gs-av-pic { border-color: #fff; transform: scale(1.1); }
    .gs-av-pic {
      width: 46px; height: 46px; border-radius: 50%;
      border: 2px solid rgba(255,255,255,0.3);
      display: flex; align-items: center; justify-content: center;
      font-family: var(--font-head); font-weight: 800; font-size: 14px;
      color: #fff; transition: all 0.2s;
    }
    .gav1 { background: rgba(192,64,54,0.5); }
    .gav2 { background: rgba(255,164,18,0.4); }
    .gav3 { background: rgba(192,64,54,0.35); }
    .gav4 { background: rgba(255,164,18,0.5); }
    .gs-av span { font-size: 10px; color: rgba(255,255,255,0.7); }
    .gs-nav {
      display: flex; gap: 8px; margin-top: 24px;
    }
    .gs-btn {
      width: 36px; height: 36px; border-radius: 50%;
      background: rgba(255,255,255,0.15);
      color: #fff; font-size: 20px; font-weight: 700;
      display: flex; align-items: center; justify-content: center;
      cursor: pointer; border: 1px solid rgba(255,255,255,0.25);
      transition: background 0.2s;
    }
    .gs-btn:hover { background: rgba(255,255,255,0.3); }
    .gs-all-btn {
      display: inline-block; margin-top: 28px;
      font-size: 13px; font-weight: 700; letter-spacing: 0.5px;
      color: #fff; border: 1.5px solid rgba(255,255,255,0.6);
      padding: 10px 20px; border-radius: 4px;
      width: fit-content; transition: all 0.2s;
    }
    .gs-all-btn:hover { background: rgba(255,255,255,0.15); }

    .graduates-right { display: flex; overflow: hidden; }
    .gs-slides { flex: 1; overflow: hidden; }
    #gsSwiper { overflow: hidden; width: 100%; }
    /* Swiper handles visibility — slides always display */
    .gs-slide {
      display: flex; flex: none; width: 100%;
    }
    .gs-quote-panel {
      flex: 1; background: #fff;
      padding: 56px 48px;
      display: flex; flex-direction: column; justify-content: center;
      gap: 0;
    }
    .gs-big-quote {
      font-size: 48px; color: var(--cu-red);
      font-family: Georgia, serif; line-height: 0.8;
      margin-bottom: 16px;
    }
    .gs-tag-line {
      font-family: var(--font-head); font-size: clamp(18px, 2vw, 24px);
      line-height: 1.3; color: var(--cu-dark); margin-bottom: 16px;
    }
    .gs-tag-line strong { font-weight: 800; }
    .gs-tag-line em { font-style: normal; color: var(--cu-red); font-weight: 800; }
    .gs-body {
      font-size: 14px; color: #555; line-height: 1.7;
      max-width: 380px;
    }
    .gs-person {
      margin-top: 24px;
    }
    .gs-person strong {
      font-family: var(--font-head); font-weight: 800; font-size: 20px;
      display: block;
    }
    .gs-person strong span { font-weight: 400; }
    .gs-placed {
      font-size: 13px; color: var(--cu-grey);
      display: block; margin-top: 4px;
    }
    .gs-photo-panel {
      width: 260px; flex-shrink: 0;
      position: relative; overflow: hidden;
    }
    .gsp1 { background: linear-gradient(160deg, #C04036 0%, #7a1a14 100%); }
    .gsp2 { background: linear-gradient(160deg, #262626 0%, #1a0a08 100%); }
    .gsp3 { background: linear-gradient(160deg, #FFA412 0%, #b06a0a 100%); }
    .gsp4 { background: linear-gradient(160deg, #F4D7C1 0%, #c08060 100%); }
    .gsp-overlay {
      position: absolute; inset: 0;
      background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, transparent 50%);
    }
    .gsp-label {
      position: absolute; bottom: 24px; left: 24px;
      color: #fff;
    }
    .gsp-label strong {
      font-family: var(--font-head); font-weight: 800; font-size: 18px;
      display: block;
    }
    .gsp-label span { font-size: 13px; opacity: 0.75; }

    /* ══════════════════════════════════════════════
       MOBILE NAV – DRAWER + ACTIONS
    ══════════════════════════════════════════════ */

    /* Hide mobile-only elements on desktop by default */
    .mob-nav-actions { display: none; }
    .mob-overlay {
      position: fixed; inset: 0; background: rgba(0,0,0,0.5);
      z-index: 1998; backdrop-filter: blur(2px);
      opacity: 0; pointer-events: none;
      transition: opacity 0.3s;
      display: block;
    }
    .mob-overlay.open { opacity: 1; pointer-events: all; }

    /* Drawer – always rendered but offscreen */
    .mob-drawer {
      position: fixed; top: 0; right: 0; bottom: 0;
      width: min(340px, 90vw);
      background: #fff; z-index: 1999;
      transform: translateX(110%);
      transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
      overflow-y: auto; overscroll-behavior: contain;
      box-shadow: -8px 0 40px rgba(0,0,0,0.2);
      display: flex; flex-direction: column;
    }
    .mob-drawer.open { transform: translateX(0); }

    /* Mobile action row: call + hamburger */
    .mob-nav-actions {
      align-items: center; gap: 8px; margin-left: auto;
      flex-shrink: 0; padding-right: 12px;
    }
    .mob-call-btn {
      display: flex; align-items: center; gap: 5px;
      background: var(--cu-off); color: var(--cu-dark);
      border-radius: 6px; padding: 7px 12px;
      font-size: 12px; font-weight: 700; font-family: var(--font-head);
      text-decoration: none; transition: background 0.2s;
    }
    .mob-call-btn:hover { background: var(--cu-border); }

    .mob-hamburger {
      width: 40px; height: 40px; border-radius: 8px;
      background: var(--cu-red); border: none; cursor: pointer;
      display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px;
      transition: background 0.2s; flex-shrink: 0;
    }
    .mob-hamburger.open { background: #8a1a14; }
    .mh-bar {
      display: block; width: 18px; height: 2px;
      background: #fff; border-radius: 2px;
      transition: all 0.3s ease;
      transform-origin: center;
    }
    .mob-hamburger.open .mh-bar:nth-child(1) { transform: translateY(7px) rotate(45deg); }
    .mob-hamburger.open .mh-bar:nth-child(2) { opacity: 0; transform: scaleX(0); }
    .mob-hamburger.open .mh-bar:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

    .mob-drawer-inner { display: flex; flex-direction: column; min-height: 100%; }
    .mob-drawer-header {
      display: flex; align-items: center; justify-content: space-between;
      padding: 16px 20px; border-bottom: 1px solid var(--cu-border);
      background: #fff; position: sticky; top: 0; z-index: 2;
    }
    .mob-drawer-logo { display: flex; align-items: center; gap: 10px; }
    .mob-drawer-close {
      width: 36px; height: 36px; border-radius: 8px;
      background: var(--cu-off); border: none; cursor: pointer;
      display: flex; align-items: center; justify-content: center;
      transition: background 0.2s; flex-shrink: 0;
    }
    .mob-drawer-close:hover { background: var(--cu-border); }
    .mob-search-bar {
      display: flex; align-items: center; gap: 10px;
      margin: 16px 20px; background: var(--cu-off); border-radius: 8px; padding: 10px 14px;
    }
    .mob-search-bar svg { flex-shrink: 0; color: var(--cu-grey); }
    .mob-search-bar input {
      flex: 1; border: none; background: transparent;
      font-family: var(--font-body); font-size: 14px; color: var(--cu-dark); outline: none;
    }
    .mob-search-bar input::placeholder { color: var(--cu-lgrey); }
    .mob-nav { flex: 1; padding: 0 0 16px; }
    .mob-nav-section { border-bottom: 1px solid var(--cu-border); }
    .mob-nav-toggle {
      width: 100%; display: flex; align-items: center; justify-content: space-between;
      padding: 14px 20px; background: none; border: none; cursor: pointer;
      font-family: var(--font-head); font-size: 14px; font-weight: 700;
      color: var(--cu-dark); text-align: left; transition: background 0.15s;
    }
    .mob-nav-toggle:hover { background: var(--cu-off); }
    .mob-nav-toggle svg { transition: transform 0.3s; flex-shrink: 0; color: var(--cu-grey); }
    .mob-nav-toggle.open svg { transform: rotate(180deg); }
    .mob-nav-toggle.open { color: var(--cu-red); }
    .mob-nav-links { max-height: 0; overflow: hidden; transition: max-height 0.4s ease; background: #fafafa; }
    .mob-nav-links.open { max-height: 2000px; }
    .mob-nav-links a {
      display: block; padding: 10px 20px 10px 32px; font-size: 13.5px; color: #444;
      border-bottom: 1px solid var(--cu-border); transition: all 0.15s;
    }
    .mob-nav-links a:last-child { border-bottom: none; }
    .mob-nav-links a:hover { color: var(--cu-red); padding-left: 38px; background: #fff5f5; }

    /* Group labels inside dropdown */
    .mob-nav-group-label {
      padding: 10px 20px 6px 20px;
      font-family: var(--font-head); font-size: 10px; font-weight: 800;
      letter-spacing: 1.2px; text-transform: uppercase;
      color: var(--cu-grey); background: #f3f3f3;
      border-bottom: 1px solid var(--cu-border);
    }

    /* Brand pill (IBM, TCS etc.) */
    .mob-brand {
      display: inline-block;
      background: rgba(192,64,54,0.1); color: var(--cu-red);
      font-size: 9px; font-weight: 800; font-family: var(--font-head);
      letter-spacing: 0.5px; text-transform: uppercase;
      padding: 1px 5px; border-radius: 3px;
      margin-left: 4px; vertical-align: middle;
    }

    /* Quick links strip at bottom of nav */
    .mob-quicklinks {
      display: flex; flex-wrap: wrap; gap: 0;
      border-top: 2px solid var(--cu-border);
      background: #f8f8f8;
    }
    .mob-quicklinks a {
      padding: 11px 16px;
      font-family: var(--font-head); font-size: 11px; font-weight: 700;
      color: var(--cu-grey); letter-spacing: 0.5px;
      border-right: 1px solid var(--cu-border);
      border-bottom: 1px solid var(--cu-border);
      transition: all 0.15s; white-space: nowrap;
    }
    .mob-quicklinks a:hover { color: var(--cu-red); background: #fff5f5; }
    .mob-nav-direct {
      display: flex; align-items: center; padding: 14px 20px;
      font-family: var(--font-head); font-size: 14px; font-weight: 700;
      color: var(--cu-dark); border-bottom: 1px solid var(--cu-border); transition: all 0.15s;
    }
    .mob-nav-direct:hover { color: var(--cu-red); background: var(--cu-off); }
    .mob-drawer-cta { padding: 20px; display: flex; flex-direction: column; gap: 10px; border-top: 1px solid var(--cu-border); }
    .mob-cta-apply {
      display: block; text-align: center; background: var(--cu-red); color: #fff;
      padding: 13px; border-radius: 8px; font-family: var(--font-head); font-size: 15px; font-weight: 700;
      transition: background 0.2s;
    }
    .mob-cta-apply:hover { background: var(--cu-red2); }
    .mob-cta-call {
      display: flex; align-items: center; justify-content: center; gap: 8px;
      background: var(--cu-off); color: var(--cu-dark); padding: 11px; border-radius: 8px;
      font-family: var(--font-head); font-size: 14px; font-weight: 700; transition: background 0.2s;
    }
    .mob-cta-call:hover { background: var(--cu-border); }
    .mob-drawer-social {
      display: flex; align-items: center; justify-content: center; gap: 12px;
      padding: 16px 20px; border-top: 1px solid var(--cu-border);
    }
    .mob-drawer-social a {
      width: 34px; height: 34px; border-radius: 50%; background: var(--cu-off);
      display: flex; align-items: center; justify-content: center;
      font-size: 12px; font-weight: 700; color: #555; transition: all 0.15s;
    }
    .mob-drawer-social a:hover { background: var(--cu-red); color: #fff; }

    /* ══════════════════════════════════════════════
       RESPONSIVE – TABLET (≤ 1024px)
    ══════════════════════════════════════════════ */
    @media (max-width: 1024px) {
      /* Nav */
      .nav-secondary { display: none !important; }
      .navbar-mega-inner { overflow-x: auto !important; }
      .mega-tab { font-size: 11.5px !important; padding: 12px 12px !important; }

      /* Hero */
      .hero-content { grid-template-columns: 1fr !important; gap: 0 !important; }
      .hero-right { margin-top: 35px;}
      .hero-left h1 { font-size: clamp(32px,5vw,52px) !important; }

      /* Stats */
      .stats-bar-inner { grid-template-columns: repeat(3,1fr) !important; }
      .stat-item:nth-child(4) { border-left: 1px solid rgba(255,255,255,0.2) !important; }

      /* Rankings */
      .rankings-grid { grid-template-columns: repeat(2,1fr) !important; }

      /* Programs */
      .programs-grid { grid-template-columns: repeat(2,1fr) !important; }

      /* Placements */
      .placements-top { grid-template-columns: repeat(2,1fr) !important; }
      .student-placements { grid-template-columns: repeat(2,1fr) !important; }
      .sp-card:nth-child(3) { grid-column: span 2 !important; }

      /* Campus */
      .campus-grid { grid-template-columns: 1fr !important; gap: 40px !important; }

      /* News */
      .news-grid { grid-template-columns: 1fr 1fr !important; }
      .news-card.featured { grid-column: span 2 !important; }

      /* Admission */
      .admission-inner { grid-template-columns: 1fr !important; gap: 40px !important; }

      /* Video testimonials */
      /* vt-card sizing handled by Swiper breakpoints */
      .vt-card-top { padding: 22px 22px 14px !important; }

      /* Graduates */
      .graduates-section { grid-template-columns: 1fr !important; }
      .gs-photo-panel { display: none !important; }
      .gs-quote-panel { padding: 40px 32px !important; }

      /* Footer */
      .footer-main-grid { grid-template-columns: repeat(3, 1fr) !important; gap: 24px !important; }

      /* Why VGU */
      .wa-body { grid-template-columns: 1fr !important; padding: 0 0 24px 60px !important; }
      .wa-item.open .wa-body { padding: 0 0 24px 60px !important; }
      .wa-imgs { display: flex !important; }
      .wa-img { height: 150px !important; }

      /* Student Testimonials */
      .st-inner { grid-template-columns: 280px 1fr !important; gap: 32px !important; }
      .st-photo { width: 200px !important; height: 260px !important; }
      .st-photo-wrap { width: 200px !important; }

      /* Startup */
      .startup-founders { max-width: 100% !important; }
    }

    /* ══════════════════════════════════════════════
       RESPONSIVE – MOBILE (≤ 768px)
    ══════════════════════════════════════════════ */
    @media (max-width: 768px) {
    .lg-only{
        display:none !important;
    }
    .sm-only{
        display:block !important;
    }

      /* ── Navigation – hide desktop elements ── */
      .topbar { display: none !important; }
      .nav-secondary { display: none !important; }
      .nav-feat-pill { display: none !important; }
      .navbar-mega { display: none !important; }
      .nav-search { display: none !important; }
      .nav-helpline { display: none !important; }
      .nav-hamburger { display: none !important; }
      .mob-nav-actions { display: flex !important; }

      /* ── Slim navbar ── */
      .navbar-mid-inner { height: 58px !important; padding: 0 0 0 14px !important; }
      .nav-logo { padding: 8px 10px 8px 0 !important; gap: 8px !important; flex-shrink: 0 !important; }
      .nav-logo-icon { width: 120px !important; height: auto !important; border-radius: 6px !important; }
      .nav-logo-text .nl-top { font-size: 14px !important; }
      .nav-logo-text .nl-bottom { font-size: 10px !important; }
      .nav-logo-text .nl-tagline { display: none !important; }

      /* ── Section padding ── */
      .section-head { margin-bottom: 32px !important; }
      .section-head p { font-size: 14px !important; }

      /* ── Hero ── */
      .hero { min-height: auto !important; }
      .hero-content { padding: 40px 0 36px !important; gap: 0 !important; }
      .hero-left p { font-size: 14px !important; }
      .hero-deco { display: none !important; }
      /*.hero-actions { flex-direction: column !important; gap: 10px !important; }*/
      .hero-actions .btn-solid,
      .hero-actions .btn-outline {padding: 13px 20px !important; font-size: 14px !important; }
      .hero-badges { display: none !important; }
      /*.float-badge { display: none !important; }*/
      .float-badge.fb2 { bottom: -10px !important; left: 0px !important; }
      .float-badge.fb1 { z-index: 1; }

      /* ── Stats bar ── */
      .stats-bar { padding: 20px 0 !important; }
      .stats-bar-inner { grid-template-columns: repeat(2,1fr) !important; }
      .stat-item { border-right: none !important; padding: 10px 12px !important; }
      .stat-item:nth-child(even) { border-right: none !important; }
      .stat-item:last-child { border-bottom: none !important; grid-column: span 2 !important; }

      /* ── Accreditation ── */
      .accreditation-bar { padding: 16px 0 !important; }
      .accred-inner { flex-wrap: wrap !important; gap: 10px !important; justify-content: center !important; }
      .accred-sep { display: none !important; }
      .accred-item { min-width: 70px !important; }
      .accred-item .a-val { font-size: 16px !important; }

      /* ── Rankings ── */
      .rankings-section { padding: 56px 0 !important; }
      .rankings-grid { grid-template-columns: 1fr 1fr !important; gap: 12px !important; }
      .rank-card { padding: 18px 14px !important; }
      .rank-card .rc-val { font-size: 32px !important; }
      .rank-card .rc-label { font-size: 13px !important; }

      /* ── Programs ── */
      .programs-section { padding: 56px 0 !important; }
      .programs-grid { grid-template-columns: 1fr !important; }
      .programs-tabs { gap: 6px !important; justify-content: flex-start !important; overflow-x: auto !important; flex-wrap: nowrap !important; padding-bottom: 8px !important; }
      .ptab { padding: 7px 14px !important; font-size: 13px !important; white-space: nowrap !important; flex-shrink: 0 !important; }

      /* ── Placements ── */
      .placements-section { padding: 56px 0 !important; }
      .placements-top { grid-template-columns: repeat(2,1fr) !important; gap: 12px !important; margin-bottom: 28px !important; }
      .place-stat { padding: 18px 12px !important; }
      .place-stat .ps-val { font-size: 24px !important; }
      .place-stat .ps-lbl { font-size: 12px !important; }
      .student-placements { grid-template-columns: 1fr !important; gap: 14px !important; }
      .sp-card:nth-child(3) { grid-column: span 1 !important; }
      .sp-card { height: 220px !important; }
      .companies-marquee { margin-top: 36px !important; }
      .companies-marquee h3 { font-size: 16px !important; margin-bottom: 20px !important; }

      /* ── Why VGU ── */
      .why-vgu-section { padding: 56px 0 !important; }
      .wa-header { gap: 12px !important; padding: 18px 0 !important; }
      .wa-num { font-size: 28px !important; width: 40px !important; }
      .wa-title { font-size: 15px !important; }
      .wa-toggle { width: 30px !important; height: 30px !important; font-size: 15px !important; }
      .wa-body { grid-template-columns: 1fr !important; padding: 0 !important; gap: 0 !important; }
      .wa-item.open .wa-body { grid-template-columns: 1fr !important; padding: 0 0 20px 0 !important; max-height: 600px !important; }
      .wa-text { padding-left: 0 !important; font-size: 14px !important; }
      .wa-imgs { display: flex !important; justify-content: center; margin-top: 16px; gap: 10px !important; }
      .wa-img { height: 120px !important; }

      /* ── Startup / Campus Tank ── */
      .startup-section { padding: 56px 0 !important; }
      .startup-founders { grid-template-columns: 1fr !important; max-width: 260px !important; margin: 0 auto !important; }
      .startup-stats { gap: 8px !important; flex-wrap: wrap !important; justify-content: center !important; }
      .startup-stat { padding: 12px 20px !important; min-width: 140px !important; }
      .startup-stat .ss-val { font-size: 22px !important; }

      /* ── Campus Life ── */
      .campus-section { padding: 56px 0 !important; }
      .campus-grid { grid-template-columns: 1fr !important; gap: 32px !important; }
      .campus-features { grid-template-columns: 1fr !important; gap: 10px !important; }
      .campus-right { grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
      .campus-img-placeholder:nth-child(1) .cip-inner { aspect-ratio: 16/9 !important; }

      /* ── News & Events ── */
      .news-section { padding: 56px 0 !important; }
      .news-grid { grid-template-columns: 1fr !important; gap: 16px !important; }
      .news-card.featured { grid-column: span 1 !important; }
      .news-card.featured .news-card-img { height: 200px !important; }
      .news-card-body h3 { font-size: 15px !important; }

      /* ── Admission Form ── */
      .admission-section { padding: 56px 0 !important; }
      .admission-inner { gap: 32px !important; }
      .admission-form { padding: 24px 18px !important; border-radius: 14px !important; }
      .admission-form h3 { font-size: 18px !important; margin-bottom: 18px !important; }
      .form-row { grid-template-columns: 1fr !important; }
      .form-group { margin-bottom: 12px !important; }

      /* ── Video Testimonials ── */
      .video-testi-section { padding: 56px 0 !important; }
      .vt-head { margin-bottom: 28px !important; }
      /* vt-card handled by Swiper */
      .vt-slider-wrap { padding: 0 !important; }
      .vt-card-top { padding: 20px 20px 12px !important; }
      .vt-card-bottom { height: 160px !important; }

      /* ── Student Testimonials ── */
      .student-testi-section { padding: 48px 0 !important; }
      .st-inner { grid-template-columns: 1fr !important; gap: 24px !important; }
      .st-left h2 { font-size: 22px !important; }
      .st-thumbnails { grid-template-columns: repeat(5, 48px) !important; gap: 8px !important; margin-top: 20px !important; }
      .st-thumb { width: 48px !important; height: 48px !important; }
      .st-nav { margin-top: 16px !important; }
      .st-slide { flex-direction: column !important; align-items: flex-start !important; gap: 16px !important; }
      .st-photo-wrap { width: 100% !important; }
      .st-photo { width: 100% !important; height: 200px !important; border-radius: 12px !important; }
      .st-quote-card { max-width: 100% !important; }
      .st-quote-card::before { display: none !important; }
      .st-big-quote { font-size: 36px !important; }
      .st-quote-text { font-size: 13px !important; }

      /* ── Graduates Speak ── */
      .graduates-section { grid-template-columns: 1fr !important; }
      .graduates-left { padding: 36px 20px !important; }
      .graduates-left h2 { font-size: 22px !important; }
      .gs-avatars { gap: 10px !important; }
      .gs-av-pic { width: 38px !important; height: 38px !important; font-size: 12px !important; }
      .gs-nav { margin-top: 14px !important; }
      .gs-quote-panel { padding: 28px 20px !important; }
      .gs-big-quote { font-size: 36px !important; }
      .gs-tag-line { font-size: 18px !important; }
      .gs-body { font-size: 13px !important; max-width: 100% !important; }
      .gs-person strong { font-size: 17px !important; }
      .gs-photo-panel { display: none !important; }

      /* ── Footer ── */
      .footer { padding: 48px 0 0 !important; }
      .footer-main-grid { grid-template-columns: 1fr 1fr !important; gap: 20px !important; padding-bottom: 28px !important; }
      .footer-about-row { flex-direction: column; gap: 20px; }
      .footer-terms-bar { flex-direction: column; gap: 16px; align-items: flex-start; }
      .footer-col h4 { margin-bottom: 12px !important; }
      .footer-bottom { flex-direction: column !important; gap: 8px !important; text-align: center !important; padding: 16px 0 !important; }
      .footer-socials { gap: 8px !important; }

      /* ── Sticky CTA – full-width bar ── */
      .sticky-cta { bottom: 0 !important; right: 0 !important; left: 0 !important; flex-direction: row !important; padding: 10px 14px !important; background: #1a1a1a !important; border-radius: 0 !important; box-shadow: 0 -4px 20px rgba(0,0,0,0.25) !important; align-items: stretch !important; gap: 8px !important; }
      .sticky-btn { flex: 1 !important; justify-content: center !important; border-radius: 8px !important; font-size: 13px !important; padding: 11px 8px !important; }
      body { padding-bottom: 68px !important; }
    }

    /* ══════════════════════════════════════════════
       RESPONSIVE – SMALL MOBILE (≤ 480px)
    ══════════════════════════════════════════════ */
    @media (max-width: 480px) {
      .container { padding: 0 16px !important; }
      .hero-left h1 { font-size: 28px !important; }
      .section-head h2 { font-size: 24px !important; }
      .rankings-grid { grid-template-columns: 1fr !important; }
      .placements-top { grid-template-columns: 1fr !important; }
      /*.campus-right { grid-template-columns: 1fr !important; }*/
      .campus-img-placeholder:nth-child(1) { grid-column: span 1 !important; }
      .campus-img-placeholder:nth-child(1) .cip-inner { aspect-ratio: 1 !important; }
      /* vt-card handled by Swiper */
      .vt-head h2 { font-size: 20px !important; }
      .stats-bar-inner { grid-template-columns: 1fr !important; }
      .stat-item { border-right: none !important; }
      .stat-item:last-child { border-bottom: none !important; grid-column: span 1 !important; }
      .nav-helpline { display: none !important; }
      .accred-item { min-width: 70px !important; }
      .startup-stat { min-width: 100% !important; }
      .startup-stats { flex-direction: column !important; align-items: center !important; }
      .footer-main-grid { grid-template-columns: 1fr !important; gap: 20px !important; }
      .gs-avatars { flex-wrap: wrap !important; gap: 10px !important; }
      /* gs-av sizing handled by Swiper */
    }
   /* ══════════════════════════════════════════════
       STARTUP JOURNEY SECTION
    ══════════════════════════════════════════════ */
    .startup-section {
      padding: 80px 0;
      background: #e8eef5;
      position: relative;
      overflow: hidden;
    }
    .startup-section::before {
      content: '';
      position: absolute; inset: 0;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600'%3E%3Cg fill='none' stroke='%23c5d0db' stroke-width='1'%3E%3Cellipse cx='300' cy='300' rx='280' ry='200'/%3E%3Cellipse cx='300' cy='300' rx='230' ry='160'/%3E%3Cellipse cx='300' cy='300' rx='180' ry='120'/%3E%3Cellipse cx='300' cy='300' rx='130' ry='80'/%3E%3Cellipse cx='300' cy='300' rx='80' ry='40'/%3E%3C/g%3E%3C/svg%3E");
      background-size: 600px 600px; background-position: center; opacity: 0.5;
    }
    .startup-inner { position: relative; z-index: 1; }
    .startup-head { text-align: center; margin-bottom: 36px; }
    .startup-head h2 { font-family: var(--font-head); font-size: clamp(22px,3vw,36px); font-weight: 400; color: var(--cu-dark); }
    .startup-head h2 strong { color: #c8860a; font-weight: 800; }
    .startup-head p { color: var(--cu-grey); font-size: 15px; max-width: 520px; margin: 10px auto 0; line-height: 1.6; }

    .startup-stats { display: flex; gap: 16px; justify-content: center; margin-bottom: 56px; flex-wrap: wrap; }
    .startup-stat { background: #3a6fa0; color: #fff; border-radius: 8px; padding: 16px 36px; text-align: center; min-width: 160px; }
    .startup-stat .ss-val { font-family: var(--font-head); font-weight: 800; font-size: 26px; line-height: 1; }
    .startup-stat .ss-lbl { font-size: 12px; opacity: 0.85; margin-top: 5px; }

    .startup-founders { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; max-width: 860px; margin: 0 auto; }
    .founder-card { text-align: center; }
    .founder-visual { position: relative; height: 260px; margin-bottom: 14px; }

    .founder-shape-back {
      position: absolute; bottom: 0; left: 50%; transform: translateX(-40%);
      width: 170px; height: 190px;
      clip-path: polygon(50% 0%,100% 35%,82% 100%,18% 100%,0% 35%);
    }
    .founder-shape-front {
      position: absolute; bottom: 0; left: 50%; transform: translateX(-60%);
      width: 155px; height: 175px;
      clip-path: polygon(50% 0%,100% 35%,82% 100%,18% 100%,0% 35%);
      opacity: 0.85;
    }
    .founder-card:nth-child(1) .founder-shape-back { background: #d48a20; }
    .founder-card:nth-child(1) .founder-shape-front { background: #b82040; }
    .founder-card:nth-child(2) .founder-shape-back { background: #d48a20; }
    .founder-card:nth-child(2) .founder-shape-front { background: #b82040; }
    .founder-card:nth-child(3) .founder-shape-back { background: #d48a20; }
    .founder-card:nth-child(3) .founder-shape-front { background: #b82040; }

    .founder-avatar {
      position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
      width: 200px; height: 280px; z-index: 3;
      display: flex; align-items: flex-end; justify-content: center;
    }
    .founder-avatar-inner {
      width: 110px; height: 180px; border-radius: 55px 55px 0 0;
      background: linear-gradient(180deg,#c8d8e8,#9ab0c8);
      display: flex; align-items: center; justify-content: center;
      font-size: 52px; overflow: hidden;
    }

    .founder-raised {
      position: absolute; bottom: 12px; right: calc(50% - 100px);
      background: rgba(20,20,20,0.72); color: #fff;
      border-radius: 4px; padding: 4px 10px; font-size: 11px; z-index: 4; text-align: left; line-height: 1.4;
    }
    .founder-raised .r-label { opacity: 0.7; font-size: 9px; display: block; text-transform: uppercase; letter-spacing: 0.4px; }
    .founder-raised .r-val { font-family: var(--font-head); font-weight: 800; font-size: 14px; color: #FFA412; }

    .founder-name { font-family: var(--font-head); font-weight: 700; font-size: 16px; color: var(--cu-dark); }
    .founder-role { font-size: 12px; color: var(--cu-grey); margin-top: 3px; }

    /* ══════════════════════════════════════════════
       WHY CHOOSE VGU – ACCORDION SECTION
    ══════════════════════════════════════════════ */
    .why-vgu-section { padding: 90px 0; background: #fff; }
    .why-vgu-section .section-head h2 { font-weight: 400; }
    .why-vgu-section .section-head h2 strong { font-weight: 800; }

    .why-accordion { max-width: 1100px; margin: 0 auto; }
    .wa-item {
      border-bottom: 1px solid var(--cu-border);
      overflow: hidden;
    }
    .wa-header {
      display: flex; align-items: center; gap: 28px;
      padding: 28px 0; cursor: pointer;
      user-select: none; position: relative;
    }
    .wa-num {
      font-family: var(--font-head); font-weight: 800;
      font-size: clamp(42px, 5vw, 64px); color: #e8e8e8;
      line-height: 1; flex-shrink: 0; width: 80px; text-align: left;
      transition: color 0.3s;
    }
    .wa-item.open .wa-num { color: #d0d0d0; }
    .wa-title {
      font-family: var(--font-head); font-weight: 700;
      font-size: clamp(18px, 2.2vw, 24px); color: var(--cu-dark);
      flex: 1;
    }
    .wa-toggle {
      width: 36px; height: 36px; border-radius: 50%;
      border: 1.5px solid var(--cu-border);
      display: flex; align-items: center; justify-content: center;
      flex-shrink: 0; transition: all 0.3s;
      font-size: 18px; color: var(--cu-grey);
    }
    .wa-item.open .wa-toggle {
      background: var(--cu-dark); border-color: var(--cu-dark); color: #fff; transform: rotate(180deg);
    }

    .wa-body {
      display: grid; grid-template-columns: 1fr 1fr; gap: 40px;
      max-height: 0; overflow: hidden;
      transition: max-height 0.45s ease, padding 0.3s;
      padding: 0 0 0 108px;
    }
    .wa-item.open .wa-body {
      max-height: 500px;
      padding: 0 0 36px 108px;
    }
    .wa-text {
      color: var(--cu-grey); font-size: 15px; line-height: 1.7;
      align-self: center;
    }
    .wa-imgs {
      display: flex; gap: 14px; align-items: center;
    }
    .wa-img {
      flex: 1; border-radius: 10px; overflow: hidden;
      height: 200px; background: var(--cu-off);
    }
    .wa-img img { width: 100%; height: 100%; object-fit: cover; }
    .wa-img-placeholder {
      width: 100%; height: 100%;
      display: flex; align-items: center; justify-content: center;
      background: linear-gradient(135deg, #f0f0f0, #e0e0e0);
      font-size: 28px; color: #bbb;
    }

    /* ══════════════════════════════════════════════
       STUDENT TESTIMONIALS – GOLD SECTION
    ══════════════════════════════════════════════ */
    .student-testi-section {
      background: #F5B731;
      padding: 80px 0;
      overflow: hidden;
    }
    .st-inner {
      display: grid; grid-template-columns: 340px 1fr; gap: 60px;
      align-items: center; max-width: 1200px; margin: 0 auto; padding: 0 24px;
    }
    .st-left h2 {
      font-family: var(--font-head); font-size: clamp(22px, 2.8vw, 32px);
      font-weight: 400; color: #1a1a1a; line-height: 1.3;
    }
    .st-left h2 strong { font-weight: 900; }


    #stThumbSwiper {
      margin-top: 28px;
      width: 100%; max-width: 340px;
    }
    #stThumbSwiper .swiper-slide { width: 60px !important; }
    .st-thumb {
      width: 60px; height: 60px; border-radius: 8px;
      overflow: hidden; cursor: pointer;
      border: 3px solid transparent; transition: all 0.2s;
      background: rgba(0,0,0,0.15);
      display: flex; align-items: center; justify-content: center;
      font-family: var(--font-head); font-weight: 700; font-size: 16px; color: #fff;
    }
    /* Swiper marks active thumb with swiper-slide-thumb-active */
    .st-thumb.swiper-slide-thumb-active,
    .st-thumb.active { border-color: #1a1a1a; }
    .st-thumb:hover { border-color: rgba(0,0,0,0.4); }
    .st-thumb img { width: 100%; height: 100%; object-fit: cover; }

    .st-nav { display: flex; gap: 10px; margin-top: 24px; }
    .st-nav-btn {
      width: 38px; height: 38px; border-radius: 50%;
      border: 2px solid #1a1a1a; background: transparent;
      font-size: 18px; font-weight: 700; color: #1a1a1a;
      display: flex; align-items: center; justify-content: center;
      cursor: pointer; transition: all 0.2s;
    }
    .st-nav-btn:hover { background: #1a1a1a; color: #fff; }

    .st-right {
      flex: 1; overflow: hidden;
      position: relative;
    }
    .st-photo-wrap {
      position: relative; flex-shrink: 0;
      width: 260px;
    }
    .st-photo {
      width: 260px; height: 340px; border-radius: 16px;
      overflow: hidden; background: rgba(0,0,0,0.15);
      display: flex; align-items: center; justify-content: center;
    }
    .st-photo img { width: 100%; height: 100%; object-fit: cover; }
    .st-photo-placeholder {
      font-size: 80px; color: rgba(255,255,255,0.5);
    }

    .st-quote-card {
      background: #fff;
      border-radius: 16px;
      padding: 28px 24px;
      position: relative;
      box-shadow: 0 8px 40px rgba(0,0,0,0.1);
      max-width: 380px;
    }
    .st-quote-card::before {
      content: '';
      position: absolute; left: -16px; top: 50px;
      width: 0; height: 0;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      border-right: 16px solid #fff;
    }
    .st-big-quote {
      font-size: 48px; color: var(--cu-red); line-height: 1;
      font-family: Georgia, serif; margin-bottom: 8px;
    }
    .st-quote-text {
      font-size: 14px; color: #444; line-height: 1.65;
      margin-bottom: 20px;
    }
    .st-person-name {
      font-family: var(--font-head); font-weight: 800;
      font-size: 18px; color: var(--cu-dark);
    }
    .st-person-course {
      font-size: 13px; font-weight: 700; color: var(--cu-dark);
      margin-top: 2px;
    }
    .st-person-course span { font-weight: 400; color: var(--cu-grey); }

    .st-slides { position: relative; }
    /* Swiper handles visibility — slides always display */
    .st-slide { display: flex; gap: 32px; align-items: center; }
    /* #stSwiper needs full height to show content */
    #stSwiper { overflow: hidden; }

    /* ══════════════════════════════════════════════════════════════
       MANAGEMENT PAGE — Scoped under .mgmt-page
       All selectors prefixed so they CANNOT affect homepage or other pages
       ══════════════════════════════════════════════════════════════ */
/* ══ BREADCRUMB ══ */
    .mgmt-page .breadcrumb {
      background: var(--cu-off); border-bottom: 1px solid var(--cu-border);
      padding: 12px 0;
    }
    .mgmt-page .breadcrumb-inner { display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--cu-grey); }
    .mgmt-page .breadcrumb-inner a { color: var(--cu-red); }
    .mgmt-page .breadcrumb-inner a:hover { text-decoration: underline; }
    .mgmt-page .breadcrumb-inner .sep { color: var(--cu-lgrey); }

    /* ══ HERO BANNER ══ */
    .mgmt-page .prog-hero {
      background: linear-gradient(135deg, #1C0808 0%, #2a0a05 40%, #1a1a1a 100%);
      padding: 64px 0 0;
      position: relative; overflow: hidden;
    }
    .mgmt-page .prog-hero::before {
      content: ''; position: absolute; inset: 0;
      background: radial-gradient(ellipse at 70% 50%, rgba(192,64,54,0.18) 0%, transparent 65%);
    }
    .mgmt-page .prog-hero-deco {
      position: absolute; right: -60px; top: -40px;
      font-family: var(--font-head); font-weight: 900; font-size: 220px;
      color: rgba(255,255,255,0.03); line-height: 1; pointer-events: none;
      letter-spacing: -8px;
    }
    .mgmt-page .prog-hero-inner {
      display: grid; grid-template-columns: 1fr 400px;
      gap: 60px; align-items: end; position: relative; z-index: 2;
    }
    .mgmt-page .prog-hero-left { padding-bottom: 48px; }
    .mgmt-page .prog-hero-tag {
      display: inline-flex; align-items: center; gap: 6px;
      background: rgba(192,64,54,0.25); color: #ff8a93;
      font-size: 11px; font-weight: 700; letter-spacing: 1.5px;
      text-transform: uppercase; padding: 6px 14px; border-radius: 20px;
      margin-bottom: 20px;
    }
    .mgmt-page .prog-hero-left h1 {
      font-family: var(--font-head); font-weight: 400;
      font-size: clamp(30px,4vw,52px); color: #fff; line-height: 1.1;
      margin-bottom: 16px;
    }
    .mgmt-page .prog-hero-left h1 strong { font-weight: 900; }
    .mgmt-page .prog-hero-left h1 em { font-style: normal; color: var(--cu-gold); }
    .mgmt-page .prog-hero-left p { color: rgba(255,255,255,0.6); font-size: 16px; line-height: 1.7; max-width: 580px; margin-bottom: 32px; }
    .mgmt-page .prog-hero-actions { display: flex; gap: 12px; flex-wrap: wrap; }
    .mgmt-page .btn-red {
      background: var(--cu-red); color: #fff;
      padding: 13px 28px; border-radius: 8px;
      font-family: var(--font-head); font-size: 14px; font-weight: 700;
      transition: all 0.2s; display: inline-flex; align-items: center; gap: 8px;
    }
    .mgmt-page .btn-red:hover { background: var(--cu-red2); transform: translateY(-2px); }
    .mgmt-page .btn-ghost {
      background: rgba(255,255,255,0.08); color: #fff;
      border: 1.5px solid rgba(255,255,255,0.25);
      padding: 13px 24px; border-radius: 8px;
      font-family: var(--font-head); font-size: 14px; font-weight: 600;
      transition: all 0.2s;
    }
    .mgmt-page .btn-ghost:hover { background: rgba(255,255,255,0.15); }

    /* Hero stats strip */
    .mgmt-page .prog-hero-stats {
      display: flex; gap: 0; border-top: 1px solid rgba(255,255,255,0.08); margin-top: 40px;
    }
    .mgmt-page .phs {
      flex: 1; padding: 20px 24px;
      border-right: 1px solid rgba(255,255,255,0.08);
    }
    .mgmt-page .phs:last-child { border-right: none; }
    .mgmt-page .phs-val {
      font-family: var(--font-head); font-weight: 900;
      font-size: 28px; color: var(--cu-gold); line-height: 1;
    }
    .mgmt-page .phs-lbl { font-size: 12px; color: rgba(255,255,255,0.5); margin-top: 4px; }

    /* Right card */
    .mgmt-page .prog-hero-card {
      background: rgba(255,255,255,0.05);
      border: 1px solid rgba(255,255,255,0.12);
      border-radius: 16px 16px 0 0;
      padding: 28px; backdrop-filter: blur(12px);
      align-self: stretch; display: flex; flex-direction: column; gap: 0;
    }
    .mgmt-page .phc-tag {
      font-size: 10px; font-weight: 700; letter-spacing: 1.5px;
      text-transform: uppercase; color: var(--cu-gold); margin-bottom: 6px;
    }
    .mgmt-page .phc-title {
      font-family: var(--font-head); font-weight: 800; font-size: 20px; color: #fff;
      margin-bottom: 4px;
    }
    .mgmt-page .phc-sub { font-size: 13px; color: rgba(255,255,255,0.5); margin-bottom: 24px; }
    .mgmt-page .phc-form { display: flex; flex-direction: column; gap: 10px; }
    .mgmt-page .phc-form input, .mgmt-page .phc-form select {
      width: 100%; padding: 11px 14px; border-radius: 8px;
      background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15);
      color: #fff; font-family: var(--font-body); font-size: 13px; outline: none;
    }
    .mgmt-page .phc-form select option { background: #1a1a1a; }
    .mgmt-page .phc-form input::placeholder { color: rgba(255,255,255,0.3); }
    .mgmt-page .phc-form input:focus, .mgmt-page .phc-form select:focus { border-color: rgba(192,64,54,0.6); }
    .mgmt-page .phc-submit {
      width: 100%; padding: 13px; border-radius: 8px;
      background: var(--cu-red); color: #fff;
      font-family: var(--font-head); font-size: 14px; font-weight: 700;
      cursor: pointer; margin-top: 4px; border: none;
      transition: all 0.2s;
    }
    .mgmt-page .phc-submit:hover { background: var(--cu-red2); }
    .mgmt-page .phc-note { font-size: 11px; color: rgba(255,255,255,0.3); text-align: center; margin-top: 8px; }

    /* Accreditation bar */
    .mgmt-page .accred-bar {
      background: #fff; border-bottom: 1px solid var(--cu-border);
      padding: 14px 0;
    }
    .mgmt-page .accred-inner {
      display: flex; align-items: center; justify-content: center;
      gap: 40px; flex-wrap: wrap;
    }
    .mgmt-page .accred-item { display: flex; align-items: center; gap: 8px; }
    .mgmt-page .accred-badge {
      background: var(--cu-off); border: 1px solid var(--cu-border); border-radius: 6px;
      padding: 4px 10px; font-family: var(--font-head); font-weight: 800;
      font-size: 11px; color: var(--cu-dark);
    }
    .mgmt-page .accred-label { font-size: 12px; color: var(--cu-grey); }

    /* ══ OVERVIEW SECTION ══ */
    .mgmt-page .overview-section { padding: 80px 0; }
    .mgmt-page .overview-grid { display: grid; grid-template-columns: 1fr 340px; gap: 60px; align-items: start; }
    .mgmt-page .overview-left { }
    .mgmt-page .sec-tag {
      display: inline-flex; align-items: center; gap: 6px;
      background: rgba(192,64,54,0.08); color: var(--cu-red);
      font-size: 11px; font-weight: 700; letter-spacing: 1.2px;
      text-transform: uppercase; padding: 5px 12px; border-radius: 20px;
      margin-bottom: 14px;
    }
    .mgmt-page .overview-left h2 {
      font-family: var(--font-head); font-weight: 400; font-size: clamp(24px,3vw,38px);
      line-height: 1.2; margin-bottom: 16px;
    }
    .mgmt-page .overview-left h2 strong { font-weight: 900; }
    .mgmt-page .overview-left h2 em { font-style: normal; color: var(--cu-red); font-weight: 800; }
    .mgmt-page .overview-left p { color: var(--cu-grey); font-size: 15px; line-height: 1.75; margin-bottom: 16px; }

    /* USP chips */
    .mgmt-page .usp-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 24px 0; }
    .mgmt-page .usp-chip {
      display: flex; align-items: center; gap: 6px;
      background: var(--cu-off); border: 1px solid var(--cu-border);
      padding: 7px 14px; border-radius: 50px;
      font-size: 13px; font-weight: 600; color: var(--cu-dark);
    }
    .mgmt-page .usp-chip span { font-size: 15px; }

    /* Ranking sidebar */
    .mgmt-page .rank-sidebar { display: flex; flex-direction: column; gap: 12px; }
    .mgmt-page .rank-card-s {
      border-radius: 12px; overflow: hidden;
      border: 1px solid var(--cu-border); background: #fff;
    }
    .mgmt-page .rank-card-s .rc-head {
      padding: 14px 18px; background: var(--cu-dark);
      font-family: var(--font-head); font-size: 11px; font-weight: 700;
      letter-spacing: 1px; text-transform: uppercase; color: rgba(255,255,255,0.6);
    }
    .mgmt-page .rank-card-s .rc-body { padding: 16px 18px; display: flex; align-items: center; gap: 14px; }
    .mgmt-page .rc-num {
      font-family: var(--font-head); font-weight: 900; font-size: 44px;
      color: var(--cu-red); line-height: 1; flex-shrink: 0;
    }
    .mgmt-page .rc-num.gold { color: var(--cu-gold); }
    .mgmt-page .rc-detail strong { font-family: var(--font-head); font-size: 14px; font-weight: 700; display: block; }
    .mgmt-page .rc-detail span { font-size: 12px; color: var(--cu-grey); }

    /* ══ PROGRAMS SECTION ══ */
    .mgmt-page .programs-section { padding: 80px 0; background: var(--cu-off); }
    .mgmt-page .sec-head { text-align: center; margin-bottom: 48px; }
    .mgmt-page .sec-head h2 { font-family: var(--font-head); font-weight: 400; font-size: clamp(24px,3vw,38px); }
    .mgmt-page .sec-head h2 strong { font-weight: 900; }
    .mgmt-page .sec-head h2 em { font-style: normal; color: var(--cu-red); font-weight: 800; }
    .mgmt-page .sec-head p { color: var(--cu-grey); font-size: 15px; margin-top: 10px; }

    /* Program tabs */
    .mgmt-page .prog-tabs { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; margin-bottom: 40px; }
    .mgmt-page .prog-tab {
      padding: 9px 22px; border-radius: 50px;
      font-size: 13.5px; font-weight: 600; cursor: pointer;
      border: 1.5px solid var(--cu-border); background: #fff; color: #555;
      transition: all 0.2s; font-family: var(--font-head);
    }
    .mgmt-page .prog-tab.active, .mgmt-page .prog-tab:hover { background: var(--cu-red); color: #fff; border-color: var(--cu-red); }

    /* Program panels */
    .mgmt-page .prog-panel { display: none; }
    .mgmt-page .prog-panel.active { display: block; }

    /* Course grid */
    .mgmt-page .course-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
    .mgmt-page .course-card {
      background: #fff; border-radius: 12px;
      border: 1px solid var(--cu-border); overflow: hidden;
      transition: all 0.25s; display: flex; flex-direction: column;
    }
    .mgmt-page .course-card:hover { transform: translateY(-4px); box-shadow: 0 8px 40px rgba(0,0,0,0.10); border-color: var(--cu-red); }
    .mgmt-page .cc-head {
      padding: 22px 22px 16px;
      border-bottom: 1px solid var(--cu-border);
      position: relative;
    }
    .mgmt-page .cc-badge {
      display: inline-block; background: rgba(192,64,54,0.08);
      color: var(--cu-red); font-size: 10px; font-weight: 800;
      letter-spacing: 0.8px; text-transform: uppercase;
      padding: 3px 8px; border-radius: 4px; margin-bottom: 10px;
    }
    .mgmt-page .cc-badge.gold { background: rgba(255,164,18,0.12); color: #b06010; }
    .mgmt-page .cc-badge.dark { background: rgba(38,38,38,0.08); color: var(--cu-dark); }
    .mgmt-page .cc-head h3 {
      font-family: var(--font-head); font-weight: 700; font-size: 15px;
      color: var(--cu-dark); line-height: 1.4;
    }
    .mgmt-page .cc-brand {
      display: inline-flex; align-items: center; gap: 4px;
      background: var(--cu-dark); color: var(--cu-gold);
      font-size: 9px; font-weight: 800; letter-spacing: 0.5px;
      padding: 2px 7px; border-radius: 3px; margin-left: 4px;
      text-transform: uppercase; vertical-align: middle;
    }
    .mgmt-page .cc-body { padding: 16px 22px; flex: 1; }
    .mgmt-page .cc-meta { display: flex; flex-wrap: wrap; gap: 12px; }
    .mgmt-page .cc-meta-item { font-size: 12px; color: var(--cu-grey); display: flex; align-items: center; gap: 5px; }
    .mgmt-page .cc-meta-item strong { color: var(--cu-dark); font-weight: 700; }
    .mgmt-page .cc-footer {
      padding: 14px 22px; border-top: 1px solid var(--cu-border);
      display: flex; justify-content: space-between; align-items: center;
    }
    .mgmt-page .cc-footer .cc-fee { font-family: var(--font-head); font-weight: 800; font-size: 14px; color: var(--cu-dark); }
    .mgmt-page .cc-footer .cc-fee span { font-size: 11px; font-weight: 400; color: var(--cu-grey); }
    .mgmt-page .cc-footer a {
      font-size: 13px; font-weight: 700; color: var(--cu-red);
      display: flex; align-items: center; gap: 4px;
      font-family: var(--font-head);
    }
    .mgmt-page .cc-footer a:hover { gap: 7px; }

    /* ══ PLACEMENTS SECTION ══ */
    .mgmt-page .placements-section { padding: 80px 0; background: var(--cu-dark); }
    .mgmt-page .placements-section .sec-head h2 { color: #fff; }
    .mgmt-page .placements-section .sec-head p { color: rgba(255,255,255,0.5); }
    .mgmt-page .placements-section .sec-tag { background: rgba(192,64,54,0.25); color: #ff8a93; }

    .mgmt-page .place-stats { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; margin-bottom: 52px; }
    .mgmt-page .ps-box {
      background: rgba(255,255,255,0.05);
      border: 1px solid rgba(255,255,255,0.1);
      border-radius: 12px; padding: 28px 20px; text-align: center;
      transition: all 0.25s;
    }
    .mgmt-page .ps-box:hover { background: rgba(192,64,54,0.15); border-color: rgba(192,64,54,0.3); }
    .mgmt-page .ps-box .ps-val { font-family: var(--font-head); font-weight: 900; font-size: 34px; color: #fff; line-height: 1; }
    .mgmt-page .ps-box .ps-val sub { font-size: 14px; font-weight: 600; }
    .mgmt-page .ps-box .ps-lbl { color: rgba(255,255,255,0.5); font-size: 12px; margin-top: 8px; }

    /* Recruiter logos */
    .mgmt-page .recruiters-grid {
      display: flex; flex-wrap: wrap; gap: 10px; justify-content: center;
    }
    .mgmt-page .rec-pill {
      background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.1);
      padding: 8px 18px; border-radius: 6px;
      font-family: var(--font-head); font-size: 13px; font-weight: 700;
      color: rgba(255,255,255,0.7); transition: all 0.2s;
    }
    .mgmt-page .rec-pill:hover { background: rgba(255,255,255,0.12); color: #fff; border-color: rgba(255,255,255,0.25); }

    /* ══ WHY CHOOSE SECTION ══ */
    .mgmt-page .why-section { padding: 80px 0; }
    .mgmt-page .why-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; padding: 20px 0; }
    .mgmt-page .why-card {
      padding: 28px; border-radius: 12px;
      border: 1px solid var(--cu-border); transition: all 0.25s; position: relative; overflow: hidden;
    }
    .mgmt-page .why-card::before {
      content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
      background: var(--cu-red); transform: scaleX(0); transform-origin: left; transition: transform 0.3s;
    }
    .mgmt-page .why-card:hover { transform: translateY(-4px); box-shadow: 0 8px 40px rgba(0,0,0,0.10); }
    .mgmt-page .why-card:hover::before { transform: scaleX(1); }
    .mgmt-page .wc-icon {
      width: 52px; height: 52px; border-radius: 12px;
      display: flex; align-items: center; justify-content: center;
      font-size: 24px; margin-bottom: 18px;
    }
    .mgmt-page .wc-icon.red { background: rgba(192,64,54,0.1); }
    .mgmt-page .wc-icon.gold { background: rgba(255,164,18,0.1); }
    .mgmt-page .wc-icon.dark { background: rgba(38,38,38,0.08); }
    .mgmt-page .why-card h3 { font-family: var(--font-head); font-weight: 700; font-size: 17px; margin-bottom: 10px; }
    .mgmt-page .why-card p,
    .mgmt-page .why-card li {
        font-size: 13.5px;
        color: var(--cu-grey);
        line-height: 1.65;
    }
    
    .mgmt-page .why-card ul{
        padding-left: 18px;
        margin: 0;
    }

    /* ══ INDUSTRY PARTNERS ══ */
    .mgmt-page .partners-section { padding: 60px 0; background: var(--cu-off); }
    .mgmt-page .partners-section .sec-head { margin-bottom: 36px; }
    .mgmt-page .partners-strip {
      display: flex; flex-wrap: wrap; gap: 10px; justify-content: center;
    }
    .mgmt-page .partner-pill {
      background: #fff; border: 1.5px solid var(--cu-border);
      border-radius: 8px; padding: 10px 20px;
      font-family: var(--font-head); font-size: 13px; font-weight: 700; color: var(--cu-dark);
      transition: all 0.2s;
    }
    .mgmt-page .partner-pill:hover { border-color: var(--cu-red); color: var(--cu-red); }
    .mgmt-page .partner-pill.gold { border-color: var(--cu-gold); color: #a06010; background: #fffbf0; }

    /* ══ FACULTY SECTION ══ */
    .mgmt-page .faculty-section { padding: 80px 0; }
    .mgmt-page .faculty-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
    .mgmt-page .faculty-card {
      border-radius: 12px; overflow: hidden;
      border: 1px solid var(--cu-border); text-align: center;
      transition: all 0.25s; background: #fff;
    }
    .mgmt-page .faculty-card:hover { transform: translateY(-4px); box-shadow: 0 8px 40px rgba(0,0,0,0.10); }
    .mgmt-page .fc-photo {
      height: 180px; display: flex; align-items: center; justify-content: center;
      font-size: 56px;
    }
    .mgmt-page .fc1 { background: linear-gradient(160deg, #C04036, #7a1a14); }
    .mgmt-page .fc2 { background: linear-gradient(160deg, #262626, #1a1a1a); }
    .mgmt-page .fc3 { background: linear-gradient(160deg, #FFA412, #c07a0a); }
    .mgmt-page .fc4 { background: linear-gradient(160deg, #2a4a7a, #1a2a4a); }
    .mgmt-page .fc-info { padding: 16px; }
    .mgmt-page .fc-name { font-family: var(--font-head); font-weight: 700; font-size: 15px; }
    .mgmt-page .fc-role { font-size: 12px; color: var(--cu-grey); margin-top: 4px; }
    .mgmt-page .fc-exp { font-size: 11px; color: var(--cu-red); font-weight: 700; margin-top: 6px; }

    /* ══ TESTIMONIALS ══ */
    .mgmt-page .testi-section { padding: 80px 0; background: var(--cu-off); }
    .mgmt-page .testi-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
    .mgmt-page .testi-card {
      background: #fff; border-radius: 12px;
      padding: 28px; border: 1px solid var(--cu-border);
      position: relative; transition: all 0.25s;
      display:flex; height:100%; flex-direction: column;
    }
    .mgmt-page .testi-card:hover { transform: translateY(-4px); box-shadow: 0 8px 40px rgba(0,0,0,0.10); }
    .mgmt-page .tc-quote {
      font-size: 40px; color: var(--cu-red); font-family: Georgia, serif;
      line-height: 0.8; margin-bottom: 12px;
    }
    .mgmt-page .tc-text { font-size: 14px; color: #444; line-height: 1.65; margin-bottom: 20px; }
    .mgmt-page .tc-person { display: flex; align-items: center; gap: 12px; margin-top:auto; }
    .mgmt-page .tc-avatar {
      width: 44px; height: 44px; border-radius: 50%;
      display: flex; align-items: center; justify-content: center;
      font-family: var(--font-head); font-weight: 800; font-size: 16px; color: #fff;
      flex-shrink: 0;
    }
    .mgmt-page .tc-name { font-family: var(--font-head); font-weight: 700; font-size: 15px; }
    .mgmt-page .tc-role { font-size: 12px; color: var(--cu-grey); margin-top: 2px; }
    .mgmt-page .tc-company { font-size: 12px; color: var(--cu-red); font-weight: 700; margin-top: 2px; }

    /* ══ CTA SECTION ══ */
    .mgmt-page .cta-section {
      padding: 80px 0;
      background: linear-gradient(135deg, #1C0808, #2a0a05, #1a1a1a);
      position: relative; overflow: hidden;
    }
    .mgmt-page .cta-section::before {
      content: ''; position: absolute; top: -100px; right: -100px;
      width: 500px; height: 500px; border-radius: 50%;
      background: radial-gradient(circle, rgba(192,64,54,0.2) 0%, transparent 70%);
    }
    .mgmt-page .cta-inner { text-align: center; position: relative; z-index: 2; }
    .mgmt-page .cta-inner h2 {
      font-family: var(--font-head); font-weight: 400; font-size: clamp(26px,3.5vw,44px);
      color: #fff; line-height: 1.2; margin-bottom: 14px;
    }
    .mgmt-page .cta-inner h2 strong { font-weight: 900; }
    .mgmt-page .cta-inner h2 em { font-style: normal; color: var(--cu-gold); font-weight: 800; }
    .mgmt-page .cta-inner p { color: rgba(255,255,255,0.55); font-size: 16px; margin-bottom: 32px; }
    .mgmt-page .cta-actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
    .mgmt-page .cta-deadline {
      display: inline-flex; align-items: center; gap: 8px;
      background: rgba(255,164,18,0.15); border: 1px solid rgba(255,164,18,0.3);
      color: var(--cu-gold); font-size: 13px; font-weight: 700;
      padding: 8px 16px; border-radius: 50px; margin-bottom: 28px;
    }

    /* ══ RESPONSIVE ══ */
    
    
    

    /* ══ RESPONSIVE ADDITIONS ══ */

@media (max-width: 1024px) {

      .mgmt-page .prog-hero-inner { grid-template-columns: 1fr; }
      .mgmt-page .prog-hero-card { display: none; }
      .mgmt-page .overview-grid { grid-template-columns: 1fr; }
      .mgmt-page .rank-sidebar { flex-direction: row; flex-wrap: wrap; }
      .mgmt-page .rank-card-s { flex: 1; min-width: 200px; }
      .mgmt-page .course-grid { grid-template-columns: repeat(2,1fr); }
      .mgmt-page .faculty-grid { grid-template-columns: repeat(2,1fr); }
      .mgmt-page .footer-grid { grid-template-columns: 1fr 1fr; }
    
}

@media (max-width: 768px) {

      .mgmt-page .topbar { display: none; }
      .mgmt-page .nav-links { display: none; }
      .mgmt-page .prog-hero-stats { flex-wrap: wrap; }
      .mgmt-page .phs { min-width: 50%; }
      .mgmt-page .place-stats { grid-template-columns: repeat(2,1fr); }
      .mgmt-page .why-grid { grid-template-columns: 1fr; }
      .mgmt-page .course-grid { grid-template-columns: 1fr; }
      .mgmt-page .testi-grid { grid-template-columns: 1fr; }
      .mgmt-page .faculty-grid { grid-template-columns: repeat(2,1fr); }
      .mgmt-page .footer-grid { grid-template-columns: 1fr; }
      .mgmt-page .footer-bottom { flex-direction: column; gap: 8px; text-align: center; }
      .mgmt-page .sticky-cta { bottom: 0; right: 0; left: 0; flex-direction: row; padding: 10px 16px; background: #111; border-radius: 0; }
      .mgmt-page .sticky-btn { flex: 1; justify-content: center; border-radius: 8px; }
    
}

@media (max-width: 480px) {

      .mgmt-page .place-stats { grid-template-columns: 1fr; }
      /*.mgmt-page .prog-hero-actions { flex-direction: column; }*/
      .mgmt-page .prog-tabs { gap: 5px; }
      .mgmt-page .prog-tab { padding: 7px 14px; font-size: 12px; }
    }

    /* ══ DEAN MESSAGE ══ */
    .mgmt-page .dean-section { padding:80px 0; background:var(--cu-off); }
    .mgmt-page .dean-grid { display:grid; grid-template-columns:340px 1fr; gap:60px; align-items:center; }
    .mgmt-page .dean-photo { width:100%; aspect-ratio:3/4; border-radius:16px; overflow:hidden; background:linear-gradient(160deg,#C04036 0%,#7a1a14 50%,#262626 100%); display:flex; align-items:flex-end; justify-content:center; position:relative; }
    .mgmt-page .dean-avatar { font-size:130px; margin-bottom:-8px; filter:drop-shadow(0 -10px 30px rgba(0,0,0,.3)); }
    .mgmt-page .dean-photo-badge { position:absolute; top:18px; left:18px; background:var(--cu-gold); color:#1C1008; font-family:var(--font-head); font-size:11px; font-weight:800; letter-spacing:.5px; padding:6px 12px; border-radius:6px; }
    .mgmt-page .dean-sig { margin-top:18px; padding:20px; background:#fff; border-radius:12px; border:1px solid var(--cu-border); }
    .mgmt-page .dean-sig-name { font-family:var(--font-head); font-weight:900; font-size:18px; color:var(--cu-dark); }
    .mgmt-page .dean-sig-role { font-size:13px; color:var(--cu-grey); margin-top:4px; }
    .mgmt-page .dean-sig-exp { font-size:12px; color:var(--cu-red); font-weight:700; margin-top:6px; }
    .mgmt-page .dean-awards { display:flex; gap:6px; flex-wrap:wrap; margin-top:12px; }
    .mgmt-page .dean-award { background:var(--cu-off); border:1px solid var(--cu-border); border-radius:50px; padding:4px 10px; font-size:11px; font-weight:600; color:var(--cu-grey); }
    .mgmt-page .dean-content .sec-label-block { display:inline-flex; align-items:center; gap:6px; background:rgba(192,64,54,.08); color:var(--cu-red); font-size:11px; font-weight:700; letter-spacing:1.2px; text-transform:uppercase; padding:5px 12px; border-radius:20px; margin-bottom:14px; }
    .mgmt-page .dean-content h2 { font-family:var(--font-head); font-weight:400; font-size:clamp(22px,3vw,34px); line-height:1.25; margin-bottom:20px; }
    .mgmt-page .dean-content h2 strong { font-weight:900; }
    .mgmt-page .dean-content h2 em { font-style:normal; color:var(--cu-red); font-weight:800; }
    .mgmt-page .dean-quote { border-left:4px solid var(--cu-red); padding:16px 20px; background:#fff; border-radius:0 12px 12px 0; margin-bottom:22px; }
    .mgmt-page .dean-quote p { font-size:17px; font-style:italic; color:var(--cu-dark); line-height:1.7; }
    .mgmt-page .dean-body p { font-size:15px; color:var(--cu-grey); line-height:1.75; margin-bottom:12px; }
    .mgmt-page .dean-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:26px; }
    .mgmt-page .ds-box { background:#fff; border:1px solid var(--cu-border); border-radius:10px; padding:18px; text-align:center; }
    .mgmt-page .ds-val { font-family:var(--font-head); font-weight:900; font-size:26px; color:var(--cu-red); line-height:1; }
    .mgmt-page .ds-lbl { font-size:12px; color:var(--cu-grey); margin-top:6px; }

    /* ══ DEPARTMENT VIDEO ══ */
    .mgmt-page .video-section { padding:80px 0; background:var(--cu-dark); position:relative; overflow:hidden; }
    .mgmt-page .video-section::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse at 30% 50%,rgba(192,64,54,.15) 0%,transparent 60%); pointer-events:none; }
    .mgmt-page .video-grid { display:grid; grid-template-columns:1fr 460px; gap:56px; align-items:center; position:relative; z-index:2; }
    .mgmt-page .video-left .sec-label-inv { display:inline-flex; align-items:center; gap:6px; background:rgba(192,64,54,.22); color:#ff8a93; font-size:11px; font-weight:700; letter-spacing:1.2px; text-transform:uppercase; padding:5px 12px; border-radius:20px; margin-bottom:18px; }
    .mgmt-page .video-left h2 { font-family:var(--font-head); font-weight:400; font-size:clamp(22px,3vw,34px); color:#fff; line-height:1.22; margin-bottom:14px; }
    .mgmt-page .video-left h2 strong { font-weight:900; }
    .mgmt-page .video-left h2 em { font-style:normal; color:var(--cu-gold); }
    .mgmt-page .video-left p { color:rgba(255,255,255,.55); font-size:15px; line-height:1.72; margin-bottom:22px; }
    .mgmt-page .video-pills { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:26px; }
    .mgmt-page .vid-pill { display:inline-flex; align-items:center; gap:6px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.12); padding:7px 14px; border-radius:50px; font-size:13px; color:rgba(255,255,255,.7); }
    .mgmt-page .video-main { border-radius:16px; overflow:hidden; cursor:pointer; position:relative; aspect-ratio:16/9; background:#111; transition:transform .25s; }
    .mgmt-page .video-main:hover { transform:scale(1.02); }
    .mgmt-page .vid-thumb { position:absolute; inset:0; background:linear-gradient(160deg,#C04036 0%,#7a1a14 35%,#1a1a1a 100%); display:flex; align-items:center; justify-content:center; flex-direction:column; gap:12px; }
    .mgmt-page .vid-play { width:72px; height:72px; border-radius:50%; background:rgba(255,255,255,.15); backdrop-filter:blur(8px); border:3px solid rgba(255,255,255,.4); display:flex; align-items:center; justify-content:center; transition:all .3s; }
    .mgmt-page .vid-play:hover, .mgmt-page .video-main:hover .vid-play { background:var(--cu-red); border-color:var(--cu-red); transform:scale(1.1); }
    .mgmt-page .vid-play svg { width:28px; height:28px; fill:#fff; margin-left:4px; }
    .mgmt-page .vid-title { font-family:var(--font-head); font-weight:700; font-size:16px; color:#fff; text-align:center; padding:0 20px; }
    .mgmt-page .vid-duration { font-size:12px; color:rgba(255,255,255,.5); }
    .mgmt-page .vid-badge { position:absolute; top:14px; left:14px; background:var(--cu-red); color:#fff; font-family:var(--font-head); font-size:11px; font-weight:700; padding:5px 12px; border-radius:6px; }
    .mgmt-page .extra-vids { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:14px; }
    .mgmt-page .ev-card { border-radius:10px; overflow:hidden; cursor:pointer; position:relative; aspect-ratio:16/9; transition:transform .25s; }
    .mgmt-page .ev-card:hover { transform:scale(1.05); }
    .mgmt-page .ev-inner { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:6px; }
    .mgmt-page .ev-play { width:34px; height:34px; border-radius:50%; background:rgba(255,255,255,.2); border:2px solid rgba(255,255,255,.4); display:flex; align-items:center; justify-content:center; }
    .mgmt-page .ev-play svg { width:13px; height:13px; fill:#fff; margin-left:2px; }
    .mgmt-page .ev-lbl { font-family:var(--font-head); font-size:10px; font-weight:700; color:rgba(255,255,255,.8); text-align:center; padding:0 8px; }
    .mgmt-page .ev1 { background:linear-gradient(160deg,#1a3a6a,#0d1e38); }
    .mgmt-page .ev2 { background:linear-gradient(160deg,#1a5a2a,#0d2e18); }
    .mgmt-page .ev3 { background:linear-gradient(160deg,#5a3a1a,#2e1e0d); }
    /* Video modal */
    .mgmt-page .vid-modal { position:fixed; inset:0; background:rgba(0,0,0,.92); z-index:3000; display:none; align-items:center; justify-content:center; }
    .mgmt-page .vid-modal.open { display:flex; }
    .mgmt-page .vm-inner { position:relative; width:min(860px,92vw); }
    .mgmt-page .vm-inner iframe { width:100%; aspect-ratio:16/9; border-radius:12px; border:none; display:block; }
    .mgmt-page .vm-close { position:absolute; top:-44px; right:0; background:none; border:none; color:#fff; font-size:32px; cursor:pointer; opacity:.7; transition:opacity .2s; line-height:1; }
    .mgmt-page .vm-close:hover { opacity:1; }

    /* ══ LABS ══ */
    .mgmt-page .labs-section { padding:80px 0; background:var(--cu-off); }
    .mgmt-page .labs-intro { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; margin-bottom:60px; }
    .mgmt-page .labs-intro h2 { font-family:var(--font-head); font-weight:400; font-size:clamp(22px,3vw,34px); line-height:1.22; margin-bottom:14px; }
    .mgmt-page .labs-intro h2 strong { font-weight:900; }
    .mgmt-page .labs-intro h2 em { font-style:normal; color:var(--cu-red); font-weight:800; }
    .mgmt-page .labs-intro p { color:var(--cu-grey); font-size:15px; line-height:1.75; margin-bottom:12px; }
    .mgmt-page .labs-kpi { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
    .mgmt-page .lkpi { background:#fff; border:1px solid var(--cu-border); border-radius:10px; padding:18px; text-align:center; }
    .mgmt-page .lkpi-val { font-family:var(--font-head); font-weight:900; font-size:28px; color:var(--cu-red); line-height:1; }
    .mgmt-page .lkpi-lbl { font-size:12px; color:var(--cu-grey); margin-top:5px; }
    .mgmt-page .labs-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
    .mgmt-page .lab-card { background:#fff; border-radius:12px; overflow:hidden; border:1px solid var(--cu-border); transition:all .28s; display:flex; flex-direction:column; }
    .mgmt-page .lab-card:hover { transform:translateY(-5px); box-shadow:0 8px 40px rgba(0,0,0,0.10); border-color:var(--cu-red); }
    .mgmt-page .lab-visual { height:180px; display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden; }
    .mgmt-page .lab-icon { font-size:64px; filter:drop-shadow(0 4px 12px rgba(0,0,0,.2)); position:relative; z-index:2; }
    .mgmt-page .lv1 { background:linear-gradient(160deg,#C04036,#7a1a14); }
    .mgmt-page .lv2 { background:linear-gradient(160deg,#1a3a6a,#0d1e38); }
    .mgmt-page .lv3 { background:linear-gradient(160deg,#1a5a2a,#0d2e18); }
    .mgmt-page .lv4 { background:linear-gradient(160deg,#5a3a1a,#2e1e0d); }
    .mgmt-page .lv5 { background:linear-gradient(160deg,#3a1a5a,#1e0d2e); }
    .mgmt-page .lv6 { background:linear-gradient(160deg,#1a5a5a,#0d2e2e); }
    .mgmt-page .lab-body { padding:20px 22px; flex:1; }
    .mgmt-page .lab-badge { display:inline-block; background:rgba(192,64,54,.09); color:var(--cu-red); font-size:10px; font-weight:800; letter-spacing:.8px; text-transform:uppercase; padding:3px 8px; border-radius:4px; margin-bottom:10px; }
    .mgmt-page .lab-body h3 { font-family:var(--font-head); font-weight:700; font-size:16px; color:var(--cu-dark); margin-bottom:8px; line-height:1.35; }
    .mgmt-page .lab-body p { font-size:13px; color:var(--cu-grey); line-height:1.6; margin-bottom:12px; }
    .mgmt-page .lab-eq { display:flex; flex-wrap:wrap; gap:6px; }
    .mgmt-page .eq-tag { background:var(--cu-off); border:1px solid var(--cu-border); border-radius:4px; padding:3px 8px; font-size:11px; color:var(--cu-grey); font-weight:600; }
    .mgmt-page .lab-footer { padding:13px 22px; border-top:1px solid var(--cu-border); display:flex; justify-content:space-between; align-items:center; }
    .mgmt-page .lab-seats { font-size:12px; color:var(--cu-grey); }
    .mgmt-page .lab-seats strong { color:var(--cu-dark); font-weight:700; }
    .mgmt-page .lab-brand { display:inline-flex; align-items:center; background:var(--cu-dark); color:var(--cu-gold); font-size:10px; font-weight:800; padding:3px 8px; border-radius:4px; text-transform:uppercase; letter-spacing:.5px;
}

@media (max-width:768px) {

      .mgmt-page .mob-ham { display:flex !important; }
      .mgmt-page .nav-links { display:none !important; }
      .mgmt-page .navbar-inner { height:58px; }
      .mgmt-page .mega-bar { top:58px; }
      .mgmt-page .nav-logo-icon { width:40px; height:40px; font-size:13px; }
      .mgmt-page .nl-top { font-size:15px; } .nl-bot { font-size:11px; } .nl-tag { display:none; }
      .mgmt-page .dean-grid { grid-template-columns:1fr !important; }
      .mgmt-page .dean-photo { aspect-ratio:16/9; max-height:280px; }
      .mgmt-page .dean-avatar { font-size:80px; }
      .mgmt-page .dean-stats { grid-template-columns:repeat(3,1fr); }
      .mgmt-page .video-grid { grid-template-columns:1fr !important; }
      .mgmt-page .extra-vids { grid-template-columns:repeat(3,1fr); }
      .mgmt-page .labs-intro { grid-template-columns:1fr !important; gap:36px; }
      .mgmt-page .labs-kpi { grid-template-columns:repeat(3,1fr); }
      .mgmt-page .labs-grid { grid-template-columns:1fr !important; }
    
}

@media (max-width:480px) {

      .mgmt-page .dean-stats { grid-template-columns:1fr 1fr; }
      .mgmt-page .extra-vids { grid-template-columns:1fr 1fr; }
      .mgmt-page .labs-kpi { grid-template-columns:repeat(2,1fr); }
    
}
/* ══════════════════════════════════════════════════════════════
   FOE & T COURSES SECTION — scoped under .mgmt-page
   ══════════════════════════════════════════════════════════════ */

    /* Section wrapper */
    .mgmt-page .foet-section {
      padding: 80px 0;
      background: #fff;
    }

    /* Two-column layout: sidebar | content */
    .mgmt-page .foet-grid {
      display: grid;
      grid-template-columns: 250px 1fr;
      gap: 40px;
      align-items: start;
    }

    /* ── Sidebar ── */
    .mgmt-page .foet-sidebar {
      position: sticky;
      top: 140px;
    }

    .mgmt-page .foet-logo-card {
      background: #fff;
      border: 1px solid var(--cu-border);
      border-radius: var(--cu-radius, 12px);
      padding: 20px;
      margin-bottom: 20px;
      display: flex;
      align-items: center;
      gap: 14px;
    }

    .mgmt-page .foet-logo-icon {
      width: 54px; height: 54px;
      border-radius: 10px;
      background: linear-gradient(135deg, #C04036, #7a1a14);
      display: flex; align-items: center; justify-content: center;
      flex-shrink: 0;
    }

    .mgmt-page .foet-logo-icon svg {
      width: 28px; height: 28px; fill: #fff;
    }

    .mgmt-page .foet-logo-text {
      font-family: var(--font-head);
      font-size: 13px; font-weight: 700;
      color: var(--cu-dark); line-height: 1.45;
    }

    .mgmt-page .foet-logo-sub {
      font-size: 11.5px; color: var(--cu-grey);
      font-weight: 400; margin-top: 2px;
    }

    .mgmt-page .foet-dept-title {
      font-family: var(--font-head);
      font-weight: 900; font-size: 14px;
      color: var(--cu-dark); margin-bottom: 14px;
      letter-spacing: 0.3px;
    }

    .mgmt-page .foet-dept-list {
      display: flex; flex-direction: column; gap: 8px;
    }

    .mgmt-page .foet-dept-item {
      display: flex; align-items: center; gap: 14px;
      padding: 14px 16px;
      background: #fff;
      border: 1px solid var(--cu-border);
      border-radius: 10px;
      cursor: pointer;
      transition: all 0.2s;
    }

    .mgmt-page .foet-dept-item:hover {
      border-color: var(--cu-red);
      box-shadow: 0 4px 16px rgba(192,64,54,0.08);
    }

    .mgmt-page .foet-dept-item.active {
      border-color: var(--cu-red);
      background: rgba(192,64,54,0.03);
    }

    .mgmt-page .foet-dept-icon {
      width: 42px; height: 42px; border-radius: 10px;
      display: flex; align-items: center; justify-content: center;
      flex-shrink: 0; font-size: 18px;
    }

    .mgmt-page .fdi-cse { background: rgba(192,64,54,0.10); }
    .mgmt-page .fdi-ee  { background: rgba(255,164,18,0.10); }
    .mgmt-page .fdi-me  { background: rgba(30,80,180,0.10);  }
    .mgmt-page .fdi-ce  { background: rgba(30,160,100,0.10); }

    .mgmt-page .foet-dept-name {
      font-family: var(--font-head);
      font-size: 12.5px; font-weight: 800;
      color: var(--cu-red);
      text-transform: uppercase; letter-spacing: 0.3px; line-height: 1.3;
    }

    .mgmt-page .foet-dept-item:not(.active) .foet-dept-name {
      color: var(--cu-dark);
    }

    /* ── Content area ── */
    .mgmt-page .foet-header {
      margin-bottom: 36px;
    }

    .mgmt-page .foet-header h2 {
      font-family: var(--font-head);
      font-weight: 400;
      font-size: clamp(24px, 3vw, 38px);
      line-height: 1.2;
    }

    .mgmt-page .foet-header h2 strong { font-weight: 900; }
    .mgmt-page .foet-header h2 em { font-style: normal; color: var(--cu-red); font-weight: 800; }

    /* ── Program blocks ── */
    .mgmt-page .foet-prog-block {
      background: var(--cu-off, #F3F2F1);
      border: 1px solid var(--cu-border);
      border-radius: var(--cu-radius, 12px);
      padding: 28px 32px;
      margin-bottom: 24px;
    }

    .mgmt-page .foet-prog-block h3 {
      font-family: var(--font-head);
      font-weight: 800; font-size: 18px;
      color: var(--cu-dark);
      margin-bottom: 20px; padding-bottom: 12px;
      border-bottom: 2px solid var(--cu-border);
      display: flex; align-items: center; gap: 10px;
    }

    .mgmt-page .foet-prog-block h3 .fpb-icon {
      width: 30px; height: 30px; border-radius: 6px;
      background: var(--cu-red);
      display: flex; align-items: center; justify-content: center;
      font-size: 14px; flex-shrink: 0;
    }

    /* Two-column course list */
    .mgmt-page .foet-prog-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px 32px;
    }

    .mgmt-page .foet-prog-item {
      display: flex; align-items: flex-start; gap: 10px;
      padding: 10px 14px;
      background: #fff;
      border-radius: 8px;
      border: 1px solid transparent;
      transition: all 0.18s;
    }

    .mgmt-page .foet-prog-item:hover {
      border-color: var(--cu-red);
      background: rgba(192,64,54,0.02);
    }

    .mgmt-page .foet-prog-dot {
      width: 6px; height: 6px; border-radius: 50%;
      background: var(--cu-red);
      flex-shrink: 0; margin-top: 7px;
    }

    .mgmt-page .foet-prog-item span {
      font-size: 13.5px; color: #444; line-height: 1.4;
    }

/* ── FOET Responsive ── */
@media (max-width: 1024px) {
  .mgmt-page .foet-grid {
    grid-template-columns: 1fr;
  }
  .mgmt-page .foet-sidebar {
    position: static;
  }
  .mgmt-page .foet-dept-list {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .mgmt-page .foet-dept-item {
    flex: 1;
    min-width: 180px;
  }
}

@media (max-width: 768px) {
  .mgmt-page .foet-section { padding: 52px 0; }
  .mgmt-page .foet-dept-list { flex-direction: column; }
  .mgmt-page .foet-dept-item { min-width: auto; }
  .mgmt-page .foet-prog-grid { grid-template-columns: 1fr; }
  .mgmt-page .foet-prog-block { padding: 20px 18px; }
}

@media (max-width: 480px) {
  .mgmt-page .foet-logo-card { flex-direction: column; text-align: center; }
  .mgmt-page .foet-prog-block h3 { font-size: 16px; }
  .mgmt-page .foet-prog-item { padding: 8px 10px; }
  .mgmt-page .foet-prog-item span { font-size: 13px; }
}


/* ═══════════════════════════════════════════════════════════════
   DEPARTMENT PAGE — all classes prefixed  dept-
   Pixel-perfect port of vgu-department.html
   ═══════════════════════════════════════════════════════════════ */

/* ── Breadcrumb ── */
.dept-breadcrumb { background: #F3F2F1; border-bottom: 1px solid #E5E5E5; padding: 12px 0; }
.dept-bc-inner   { display: flex; align-items: center; gap: 6px; font-size: 13px; color: #676767; }
.dept-bc-inner a { color: #C04036; text-decoration: none; }
.dept-bc-inner a:hover { text-decoration: underline; }
.dept-bc-sep { color: #B5B5B5; }

/* ── Hero ── */
.dept-hero { background: linear-gradient(135deg,#0a0a1e 0%,#141428 40%,#1a1a2a 100%); padding: 64px 0 0; position: relative; overflow: hidden; }
.dept-hero::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse at 65% 50%,rgba(192,64,54,.14),transparent 65%); }
.dept-hero::after  { content:''; position:absolute; right:-60px; bottom:-60px; width:350px; height:350px; border-radius:50%; background:radial-gradient(circle,rgba(255,164,18,.06),transparent 70%); }
.dept-hero-deco { position:absolute; right:-30px; top:-20px; font-family:var(--font-head); font-weight:900; font-size:200px; color:rgba(255,255,255,.018); line-height:1; pointer-events:none; user-select:none; }

.dept-hero-grid { display:grid; grid-template-columns:1fr 400px; gap:48px; align-items:end; position:relative; z-index:2; }
.dept-hero-left { padding-bottom:48px; }

.dept-hero-tag { display:inline-flex; align-items:center; gap:8px; background:rgba(192,64,54,.22); color:#ff8a93; font-size:11px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; padding:6px 14px; border-radius:20px; margin-bottom:20px; font-family:var(--font-head); }

.dept-hero-left h1       { font-family:var(--font-head); font-weight:400; font-size:clamp(28px,3.8vw,48px); color:#fff; line-height:1.12; margin-bottom:16px; }
.dept-hero-left h1 strong { font-weight:900; }
.dept-hero-left h1 em    { font-style:normal; color:var(--cu-gold); }
.dept-hero-left > p      { color:rgba(255,255,255,.58); font-size:15.5px; line-height:1.72; max-width:540px; margin-bottom:28px; }

.dept-hero-actions { display:flex; gap:12px; flex-wrap:wrap; }
.dept-btn-red   { background:var(--cu-red); color:#fff; padding:13px 28px; border-radius:8px; font-family:var(--font-head); font-size:14px; font-weight:700; transition:all .2s; display:inline-flex; align-items:center; gap:8px; text-decoration:none; }
.dept-btn-red:hover { background:var(--cu-red2); transform:translateY(-2px); color:#fff; }
.dept-btn-ghost { background:rgba(255,255,255,.08); color:#fff; border:1.5px solid rgba(255,255,255,.25); padding:13px 24px; border-radius:8px; font-family:var(--font-head); font-size:14px; font-weight:600; transition:all .2s; text-decoration:none; display:inline-flex; align-items:center; }
.dept-btn-ghost:hover { background:rgba(255,255,255,.15); color:#fff; }

.dept-hero-stats { display:flex; border-top:1px solid rgba(255,255,255,.08); margin-top:36px; }
.dept-hs         { flex:1; padding:20px 0; border-right:1px solid rgba(255,255,255,.08); text-align:center; }
.dept-hs:last-child { border-right:none; }
.dept-hs-val { font-family:var(--font-head); font-weight:900; font-size:26px; color:var(--cu-gold); line-height:1; }
.dept-hs-lbl { font-size:11px; color:rgba(255,255,255,.45); margin-top:4px; text-transform:uppercase; letter-spacing:.4px; }

/* Hero lead form */
.dept-hero-form { background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); border-radius:16px 16px 0 0; padding:28px 26px; backdrop-filter:blur(12px); align-self:stretch; display:flex; flex-direction:column; }
.dept-hf-tag    { font-size:10px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:var(--cu-gold); margin-bottom:6px; }
.dept-hf-title  { font-family:var(--font-head); font-weight:800; font-size:20px; color:#fff; margin-bottom:4px; }
.dept-hf-sub    { font-size:13px; color:rgba(255,255,255,.5); margin-bottom:20px; }
.dept-hf-field  { margin-bottom:12px; }
.dept-hf-field input,
.dept-hf-field select { width:100%; padding:11px 14px; border-radius:8px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.15); color:#fff; font-family:var(--font-body); font-size:13px; outline:none; transition:border-color .2s; }
.dept-hf-field input::placeholder { color:rgba(255,255,255,.3); }
.dept-hf-field input:focus,
.dept-hf-field select:focus { border-color:rgba(192,64,54,.6); }
.dept-hf-field select option { background:#1a1a1a; }
.dept-hf-row    { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.dept-hf-submit { width:100%; padding:13px; border-radius:8px; background:var(--cu-red); color:#fff; font-family:var(--font-head); font-size:15px; font-weight:800; cursor:pointer; border:none; transition:background .2s; margin-top:4px; }
.dept-hf-submit:hover { background:var(--cu-red2); }
.dept-hf-note   { font-size:11px; color:rgba(255,255,255,.3); text-align:center; margin-top:8px; }

/* ── Accred bar ── */
.dept-accred-bar    { background:#fff; border-bottom:1px solid var(--cu-border); padding:14px 0; }
.dept-accred-inner  { display:flex; align-items:center; justify-content:center; gap:40px; flex-wrap:wrap; }
.dept-accred-item   { display:flex; align-items:center; gap:8px; }
.dept-accred-badge  { background:var(--cu-off); border:1px solid var(--cu-border); border-radius:6px; padding:4px 10px; font-family:var(--font-head); font-weight:800; font-size:11px; color:var(--cu-dark); }
.dept-accred-label  { font-size:12px; color:var(--cu-grey); }

/* ── Shared section head ── */
.dept-sec-tag        { display:inline-flex; align-items:center; gap:6px; background:rgba(192,64,54,.08); color:var(--cu-red); font-size:11px; font-weight:700; letter-spacing:1.2px; text-transform:uppercase; padding:5px 12px; border-radius:20px; margin-bottom:14px; font-family:var(--font-head); }
.dept-sec-tag-center { margin:0 auto 14px; }
.dept-sec-head       { text-align:center; margin-bottom:48px; }
.dept-sec-head h2    { font-family:var(--font-head); font-weight:400; font-size:clamp(24px,3vw,38px); line-height:1.2; }
.dept-sec-head h2 strong { font-weight:900; }
.dept-sec-head h2 em { font-style:normal; color:var(--cu-red); font-weight:800; }
.dept-sec-head p     { color:var(--cu-grey); font-size:15px; margin-top:10px; max-width:620px; margin-left:auto; margin-right:auto; }

/* ── Why Choose ── */
.dept-why-section { padding:80px 0; }
.dept-why-grid    { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.dept-why-card    { padding:30px; border-radius:var(--radius); border:1px solid var(--cu-border); transition:all .25s; position:relative; overflow:hidden; }
.dept-why-card::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:var(--cu-red); transform:scaleX(0); transform-origin:left; transition:transform .3s; }
.dept-why-card:hover { transform:translateY(-4px); box-shadow:var(--shadow); }
.dept-why-card:hover::before { transform:scaleX(1); }
.dept-wc-icon     { width:52px; height:52px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:24px; margin-bottom:18px; }
.dept-wc-red  { background:rgba(192,64,54,.1); }
.dept-wc-gold { background:rgba(255,164,18,.1); }
.dept-wc-dark { background:rgba(38,38,38,.08); }
.dept-wc-blue { background:rgba(26,58,106,.08); }
.dept-why-card h3 { font-family:var(--font-head); font-weight:700; font-size:17px; margin-bottom:10px; }
.dept-why-card p  { font-size:13.5px; color:var(--cu-grey); line-height:1.65; }

/* ── Courses ── */
.dept-courses-section { padding:80px 0; background:var(--cu-off); }
.dept-course-level    { margin-bottom:40px; }
.dept-course-level:last-child { margin-bottom:0; }
.dept-cl-title   { font-family:var(--font-head); font-weight:800; font-size:16px; color:var(--cu-dark); margin-bottom:16px; display:flex; align-items:center; gap:10px; }
.dept-cl-badge   { font-size:10px; font-weight:800; padding:4px 10px; border-radius:20px; font-family:var(--font-head); letter-spacing:.5px; }
.dept-cl-badge-ug  { background:rgba(192,64,54,.08); color:var(--cu-red); }
.dept-cl-badge-pg  { background:rgba(255,164,18,.1); color:#b06010; }
.dept-cl-badge-phd { background:rgba(26,58,106,.1); color:#1a3a6a; }
.dept-course-cards   { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.dept-course-cards-2 { grid-template-columns:repeat(2,1fr); }
.dept-course-card    { background:#fff; border-radius:var(--radius); border:1px solid var(--cu-border); overflow:hidden; transition:all .25s; display:flex; flex-direction:column; text-decoration:none; color:inherit; }
.dept-course-card:hover { transform:translateY(-4px); box-shadow:var(--shadow); border-color:var(--cu-red); }
.dept-cc-bar   { height:4px; }
.dept-cc-body  { padding:22px 22px 18px; flex:1; }
.dept-cc-icon-row { display:flex; align-items:flex-start; gap:14px; margin-bottom:14px; }
.dept-cc-icon  { width:48px; height:48px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:24px; flex-shrink:0; }
.dept-cc-name  { font-family:var(--font-head); font-weight:800; font-size:15px; color:var(--cu-dark); line-height:1.35; }
.dept-cc-desc  { font-size:12px; color:var(--cu-grey); margin-top:4px; }
.dept-cc-meta  { display:flex; gap:8px; flex-wrap:wrap; margin-top:12px; }
.dept-cc-chip  { background:var(--cu-off); padding:4px 10px; border-radius:6px; font-size:11px; font-weight:700; color:var(--cu-grey); font-family:var(--font-head); }
.dept-cc-chip-dark { background:var(--cu-dark); color:var(--cu-gold); }
.dept-cc-footer { padding:14px 22px; border-top:1px solid var(--cu-border); display:flex; align-items:center; justify-content:space-between; }
.dept-cc-footer span:first-child { font-size:13px; color:var(--cu-red); font-weight:700; font-family:var(--font-head); }
.dept-cc-footer span:last-child  { font-size:16px; color:var(--cu-red); font-weight:700; }

/* ── Lab Slider (Swiper) ── */
.dept-labs-section    { padding:80px 0; }
.dept-labs-wrap       { position:relative; }
.dept-lab-card        { background:#fff; border-radius:var(--radius); overflow:hidden; border:1px solid var(--cu-border); transition:all .28s; height:100%; display:flex; flex-direction:column; }
.dept-lab-card:hover  { transform:translateY(-5px); box-shadow:var(--shadow); border-color:var(--cu-red); }
.dept-lab-visual      { height:180px; display:flex; align-items:center; justify-content:center; }
.dept-lab-icon        { font-size:64px; filter:drop-shadow(0 4px 12px rgba(0,0,0,.2)); }
.dept-lv1 { background:linear-gradient(160deg,#C04036,#7a1a14); }
.dept-lv2 { background:linear-gradient(160deg,#1a3a6a,#0d1e38); }
.dept-lv3 { background:linear-gradient(160deg,#1a5a2a,#0d2e18); }
.dept-lv4 { background:linear-gradient(160deg,#5a3a1a,#2e1e0d); }
.dept-lv5 { background:linear-gradient(160deg,#3a1a5a,#1e0d2e); }
.dept-lv6 { background:linear-gradient(160deg,#1a5a5a,#0d2e2e); }
.dept-lv7 { background:linear-gradient(160deg,#5a1a3a,#2e0d1e); }
.dept-lv8 { background:linear-gradient(160deg,#2a2a5a,#14142e); }
.dept-lab-body   { padding:20px 22px; flex:1; }
.dept-lab-badge  { display:inline-block; background:rgba(192,64,54,.09); color:var(--cu-red); font-size:10px; font-weight:800; letter-spacing:.8px; text-transform:uppercase; padding:3px 8px; border-radius:4px; margin-bottom:10px; }
.dept-lab-badge-gold { background:rgba(255,164,18,.1); color:#b06010; }
.dept-lab-name   { font-family:var(--font-head); font-weight:700; font-size:15px; color:var(--cu-dark); margin-bottom:8px; line-height:1.35; }
.dept-lab-desc   { font-size:13px; color:var(--cu-grey); line-height:1.6; }

/* slider nav */
.dept-slider-nav { display:flex; gap:10px; justify-content:center; margin-top:28px; align-items:center; }
.dept-slider-btn { width:42px; height:42px; border-radius:50%; border:1.5px solid var(--cu-border); background:#fff; display:flex; align-items:center; justify-content:center; font-size:18px; color:var(--cu-dark); transition:all .2s; cursor:pointer; }
.dept-slider-btn:hover { border-color:var(--cu-red); color:var(--cu-red); background:rgba(192,64,54,.04); }
/* Swiper pagination styled as original slider-dot */
.dept-labs-section .swiper-pagination { position:static !important; display:flex; gap:6px; align-items:center; }
.dept-labs-section .swiper-pagination-bullet { width:8px; height:8px; border-radius:50%; background:var(--cu-border); opacity:1; transition:all .3s; margin:0 !important; }
.dept-labs-section .swiper-pagination-bullet-active { background:var(--cu-red); width:24px; border-radius:4px; }

/* ── Research ── */
.dept-research-section { padding:80px 0; background:var(--cu-dark); }
.dept-research-section .dept-sec-head h2 { color:#fff; }
.dept-research-section .dept-sec-head p  { color:rgba(255,255,255,.5); }
.dept-research-section .dept-sec-tag     { background:rgba(192,64,54,.25); color:#ff8a93; }
.dept-research-grid  { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.dept-research-card  { background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); border-radius:var(--radius); padding:28px; transition:all .25s; }
.dept-research-card:hover { background:rgba(192,64,54,.12); border-color:rgba(192,64,54,.3); transform:translateY(-4px); }
.dept-rc-icon  { font-size:32px; margin-bottom:14px; }
.dept-rc-title { font-family:var(--font-head); font-weight:700; font-size:16px; color:#fff; margin-bottom:8px; }
.dept-rc-desc  { font-size:13px; color:rgba(255,255,255,.55); line-height:1.65; }

/* ── Placement strip ── */
.dept-place-strip { padding:60px 0; background:linear-gradient(135deg,#1C0808,#2a0a05,#1a1a1a); position:relative; overflow:hidden; }
.dept-place-strip::before { content:''; position:absolute; top:-100px; right:-100px; width:400px; height:400px; border-radius:50%; background:radial-gradient(circle,rgba(192,64,54,.2),transparent 70%); }
.dept-ps-inner        { position:relative; z-index:2; display:flex; align-items:center; gap:48px; }
.dept-ps-left h2      { font-family:var(--font-head); font-weight:900; font-size:clamp(22px,3vw,34px); color:#fff; line-height:1.2; margin-bottom:8px; }
.dept-ps-left h2 em   { font-style:normal; color:var(--cu-gold); }
.dept-ps-left p       { font-size:14px; color:rgba(255,255,255,.5); margin-bottom:20px; }
.dept-ps-stats        { display:flex; gap:24px; flex-wrap:wrap; }
.dept-ps-stat-val     { font-family:var(--font-head); font-weight:900; font-size:28px; color:var(--cu-gold); line-height:1; }
.dept-ps-stat-lbl     { font-size:11px; color:rgba(255,255,255,.45); margin-top:4px; text-transform:uppercase; letter-spacing:.5px; }
.dept-ps-recruiters   { display:flex; flex-wrap:wrap; gap:8px; flex:1; }
.dept-rec-pill        { background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.1); padding:8px 16px; border-radius:6px; font-family:var(--font-head); font-size:12px; font-weight:700; color:rgba(255,255,255,.65); transition:all .2s; }
.dept-rec-pill:hover  { background:rgba(255,255,255,.12); color:#fff; }

/* ── Testimonials ── */
.dept-testi-section { padding:80px 0; background:var(--cu-off); }
.dept-testi-grid    { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.dept-testi-card    { background:#fff; border-radius:var(--radius); padding:28px; border:1px solid var(--cu-border); transition:all .25s; }
.dept-testi-card:hover { transform:translateY(-4px); box-shadow:var(--shadow); }
.dept-tc-quote  { font-size:36px; color:var(--cu-red); font-family:Georgia,serif; line-height:.8; margin-bottom:12px; }
.dept-tc-text   { font-size:14px; color:#444; line-height:1.65; margin-bottom:20px; }
.dept-tc-person { display:flex; align-items:center; gap:12px; }
.dept-tc-avatar { width:44px; height:44px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-family:var(--font-head); font-weight:800; font-size:16px; color:#fff; flex-shrink:0; }
.dept-tc-name   { font-family:var(--font-head); font-weight:700; font-size:15px; }
.dept-tc-role   { font-size:12px; color:var(--cu-grey); margin-top:2px; }
.dept-tc-company { font-size:12px; color:var(--cu-red); font-weight:700; margin-top:2px; }

/* ── CTA ── */
.dept-cta-section    { padding:64px 0; text-align:center; }
.dept-cta-section h2 { font-family:var(--font-head); font-weight:400; font-size:clamp(22px,3vw,34px); margin-bottom:14px; }
.dept-cta-section h2 strong { font-weight:900; }
.dept-cta-section h2 em     { font-style:normal; color:var(--cu-red); font-weight:800; }
.dept-cta-section p  { color:var(--cu-grey); font-size:15px; margin-bottom:28px; }
.dept-cta-btns       { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
.dept-cta-btn-primary { background:var(--cu-red); color:#fff; padding:15px 36px; border-radius:8px; font-family:var(--font-head); font-size:16px; font-weight:700; text-decoration:none; display:inline-flex; align-items:center; gap:8px; transition:all .2s; }
.dept-cta-btn-primary:hover { background:var(--cu-red2); transform:translateY(-2px); color:#fff; }
.dept-cta-btn-dark { background:var(--cu-dark); color:#fff; padding:15px 28px; border-radius:8px; font-family:var(--font-head); font-size:15px; font-weight:700; text-decoration:none; display:inline-flex; align-items:center; gap:8px; transition:all .2s; }
.dept-cta-btn-dark:hover { background:#333; color:#fff; }
.dept-cta-btn-light { background:#fff; color:var(--cu-dark); border:1.5px solid var(--cu-border); padding:15px 28px; border-radius:8px; font-family:var(--font-head); font-size:15px; font-weight:700; text-decoration:none; display:inline-flex; align-items:center; gap:8px; transition:all .2s; }
.dept-cta-btn-light:hover { border-color:var(--cu-red); color:var(--cu-red); }

/* ── Sticky CTA ── */
.dept-sticky-cta { position:fixed; bottom:28px; right:28px; display:flex; flex-direction:column; gap:10px; align-items:flex-end; z-index:9999; }
.dept-sticky-btn { padding:13px 22px; border-radius:50px; font-family:var(--font-head); font-size:14px; font-weight:700; display:inline-flex; align-items:center; gap:8px; box-shadow:0 8px 30px rgba(0,0,0,.3); cursor:pointer; border:none; transition:transform .2s; }
.dept-sticky-btn:hover { transform:scale(1.04); }
.dept-sticky-sb1 { background:var(--cu-red); color:#fff; }
.dept-sticky-sb2 { background:linear-gradient(135deg,#f5d020,#FFA412); color:#1C1008; font-size:13px; }

/* ════ RESPONSIVE ════ */
@media (max-width:1024px) {
  .dept-hero-grid           { grid-template-columns:1fr; }
  .dept-hero-form           { display:none; }
  .dept-why-grid            { grid-template-columns:repeat(2,1fr); }
  .dept-course-cards        { grid-template-columns:repeat(2,1fr); }
  .dept-research-grid       { grid-template-columns:repeat(2,1fr); }
  .dept-ps-inner            { flex-direction:column; text-align:center; }
  .dept-ps-stats            { justify-content:center; }
  .dept-ps-recruiters       { justify-content:center; }
}
@media (max-width:768px) {
  .dept-hero-left           { padding-bottom:32px; }
  .dept-hero-stats          { flex-wrap:wrap; }
  .dept-hs                  { min-width:50%; }
  .dept-why-grid            { grid-template-columns:1fr; }
  .dept-course-cards        { grid-template-columns:1fr; }
  .dept-course-cards-2      { grid-template-columns:1fr; }
  .dept-research-grid       { grid-template-columns:1fr; }
  .dept-testi-grid          { grid-template-columns:1fr; }
  .dept-accred-inner        { gap:20px; }
  .dept-sticky-cta          { bottom:0; right:0; left:0; flex-direction:row; padding:10px 16px; background:#111; border-radius:0; }
  .dept-sticky-btn          { flex:1; justify-content:center; border-radius:8px; }
}
@media (max-width:480px) {
  .dept-hero                { padding:40px 0 0; }
  .dept-hero-deco           { font-size:90px; }
  .dept-why-section,
  .dept-courses-section,
  .dept-labs-section,
  .dept-research-section,
  .dept-testi-section,
  .dept-cta-section         { padding:52px 0; }
  .dept-place-strip         { padding:40px 0; }
  /*.dept-hero-actions        { flex-direction:column; }*/
  .dept-hero-actions a      { justify-content:center; }
  .dept-cta-btns            { flex-direction:column; align-items:center; }
  .dept-hs-val              { font-size:20px; }
  .dept-hero-deco           { display:none; }
}


/* ═══════════════════════════════════════════════════════════════
   COURSE PAGE (BBA) — all classes prefixed  crs-
   Append to bottom of assets/css/vgu.css
   ═══════════════════════════════════════════════════════════════ */

/* ── Breadcrumb ── */
.crs-breadcrumb    { background: var(--cu-off); border-bottom: 1px solid var(--cu-border); padding: 10px 0; }
.crs-bc-inner      { display: flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--cu-grey); }
.crs-bc-inner a    { color: var(--cu-grey); transition: color 0.15s; }
.crs-bc-inner a:hover { color: var(--cu-red); }
.crs-bc-inner span { color: var(--cu-red); font-weight: 700; }
.crs-bc-sep        { color: var(--cu-lgrey); }

/* ── Hero ── */
.crs-hero {
  background: linear-gradient(135deg, rgba(28,8,8,0.96) 0%, rgba(42,10,5,0.92) 45%, rgba(26,26,26,0.96) 100%);
  background-color: #1C0808;
  padding: 70px 0 0; position: relative; overflow: hidden;
}
.crs-hero::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 70% 40%, rgba(192,64,54,0.18) 0%, transparent 60%); }
.crs-hero-grid     { display: grid; grid-template-columns: 1fr 380px; gap: 48px; align-items: end; position: relative; z-index: 2; }
.crs-hero-left     { padding-bottom: 56px; }

.crs-hero-badge     { display: inline-flex; align-items: center; gap: 8px; background: rgba(255,164,18,0.15); border: 1px solid rgba(255,164,18,0.3); border-radius: 20px; padding: 6px 14px; margin-bottom: 18px; }
.crs-hero-badge-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--cu-gold); flex-shrink: 0; }
.crs-hero-badge span { font-family: var(--font-head); font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--cu-gold); }

.crs-hero-left h1          { font-family: var(--font-head); font-weight: 400; font-size: clamp(26px,3.5vw,46px); color: #fff; line-height: 1.18; margin-bottom: 16px; }
.crs-hero-left h1 strong   { font-weight: 900; }
.crs-hero-left h1 em       { font-style: normal; color: var(--cu-gold); }
.crs-hero-left > p         { color: rgba(255,255,255,0.62); font-size: 15.5px; line-height: 1.72; max-width: 580px; margin-bottom: 20px; }

.crs-hero-pills  { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 28px; }
.crs-h-pill      { display: inline-flex; align-items: center; gap: 6px; background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.14); padding: 7px 14px; border-radius: 50px; font-size: 13px; color: rgba(255,255,255,0.75); font-family: var(--font-head); font-weight: 600; }

.crs-hero-ctas     { display: flex; gap: 12px; flex-wrap: wrap; }
.crs-btn-red       { background: var(--cu-red); color: #fff; padding: 13px 26px; border-radius: 8px; font-family: var(--font-head); font-size: 14px; font-weight: 700; transition: all 0.2s; display: inline-flex; align-items: center; gap: 8px; text-decoration: none; }
.crs-btn-red:hover { background: var(--cu-red2); transform: translateY(-2px); color: #fff; }
.crs-btn-outline-w { background: transparent; color: #fff; padding: 13px 24px; border-radius: 8px; border: 1.5px solid rgba(255,255,255,0.28); font-family: var(--font-head); font-size: 14px; font-weight: 600; display: inline-flex; align-items: center; gap: 8px; transition: all 0.2s; text-decoration: none; }
.crs-btn-outline-w:hover { background: rgba(255,255,255,0.08); border-color: rgba(255,255,255,0.5); color: #fff; }

.crs-hero-stats      { display: flex; border-top: 1px solid rgba(255,255,255,0.1); margin-top: 40px; }
.crs-hstat           { flex: 1; padding: 18px 0; border-right: 1px solid rgba(255,255,255,0.08); text-align: center; }
.crs-hstat:last-child { border-right: none; }
.crs-hstat-val       { font-family: var(--font-head); font-weight: 900; font-size: 26px; color: var(--cu-gold); line-height: 1; }
.crs-hstat-lbl       { font-size: 11px; color: rgba(255,255,255,0.45); margin-top: 4px; text-transform: uppercase; letter-spacing: 0.5px; }

/* Hero form */
.crs-form-card       { background: #fff; border-radius: var(--radius) var(--radius) 0 0; padding: 28px 26px 32px; box-shadow: 0 -8px 60px rgba(0,0,0,0.4); }
.crs-fc-title        { font-family: var(--font-head); font-weight: 800; font-size: 18px; color: var(--cu-dark); margin-bottom: 4px; }
.crs-fc-sub          { font-size: 13px; color: var(--cu-grey); margin-bottom: 20px; }
.crs-fc-field        { margin-bottom: 14px; }
.crs-fc-field label  { display: block; font-size: 12px; font-weight: 700; font-family: var(--font-head); color: var(--cu-dark); margin-bottom: 6px; }
.crs-fc-field input,
.crs-fc-field select { width: 100%; padding: 11px 14px; border: 1.5px solid var(--cu-border); border-radius: 8px; font-family: var(--font-body); font-size: 14px; color: var(--cu-dark); outline: none; transition: border-color 0.2s; background: #fff; }
.crs-fc-field input:focus,
.crs-fc-field select:focus { border-color: var(--cu-red); }
.crs-fc-row          { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.crs-fc-submit       { width: 100%; padding: 13px; background: var(--cu-red); color: #fff; border-radius: 8px; font-family: var(--font-head); font-size: 15px; font-weight: 800; margin-top: 4px; border: none; cursor: pointer; transition: background 0.2s; }
.crs-fc-submit:hover { background: var(--cu-red2); }
.crs-fc-note         { font-size: 11px; color: var(--cu-lgrey); text-align: center; margin-top: 10px; }

/* ── Accred bar ── */
.crs-accred-bar    { background: #fff; border-bottom: 1px solid var(--cu-border); padding: 14px 0; }
.crs-accred-inner  { display: flex; align-items: center; gap: 28px; overflow-x: auto; scrollbar-width: none; }
.crs-accred-item   { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.crs-accred-icon   { font-size: 20px; }
.crs-accred-text strong { display: block; font-family: var(--font-head); font-size: 12px; font-weight: 800; color: var(--cu-dark); }
.crs-accred-text span   { font-size: 11px; color: var(--cu-grey); }
.crs-accred-sep    { width: 1px; height: 32px; background: var(--cu-border); flex-shrink: 0; }

/* ── Shared section head ── */
.crs-sec-tag       { display: inline-flex; align-items: center; gap: 6px; background: rgba(192,64,54,0.09); color: var(--cu-red); font-size: 11px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; padding: 5px 14px; border-radius: 20px; margin-bottom: 14px; font-family: var(--font-head); }
.crs-sec-tag-inv   { background: rgba(192,64,54,0.25); color: #ff8a93; }
.crs-sec-head      { text-align: center; margin-bottom: 48px; }
.crs-sec-head h2   { font-family: var(--font-head); font-weight: 400; font-size: clamp(22px,3vw,36px); line-height: 1.2; color: var(--cu-dark); }
.crs-sec-head h2 strong { font-weight: 900; }
.crs-sec-head h2 em { color: var(--cu-red); font-style: normal; font-weight: 800; }
.crs-sec-head p    { margin-top: 12px; color: var(--cu-grey); font-size: 15px; max-width: 580px; margin-left: auto; margin-right: auto; line-height: 1.65; }
.crs-sec-head-inv h2 { color: #fff; }
.crs-sec-head-inv p  { color: rgba(255,255,255,0.5); }

/* ── Overview ── */
.crs-overview-section  { padding: 80px 0; background: #fff; }
.crs-overview-grid     { display: grid; grid-template-columns: 1fr 320px; gap: 56px; }
.crs-sec-label         { display: inline-flex; align-items: center; gap: 6px; background: rgba(192,64,54,0.08); color: var(--cu-red); font-size: 11px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; padding: 5px 12px; border-radius: 20px; margin-bottom: 16px; font-family: var(--font-head); }
.crs-overview-left h2  { font-family: var(--font-head); font-weight: 400; font-size: clamp(22px,3vw,34px); line-height: 1.22; margin-bottom: 18px; }
.crs-overview-left h2 strong { font-weight: 900; }
.crs-overview-left h2 em     { color: var(--cu-red); font-style: normal; font-weight: 800; }
.crs-overview-left p   { color: var(--cu-grey); font-size: 15px; line-height: 1.78; margin-bottom: 14px; }
.crs-overview-highlights { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 28px; }
.crs-oh-item   { display: flex; align-items: flex-start; gap: 10px; padding: 14px; background: var(--cu-off); border-radius: 10px; border: 1px solid var(--cu-border); }
.crs-oh-icon   { width: 36px; height: 36px; border-radius: 8px; background: var(--cu-red); display: flex; align-items: center; justify-content: center; font-size: 16px; flex-shrink: 0; }
.crs-oh-text strong { display: block; font-family: var(--font-head); font-size: 13px; font-weight: 800; color: var(--cu-dark); }
.crs-oh-text span   { font-size: 12px; color: var(--cu-grey); }

/* Rankings sidebar */
.crs-rankings-sidebar { display: flex; flex-direction: column; gap: 14px; }
.crs-rank-card  { background: var(--cu-dark); border-radius: var(--radius); padding: 22px 20px; text-align: center; border: 1px solid rgba(255,255,255,0.06); }
.crs-rc-medal   { font-size: 26px; margin-bottom: 6px; }
.crs-rc-val     { font-family: var(--font-head); font-weight: 900; font-size: 34px; color: var(--cu-gold); line-height: 1; margin-bottom: 4px; }
.crs-rc-label   { font-size: 12px; color: rgba(255,255,255,0.55); line-height: 1.4; }
.crs-rc-source  { font-size: 10px; color: rgba(255,255,255,0.3); margin-top: 6px; font-family: var(--font-head); font-weight: 700; text-transform: uppercase; letter-spacing: 0.8px; }
.crs-quick-apply  { background: var(--cu-red); border-radius: var(--radius); padding: 22px 20px; }
.crs-qa-title   { font-family: var(--font-head); font-weight: 900; font-size: 17px; color: #fff; margin-bottom: 6px; }
.crs-qa-sub     { font-size: 13px; color: rgba(255,255,255,0.72); margin-bottom: 16px; line-height: 1.5; }
.crs-qa-btn     { display: block; text-align: center; background: #fff; color: var(--cu-red); padding: 12px; border-radius: 8px; font-family: var(--font-head); font-weight: 800; font-size: 14px; margin-bottom: 10px; transition: all 0.2s; text-decoration: none; }
.crs-qa-btn:hover { background: var(--cu-off); }
.crs-qa-phone   { display: flex; align-items: center; justify-content: center; gap: 6px; font-family: var(--font-head); font-weight: 700; font-size: 14px; color: rgba(255,255,255,0.8); }

/* ── Why section ── */
.crs-why-section   { padding: 80px 0; background: var(--cu-off); }
.crs-why-grid      { display: grid; grid-template-columns: repeat(3,1fr); gap: 22px; }
.crs-why-card      { padding: 28px 24px; border-radius: var(--radius); border: 1px solid var(--cu-border); background: #fff; transition: all 0.25s; position: relative; overflow: hidden; }
.crs-why-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--cu-red); transform: scaleX(0); transform-origin: left; transition: transform 0.3s; }
.crs-why-card:hover::before { transform: scaleX(1); }
.crs-why-card:hover { box-shadow: var(--shadow); transform: translateY(-4px); }
.crs-wc-num    { font-family: var(--font-head); font-weight: 900; font-size: 42px; color: rgba(192,64,54,0.08); line-height: 1; margin-bottom: 12px; }
.crs-wc-icon   { font-size: 32px; margin-bottom: 12px; }
.crs-wc-title  { font-family: var(--font-head); font-weight: 800; font-size: 16px; color: var(--cu-dark); margin-bottom: 8px; }
.crs-wc-desc   { font-size: 13.5px; color: var(--cu-grey); line-height: 1.65; }

/* ── Specializations ── */
.crs-spec-section  { padding: 80px 0; background: var(--cu-off); }
.crs-spec-grid     { display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; }
.crs-spec-card     { background: #fff; border-radius: var(--radius); border: 1px solid var(--cu-border); overflow: hidden; transition: all 0.25s; cursor: pointer; }
.crs-spec-card:hover { transform: translateY(-5px); box-shadow: var(--shadow); border-color: transparent; }
.crs-sc-visual     { height: 120px; display: flex; align-items: center; justify-content: center; }
.crs-sc-icon       { font-size: 42px; filter: drop-shadow(0 2px 8px rgba(0,0,0,0.3)); }
.crs-sv1 { background: linear-gradient(135deg,#C04036,#7a1a14); }
.crs-sv2 { background: linear-gradient(135deg,#1a3a6a,#0d1e38); }
.crs-sv3 { background: linear-gradient(135deg,#1a5a2a,#0d2e18); }
.crs-sv4 { background: linear-gradient(135deg,#5a3a1a,#2e1e0d); }
.crs-sv5 { background: linear-gradient(135deg,#3a1a5a,#1e0d2e); }
.crs-sv6 { background: linear-gradient(135deg,#1a5a5a,#0d2e2e); }
.crs-sv7 { background: linear-gradient(135deg,#5a1a1a,#2e0d0d); }
.crs-sv8 { background: linear-gradient(135deg,#2a3a1a,#151e0d); }
.crs-sc-body   { padding: 16px 18px; }
.crs-sc-title  { font-family: var(--font-head); font-weight: 800; font-size: 14px; color: var(--cu-dark); margin-bottom: 4px; }
.crs-sc-sub    { font-size: 12px; color: var(--cu-grey); line-height: 1.4; }
.crs-sc-arrow  { font-size: 16px; color: var(--cu-red); margin-top: 8px; display: block; }

/* ── Curriculum ── */
.crs-curriculum-section { padding: 80px 0; background: #fff; }
.crs-curr-layout  { display: grid; grid-template-columns: 280px 1fr; gap: 32px; }
.crs-curr-tabs    { display: flex; flex-direction: column; gap: 4px; position: sticky; top: 120px; align-self: start; }
.crs-curr-tab     { padding: 13px 18px; border-radius: 8px; font-family: var(--font-head); font-size: 14px; font-weight: 600; color: var(--cu-grey); cursor: pointer; transition: all 0.18s; border: 1px solid transparent; display: flex; align-items: center; gap: 10px; }
.crs-curr-tab:hover  { background: var(--cu-off); color: var(--cu-dark); }
.crs-curr-tab.active { background: var(--cu-red); color: #fff; font-weight: 800; }
.crs-ct-sem      { width: 28px; height: 28px; border-radius: 50%; background: rgba(255,255,255,0.18); display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 800; flex-shrink: 0; }
.crs-curr-tab:not(.active) .crs-ct-sem { background: var(--cu-border); color: var(--cu-grey); }
.crs-curr-panel         { display: none; }
.crs-curr-panel.active  { display: block; }
.crs-curr-panel h3      { font-family: var(--font-head); font-weight: 700; font-size: 20px; color: var(--cu-dark); margin-bottom: 6px; }
.crs-cp-sub             { font-size: 14px; color: var(--cu-grey); margin-bottom: 24px; }
.crs-subjects-grid      { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 24px; }
.crs-sub-item           { display: flex; align-items: flex-start; gap: 10px; padding: 14px; background: var(--cu-off); border-radius: 8px; border: 1px solid var(--cu-border); transition: border-color 0.2s; }
.crs-sub-item:hover     { border-color: var(--cu-red); }
.crs-si-num             { width: 26px; height: 26px; border-radius: 50%; background: var(--cu-red); color: #fff; font-family: var(--font-head); font-size: 11px; font-weight: 800; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.crs-si-text strong     { display: block; font-family: var(--font-head); font-size: 13px; font-weight: 700; color: var(--cu-dark); }
.crs-si-text span       { font-size: 11.5px; color: var(--cu-grey); }
.crs-curr-note          { background: rgba(192,64,54,0.06); border: 1px solid rgba(192,64,54,0.15); border-radius: 10px; padding: 16px 18px; display: flex; gap: 12px; align-items: flex-start; }
.crs-curr-note-icon     { font-size: 20px; flex-shrink: 0; }
.crs-curr-note p        { font-size: 13px; color: var(--cu-grey); line-height: 1.6; }
.crs-curr-note p strong { color: var(--cu-red); }

/* ── Placements ── */
.crs-placements-section { padding: 80px 0; background: var(--cu-dark); }
.crs-place-stats        { display: grid; grid-template-columns: repeat(4,1fr); gap: 2px; background: rgba(255,255,255,0.06); border-radius: var(--radius); overflow: hidden; margin-bottom: 48px; }
.crs-ps-item            { padding: 28px 20px; text-align: center; background: rgba(255,255,255,0.02); }
.crs-ps-val             { font-family: var(--font-head); font-weight: 900; font-size: 38px; color: var(--cu-gold); line-height: 1; }
.crs-ps-lbl             { font-size: 13px; color: rgba(255,255,255,0.45); margin-top: 6px; }
.crs-rec-label          { font-family: var(--font-head); font-size: 11px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: rgba(255,255,255,0.3); text-align: center; margin-bottom: 20px; }
.crs-recruiters-grid    { display: grid; grid-template-columns: repeat(7,1fr); gap: 12px; }
.crs-rec-logo           { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.08); border-radius: 8px; padding: 14px 10px; display: flex; align-items: center; justify-content: center; font-family: var(--font-head); font-size: 12px; font-weight: 800; color: rgba(255,255,255,0.6); text-align: center; min-height: 56px; transition: all 0.2s; }
.crs-rec-logo:hover     { background: rgba(255,255,255,0.09); color: #fff; }

/* ── Eligibility & Fees ── */
.crs-elig-section  { padding: 80px 0; background: var(--cu-off); }
.crs-elig-grid     { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
.crs-elig-card     { background: #fff; border-radius: var(--radius); padding: 32px 28px; border: 1px solid var(--cu-border); }
.crs-elig-card h3  { font-family: var(--font-head); font-weight: 800; font-size: 20px; color: var(--cu-dark); margin-bottom: 20px; display: flex; align-items: center; gap: 10px; }
.crs-elig-card h3 span { font-size: 24px; }
.crs-elig-list     { list-style: none; display: flex; flex-direction: column; gap: 12px; }
.crs-elig-list li  { display: flex; align-items: flex-start; gap: 10px; font-size: 14px; color: var(--cu-grey); line-height: 1.5; padding-left: 0; }
.crs-elig-list li::before { content: '✓'; width: 20px; height: 20px; background: rgba(192,64,54,0.1); color: var(--cu-red); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 800; flex-shrink: 0; margin-top: 1px; }
.crs-elig-dates       { margin-top: 20px; padding: 16px; background: rgba(192,64,54,0.06); border-radius: 8px; border: 1px solid rgba(192,64,54,0.15); }
.crs-elig-dates-title { font-family: var(--font-head); font-weight: 800; font-size: 13px; color: var(--cu-red); margin-bottom: 8px; }
.crs-elig-dates-body  { font-size: 13px; color: var(--cu-grey); line-height: 2.1; }
.crs-elig-dates-body strong { color: var(--cu-dark); }

.crs-fee-table     { width: 100%; border-collapse: collapse; }
.crs-fee-table th  { background: var(--cu-dark); color: #fff; font-family: var(--font-head); font-size: 12px; font-weight: 700; padding: 12px 16px; text-align: left; }
.crs-fee-table td  { padding: 12px 16px; font-size: 13.5px; border-bottom: 1px solid var(--cu-border); color: var(--cu-grey); }
.crs-fee-table tr:last-child td { border-bottom: none; }
.crs-fee-table td:last-child    { font-family: var(--font-head); font-weight: 800; color: var(--cu-dark); }
.crs-fee-hl td     { background: rgba(192,64,54,0.04); }
.crs-scholarship-note { margin-top: 16px; background: rgba(255,164,18,0.08); border: 1px solid rgba(255,164,18,0.25); border-radius: 8px; padding: 12px 16px; font-size: 13px; color: var(--cu-grey); display: flex; gap: 10px; align-items: flex-start; }
.crs-scholarship-note strong { color: #b06010; }

/* ── Admission steps ── */
.crs-admission-section { padding: 80px 0; background: #fff; }
.crs-ad-steps          { display: grid; grid-template-columns: repeat(5,1fr); gap: 0; position: relative; margin-top: 48px; }
.crs-ad-steps::before  { content: ''; position: absolute; top: 36px; left: 10%; right: 10%; height: 2px; background: linear-gradient(90deg, var(--cu-red) 0%, var(--cu-gold) 100%); z-index: 0; }
.crs-ad-step           { text-align: center; padding: 0 12px; position: relative; z-index: 1; }
.crs-ads-circle        { width: 72px; height: 72px; border-radius: 50%; background: var(--cu-red); color: #fff; font-family: var(--font-head); font-weight: 900; font-size: 22px; display: flex; align-items: center; justify-content: center; margin: 0 auto 16px; border: 4px solid #fff; box-shadow: 0 4px 20px rgba(192,64,54,0.35); }
.crs-ads-title         { font-family: var(--font-head); font-weight: 800; font-size: 13.5px; color: var(--cu-dark); margin-bottom: 6px; }
.crs-ads-desc          { font-size: 12px; color: var(--cu-grey); line-height: 1.5; }

/* ── Faculty ── */
.crs-faculty-section  { padding: 80px 0; background: var(--cu-off); }
.crs-faculty-grid     { display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; }
.crs-fac-card         { border-radius: var(--radius); overflow: hidden; border: 1px solid var(--cu-border); background: #fff; transition: all 0.25s; text-align: center; }
.crs-fac-card:hover   { transform: translateY(-4px); box-shadow: var(--shadow); }
.crs-fac-photo        { height: 200px; overflow: hidden; }
.crs-fac-photo img    { width: 100%; height: 100%; object-fit: cover; object-position: top; }
.crs-fac-info         { padding: 18px 16px; }
.crs-fi-name          { font-family: var(--font-head); font-weight: 800; font-size: 15px; color: var(--cu-dark); margin-bottom: 4px; }
.crs-fi-role          { font-size: 12px; color: var(--cu-red); font-weight: 600; font-family: var(--font-head); margin-bottom: 6px; }
.crs-fi-exp           { font-size: 12px; color: var(--cu-grey); }
.crs-fi-quals         { display: flex; flex-wrap: wrap; gap: 4px; justify-content: center; margin-top: 10px; }
.crs-fi-qual          { background: var(--cu-off); border-radius: 4px; padding: 3px 8px; font-size: 10px; font-weight: 700; color: var(--cu-grey); font-family: var(--font-head); }

/* ── Testimonials ── */
.crs-testi-section  { padding: 80px 0; background: #fff; }
.crs-testi-grid     { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }
.crs-testi-card     { background: var(--cu-off); border-radius: var(--radius); padding: 28px 24px; border: 1px solid var(--cu-border); position: relative; transition: all 0.25s; }
.crs-testi-card:hover { box-shadow: var(--shadow); transform: translateY(-3px); }
.crs-testi-quote    { position: absolute; top: 22px; right: 22px; font-size: 48px; color: rgba(192,64,54,0.08); font-family: Georgia, serif; line-height: 1; }
.crs-tc-stars       { display: flex; gap: 3px; margin-bottom: 14px; color: var(--cu-gold); font-size: 14px; }
.crs-tc-text        { font-size: 14px; color: var(--cu-grey); line-height: 1.72; margin-bottom: 20px; font-style: italic; }
.crs-tc-person      { display: flex; align-items: center; gap: 12px; }
.crs-tc-avatar      { width: 44px; height: 44px; border-radius: 50%; overflow: hidden; flex-shrink: 0; }
.crs-tc-avatar img  { width: 100%; height: 100%; object-fit: cover; }
.crs-tc-name        { font-family: var(--font-head); font-weight: 800; font-size: 14px; color: var(--cu-dark); }
.crs-tc-batch       { font-size: 12px; color: var(--cu-grey); }
.crs-tc-placed      { font-size: 11px; color: var(--cu-red); font-weight: 700; font-family: var(--font-head); margin-top: 2px; }

/* ── CTA Banner ── */
.crs-cta-section    { padding: 80px 0; background: var(--cu-red); position: relative; overflow: hidden; }
.crs-cta-section::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 80% 50%, rgba(255,255,255,0.08) 0%, transparent 60%); }
.crs-cta-inner      { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 40px; }
.crs-cta-text h2    { font-family: var(--font-head); font-weight: 900; font-size: clamp(24px,3vw,38px); color: #fff; line-height: 1.2; margin-bottom: 10px; }
.crs-cta-text p     { color: rgba(255,255,255,0.75); font-size: 15px; }
.crs-cta-actions    { display: flex; gap: 12px; flex-shrink: 0; }
.crs-btn-white      { background: #fff; color: var(--cu-red); padding: 14px 28px; border-radius: 8px; font-family: var(--font-head); font-size: 15px; font-weight: 800; display: inline-flex; align-items: center; gap: 8px; transition: all 0.2s; text-decoration: none; }
.crs-btn-white:hover { background: var(--cu-off); color: var(--cu-red); }
.crs-btn-outline-white { background: transparent; color: #fff; padding: 14px 26px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.4); font-family: var(--font-head); font-size: 15px; font-weight: 700; display: inline-flex; align-items: center; gap: 8px; transition: all 0.2s; text-decoration: none; }
.crs-btn-outline-white:hover { background: rgba(255,255,255,0.12); border-color: rgba(255,255,255,0.7); color: #fff; }

/* ── Sticky CTA ── */
.crs-sticky-cta  { position: fixed; bottom: 28px; right: 28px; display: flex; flex-direction: column; gap: 10px; z-index: 900; }
.crs-sticky-btn  { padding: 12px 20px; border-radius: 50px; font-family: var(--font-head); font-size: 13px; font-weight: 800; display: flex; align-items: center; gap: 8px; box-shadow: 0 4px 20px rgba(0,0,0,0.25); transition: all 0.2s; border: none; cursor: pointer; }
.crs-sb1         { background: var(--cu-red); color: #fff; }
.crs-sb1:hover   { background: var(--cu-red2); transform: translateY(-2px); }
.crs-sb2         { background: var(--cu-dark); color: #fff; }
.crs-sb2:hover   { background: #1a1a1a; transform: translateY(-2px); }

/* ════ RESPONSIVE ════ */
@media (max-width: 1024px) {
  .crs-hero-grid          { grid-template-columns: 1fr 340px; gap: 32px; }
  .crs-overview-grid      { grid-template-columns: 1fr 280px; gap: 32px; }
  .crs-why-grid           { grid-template-columns: repeat(2,1fr); }
  .crs-spec-grid          { grid-template-columns: repeat(2,1fr); }
  .crs-curr-layout        { grid-template-columns: 220px 1fr; }
  .crs-place-stats        { grid-template-columns: repeat(2,1fr); }
  .crs-recruiters-grid    { grid-template-columns: repeat(5,1fr); }
  .crs-faculty-grid       { grid-template-columns: repeat(2,1fr); }
  .crs-testi-grid         { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 768px) {
  .crs-hero-grid          { grid-template-columns: 1fr; }
  .crs-form-card          { border-radius: var(--radius); }
  .crs-overview-grid      { grid-template-columns: 1fr; }
  .crs-rankings-sidebar   { flex-direction: row; flex-wrap: wrap; }
  .crs-rank-card          { flex: 1; min-width: 140px; }
  .crs-why-grid           { grid-template-columns: 1fr 1fr; }
  .crs-spec-grid          { grid-template-columns: 1fr 1fr; }
  .crs-curr-layout        { grid-template-columns: 1fr; }
  .crs-curr-tabs          { flex-direction: row; flex-wrap: wrap; position: static; }
  .crs-curr-tab           { flex: 1; min-width: 130px; justify-content: center; }
  .crs-subjects-grid      { grid-template-columns: 1fr; }
  .crs-elig-grid          { grid-template-columns: 1fr; }
  .crs-ad-steps           { grid-template-columns: 1fr 1fr; gap: 24px; }
  .crs-ad-steps::before   { display: none; }
  .crs-faculty-grid       { grid-template-columns: 1fr 1fr; }
  .crs-testi-grid         { grid-template-columns: 1fr; }
  .crs-recruiters-grid    { grid-template-columns: repeat(3,1fr); }
  .crs-cta-inner          { flex-direction: column; text-align: center; }
  .crs-cta-actions        { justify-content: center; flex-wrap: wrap; }
  .crs-sticky-cta         { bottom: 0; right: 0; left: 0; flex-direction: row; padding: 12px 16px; background: #1a1a1a; border-radius: 0; box-shadow: 0 -4px 20px rgba(0,0,0,0.25); }
  .crs-sticky-btn         { flex: 1; justify-content: center; border-radius: 8px; }
}
@media (max-width: 480px) {
  .crs-hero-stats         { flex-wrap: wrap; }
  .crs-hstat              { min-width: 50%; }
  .crs-why-grid           { grid-template-columns: 1fr; }
  .crs-spec-grid          { grid-template-columns: 1fr; }
  .crs-place-stats        { grid-template-columns: 1fr 1fr; }
  .crs-ad-steps           { grid-template-columns: 1fr; }
  .crs-faculty-grid       { grid-template-columns: 1fr; }
  .crs-overview-highlights { grid-template-columns: 1fr; }
  .crs-recruiters-grid    { grid-template-columns: repeat(2,1fr); }
  .crs-hero-ctas          { flex-direction: column; }
  .crs-hero-ctas a        { justify-content: center; }
}
/* ═══════════════════════════════════════════════════════════════
   VIBRANT JOURNEY — EVENTS SECTION  (prefix: vj-)
   Append to bottom of assets/css/vgu.css
   ═══════════════════════════════════════════════════════════════ */

.vj-section {
  padding: 80px 0;
  background: linear-gradient(135deg, #b8193a 0%, #c0203e 40%, #a0102e 100%);
  position: relative;
  overflow: hidden;
}
.vj-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse at 85% 15%, rgba(255,255,255,0.07) 0%, transparent 50%),
    radial-gradient(ellipse at 10% 85%, rgba(0,0,0,0.18) 0%, transparent 50%);
  pointer-events: none;
}

/* ── Head ── */
.vj-head { text-align: center; margin-bottom: 48px; position: relative; z-index: 2; }
.vj-head h2 {
  font-family: var(--font-head);
  font-weight: 400;
  font-size: clamp(24px, 3vw, 38px);
  color: #fff;
  margin-bottom: 10px;
  line-height: 1.2;
}
.vj-head h2 em { font-style: normal; font-weight: 900; color: var(--cu-gold); }
.vj-head p     { font-size: 15px; color: rgba(255,255,255,0.65); }

/* ── Main layout: sidebar + panels ── */
.vj-layout {
  display: grid;
  grid-template-columns: 230px 1fr;
  gap: 28px;
  align-items: start;
  align-content: start;
  position: relative;
  z-index: 2;
}

/* ── LEFT tabs ── */
.vj-tabs { display: flex; flex-direction: column; gap: 2px; }
.vj-tab {
  padding: 13px 18px;
  border-radius: 8px;
  font-family: var(--font-head);
  font-size: 13.5px;
  font-weight: 600;
  color: rgba(255,255,255,0.58);
  cursor: pointer;
  transition: all 0.2s ease;
  user-select: none;
  line-height: 1.3;
}
.vj-tab:hover  { color: #fff; background: rgba(255,255,255,0.08); }
.vj-tab.active { background: var(--cu-gold); color: #1C0808; font-weight: 800; border-radius: 8px; }

/* ── Panels ── */
.vj-panels {
  position: sticky;
  top: 100px;   /* adjust to your header height */
  align-self: start;
}

/* ── THE GRID
   Exact layout from screenshot:
   ┌──────────────┬───────────┬──────────────────┐  row 1
   │              │  sm img   │                  │
   │  tall img    ├───────────┤  tall img+badge  │
   ├──────────────┤  sm img   │                  │  row 2
   │ gold caption │           │                  │
   └──────────────┴───────────┴──────────────────┘

   Columns: 2fr  1.1fr  2fr
   Rows:    1fr  120px        (row1 = image, row2 = fixed caption height)
── */
.vj-grid {
  display: none;
  grid-template-columns: 2fr 1.1fr 2fr;
  grid-template-rows: 1fr 120px;
  gap: 10px;
  height: 360px;   /* total fixed height */
}
.vj-grid.active {
  display: grid;
  animation: vjFadeIn 0.3s ease;
}
@keyframes vjFadeIn {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Col 1 top: tall image */
.vj-c1-img {
  grid-column: 1;
  grid-row: 1;
}
/* Col 1 bottom: gold caption */
.vj-c1-cap {
  grid-column: 1;
  grid-row: 2;
}
/* Col 2 top: small image */
.vj-c2-top {
  grid-column: 2;
  grid-row: 1;
}
/* Col 2 bottom: small image */
.vj-c2-bot {
  grid-column: 2;
  grid-row: 2;
}
/* Col 3: full height spanning both rows */
.vj-c3 {
  grid-column: 3;
  grid-row: 1 / 3;   /* spans row 1 AND row 2 */
  position: relative;
}

/* ── Shared image wrapper ── */
.vj-img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
}
.vj-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}
.vj-img:hover img { transform: scale(1.04); }

/* ── Gold caption ── */
.vj-gold-caption {
  background: var(--cu-gold);
  border-radius: 10px;
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.vj-cap-title {
  font-family: var(--font-head);
  font-weight: 900;
  font-size: 19px;
  color: #1C0808;
  line-height: 1.2;
}
.vj-cap-sub {
  font-size: 12px;
  color: rgba(28,8,8,0.65);
  font-weight: 600;
  margin-top: 5px;
}

/* ── Dark overlay badge on col3 ── */
.vj-overlay-badge {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  background: linear-gradient(0deg, rgba(0,0,0,0.88) 0%, rgba(0,0,0,0.25) 65%, transparent 100%);
  padding: 50px 16px 18px;
  border-radius: 0 0 10px 10px;
  pointer-events: none;
}
.vj-ob-title {
  font-family: var(--font-head);
  font-weight: 900;
  font-size: 14px;
  color: #fff;
  letter-spacing: 0.5px;
  line-height: 1.35;
  text-transform: uppercase;
}
.vj-ob-sub {
  font-size: 11px;
  color: var(--cu-gold);
  font-weight: 700;
  margin-top: 5px;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}

/* ── Responsive ── */
@media (max-width: 1024px) {
  .vj-layout { grid-template-columns: 190px 1fr; gap: 20px; }
  .vj-grid   { height: 300px; grid-template-rows: 1fr 100px; }
  .vj-cap-title { font-size: 16px; }
}
@media (max-width: 768px) {
  .vj-layout { grid-template-columns: 1fr; }
  .vj-tabs   { flex-direction: row; flex-wrap: wrap; gap: 8px; }
  .vj-tab    { flex: 0 0 auto; padding: 8px 14px; font-size: 12px; border: 1.5px solid rgba(255,255,255,0.22); border-radius: 50px; }
  .vj-tab.active { border-color: var(--cu-gold); }
  .vj-grid   { height: 280px; grid-template-rows: 1fr 90px; }
  .vj-grid   { grid-template-columns: 1.8fr 1fr 1.8fr; }
}
@media (max-width: 540px) {
  .vj-grid {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 160px 160px 80px;
    height: auto;
  }
  .vj-c1-img  { grid-column: 1; grid-row: 1; }
  .vj-c2-top  { grid-column: 2; grid-row: 1; }
  .vj-c2-bot  { grid-column: 2; grid-row: 2; }
  .vj-c3      { grid-column: 1; grid-row: 2; }
  .vj-c1-cap  { grid-column: 1 / 3; grid-row: 3; }
}
/* ═══════════════════════════════════════════════════════════════
   WHERE STARS SET THE STAGE — SECTION  (prefix: st-)
   Append to bottom of assets/css/vgu.css
   ═══════════════════════════════════════════════════════════════ */

.st-section {
  padding: 80px 0 60px;
  background: var(--cu-off); 
}

/* ── Head ── */
.st-head {
  text-align: center;
  margin-bottom: 48px;
}
.st-head h2 {
  font-family: var(--font-head);
  font-weight: 400;
  font-size: clamp(22px, 3vw, 36px);
  color: var(--cu-dark);
  margin-bottom: 10px;
}
.st-head h2 strong { font-weight: 900; }
.st-head p {
  font-size: 15px;
  color: var(--cu-grey);
  max-width: 620px;
  margin: 0 auto;
  line-height: 1.6;
}

/* ── Layout: thumbs | slides — stretch both to same height ── */
.st-layout {
  display: grid;
  grid-template-columns: 100px 1fr;
  gap: 16px;
  /* key: align-items stretch makes left col fill to right col's height */
  align-items: stretch;
}

/* ── LEFT: Thumbnails — fills full height of right panel ── */
.st-thumbs {
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 100%;   /* stretch to match right side */
}
.st-thumb {
  flex: 1;        /* equal share of total height */
  min-height: 0;
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
  border: 3px solid transparent;
  transition: border-color 0.2s;
}
.st-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  filter: brightness(0.72);
  transition: filter 0.2s;
}
.st-thumb:hover img  { filter: brightness(0.9); }
.st-thumb.active     { border-color: var(--cu-red); }
.st-thumb.active img { filter: brightness(1); }

/* ── RIGHT: Slides wrapper ── */
.st-slides { position: relative; }

.st-slide {
  display: none;
}
.st-slide.active {
  display: grid;
  grid-template-columns: 2fr 1fr; 
  height: 460px;
  border-radius: 16px;
  overflow: hidden;
  animation: stFadeIn 0.3s ease;
  gap: 0;
}
@keyframes stFadeIn {
  from { opacity: 0; transform: translateY(5px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ── Image half ── */
.st-img-area {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.st-img-area img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.st-img-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, transparent 30%, rgba(0,0,0,0.15) 60%, rgba(0,0,0,0.78) 100%);
}

/* Name badge */
.st-name-badge {
  position: absolute;
  bottom: 64px;
  left: 20px;
  display: flex;
  align-items: center;
}
.st-nb-first {
  background: var(--cu-red);
  color: #fff;
  font-family: var(--font-head);
  font-weight: 900;
  font-size: 20px;
  padding: 6px 16px 6px 14px;
  clip-path: polygon(0 0, 90% 0, 100% 50%, 90% 100%, 0 100%);
}
.st-nb-last {
  background: var(--cu-gold);
  color: #1C0808;
  font-family: var(--font-head);
  font-weight: 900;
  font-size: 20px;
  padding: 6px 18px 6px 12px;
  clip-path: polygon(10% 0, 100% 0, 100% 100%, 10% 100%, 0 50%);
  margin-left: -3px;
}

/* Description */
.st-desc {
  position: absolute;
  bottom: 18px;
  left: 20px;
  right: 16px;
  font-size: 13px;
  color: rgba(255,255,255,0.82);
  line-height: 1.6;
  font-family: var(--font-body);
}

/* ── Video half ── */
.st-video-area {
  display: flex;
  flex-direction: column;
  background: #0e0e0e;
  height: 100%;
}
.st-video-wrap {
  flex: 1;
  position: relative;
  overflow: hidden;
  min-height: 0;
}
.st-video-wrap iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.st-video-label {
  padding: 14px 16px 16px;
  background: #1a1a1a;
  flex-shrink: 0;
}
.st-vl-tag   { font-size: 10px; color: var(--cu-gold); font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; margin-bottom: 4px; }
.st-vl-name  { font-family: var(--font-head); font-weight: 800; font-size: 16px; color: #fff; line-height: 1.2; }
.st-vl-event { font-size: 11px; color: rgba(255,255,255,0.45); margin-top: 3px; font-weight: 600; }

/* ── Dots ── */
.st-dots {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 14px;
}
.st-dot {
  width: 28px;
  height: 5px;
  border-radius: 3px;
  background: var(--cu-border);
  cursor: pointer;
  transition: background 0.2s, width 0.2s;
}
.st-dot.active { background: var(--cu-red); width: 42px; }

/* ── Responsive ── */
@media (max-width: 1024px) {
  .st-slide.active { height: 380px; }
}
@media (max-width: 768px) {
  .st-layout { grid-template-columns: 72px 1fr; gap: 10px; }
  .st-thumb  { border-radius: 8px; }
  .st-slide.active { height: 320px; }
  .st-nb-first, .st-nb-last { font-size: 17px; }
  .st-desc   { font-size: 12px; bottom: 14px; }
}
@media (max-width: 600px) {
  .st-layout { grid-template-columns: 1fr; }
  .st-thumbs {
    flex-direction: row;
    height: auto;
  }
  .st-thumb  { flex: 1; height: 70px; }
  .st-slide.active {
    grid-template-columns: 1fr;
    grid-template-rows: 260px 1fr;
    height: auto;
  }
  .st-video-area { height: 220px; }
}

/* ═══════════════════════════════════════════════════════════════
   ELIGIBILITY & FEE SECTION  (prefix: efs-)
   Append to bottom of assets/css/vgu.css
   ═══════════════════════════════════════════════════════════════ */

.efs-section { padding: 80px 0; background: linear-gradient(180deg, #F7F6F5, #EFEDEB); }
.efs-grid    { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }

/* ── Section heading ── */
.efs-head          { text-align: center; margin-bottom: 50px; }
.efs-head h2       { font-family: var(--font-head); font-size: clamp(24px, 3vw, 36px); font-weight: 900; color: var(--cu-dark); }
.efs-head h2 strong { font-weight: 900; }
.efs-head h2 em    { color: var(--cu-red); font-style: normal; }
.efs-head p        { margin-top: 10px; color: var(--cu-grey); font-size: 15px; }

/* ── Card ── */
.efs-card {
  background: #fff;
  border-radius: 18px;
  padding: 30px;
  box-shadow: 0 18px 40px rgba(0,0,0,.08);
  border: 1px solid rgba(0,0,0,.04);
  position: relative;
  overflow: hidden;
}
.efs-card::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 5px;
  background: linear-gradient(90deg, var(--cu-red), var(--cu-gold));
}

/* ── Card header ── */
.efs-card-header    { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; }
.efs-card-header h3 { font-family: var(--font-head); font-size: 20px; font-weight: 900; color: var(--cu-dark); }
.efs-icon {
  width: 36px; height: 36px; border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  color: #fff; font-size: 16px; flex-shrink: 0;
}
.efs-icon-red  { background: var(--cu-red); }
.efs-icon-gold { background: var(--cu-gold); }

/* ── Eligibility items ── */
.efs-elig-item {
  display: flex; gap: 12px; margin-bottom: 14px;
  font-size: 14px; line-height: 1.6; color: #555;
}
.efs-check {
  width: 22px; height: 22px; min-width: 22px;
  background: var(--cu-red); color: #fff;
  border-radius: 50%; display: flex; align-items: center;
  justify-content: center; font-size: 11px; font-weight: 800;
}
.efs-elig-item strong { color: var(--cu-dark); }

/* ── Stats row ── */
.efs-stats { margin-top: 28px; display: flex; gap: 16px; }
.efs-stat  { flex: 1; background: #F5F5F5; border-radius: 10px; padding: 14px; text-align: center; }
.efs-stat b    { display: block; font-size: 20px; color: var(--cu-red); font-family: var(--font-head); }
.efs-stat span { font-size: 11px; color: #777; text-transform: uppercase; letter-spacing: 0.5px; }

/* ── CTA buttons ── */
.efs-cta { margin-top: 22px; display: flex; gap: 12px; flex-wrap: wrap; }
.efs-btn-apply, .efs-btn-wa {
  padding: 12px 24px; border-radius: 8px; font-size: 13px;
  font-weight: 800; text-decoration: none;
  display: inline-flex; align-items: center; gap: 6px;
  font-family: var(--font-head);
}
.efs-btn-apply       { background: var(--cu-red); color: #fff; }
.efs-btn-apply:hover { background: var(--cu-red2); }
.efs-btn-wa          { background: #25D366; color: #fff; }
.efs-btn-wa:hover    { background: #1ebe5d; }

/* ── Fee price ── */
.efs-fee-price  { font-size: 48px; font-weight: 900; color: var(--cu-red); font-family: var(--font-head); line-height: 1.1; }
.efs-fee-period { font-size: 16px; font-weight: 400; color: #888; margin-left: 4px; }

/* ── Fee inclusions ── */
.efs-fee-inc      { margin-top: 20px; display: flex; flex-direction: column; gap: 10px; }
.efs-fee-inc-item { display: flex; align-items: center; gap: 10px; font-size: 14px; color: #555; }
.efs-fee-inc-icon {
  width: 24px; height: 24px; min-width: 24px;
  background: #ffe7e4; color: var(--cu-red);
  border-radius: 6px; display: flex;
  align-items: center; justify-content: center; font-size: 12px;
}
.efs-fee-inc-item strong { color: var(--cu-dark); }

/* ── EMI & Scholarship notes ── */
.efs-fee-emi {
  margin-top: 20px; padding: 14px;
  background: #FFF6E7; border-radius: 10px;
  font-size: 13px; color: var(--cu-dark); line-height: 1.7;
}
.efs-fee-scholarship {
  margin-top: 16px; padding: 14px; border-radius: 10px;
  background: #F9F3F3; font-size: 13px; color: #555;
  border-left: 4px solid var(--cu-red); line-height: 1.7;
}
.efs-fee-scholarship strong { color: var(--cu-dark); }

/* ── Responsive ── */
@media (max-width: 768px) {
  .efs-grid      { grid-template-columns: 1fr; }
  .efs-fee-price { font-size: 38px; }
  .efs-stats     { flex-wrap: wrap; }
}
/* ═══════════════════════════════════════════════════════════════
   IQAC PAGE  (prefix: iqac-)
   Append to bottom of assets/css/vgu.css
   ═══════════════════════════════════════════════════════════════ */

/* ── Breadcrumb ── */
.iqac-breadcrumb    { background: var(--cu-off); padding: 10px 0; border-bottom: 1px solid var(--cu-border); }
.iqac-bc-inner      { display: flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--cu-grey); }
.iqac-bc-inner a    { color: var(--cu-grey); transition: color 0.15s; }
.iqac-bc-inner a:hover { color: var(--cu-red); }
.iqac-bc-inner span { color: var(--cu-red); font-weight: 700; }
.iqac-bc-sep        { color: var(--cu-lgrey); }

/* ── Hero ── */
.iqac-hero {
  background: linear-gradient(135deg, #0a0a1a 0%, #121228 45%, #1a1a2a 100%);
  padding: 64px 0 56px;
  position: relative;
  overflow: hidden;
}
.iqac-hero::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse at 70% 40%,rgba(192,64,54,0.15),transparent 60%); }
.iqac-hero::after  { content:''; position:absolute; right:-80px; top:-80px; width:400px; height:400px; border-radius:50%; background:radial-gradient(circle,rgba(255,164,18,0.08),transparent 70%); }

.iqac-hero-inner {
  position: relative; z-index: 2;
  display: grid; grid-template-columns: 1fr 380px; gap: 48px; align-items: center;
}

/* Hero badge */
.iqac-hero-badge { display:inline-flex; align-items:center; gap:8px; background:rgba(255,164,18,0.14); border:1px solid rgba(255,164,18,0.3); border-radius:20px; padding:5px 14px; margin-bottom:18px; }
.iqac-hero-badge-dot { width:7px; height:7px; border-radius:50%; background:var(--cu-gold); animation: iqacPulse 2s infinite; }
@keyframes iqacPulse { 0%,100%{opacity:1;} 50%{opacity:0.4;} }
.iqac-hero-badge span { font-family:var(--font-head); font-size:11px; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:var(--cu-gold); }

.iqac-hero-left h1  { font-family:var(--font-head); font-weight:400; font-size:clamp(26px,3.5vw,44px); color:#fff; line-height:1.18; margin-bottom:14px; }
.iqac-hero-left h1 strong { font-weight:900; }
.iqac-hero-left h1 em { font-style:normal; color:var(--cu-gold); }
.iqac-hero-left p   { color:rgba(255,255,255,0.62); font-size:15.5px; line-height:1.72; max-width:560px; margin-bottom:28px; }

/* Hero stats strip */
.iqac-hero-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:2px; background:rgba(255,255,255,0.07); border-radius:10px; overflow:hidden; }
.iqac-hs-item   { padding:16px 10px; text-align:center; }
.iqac-hs-val    { font-family:var(--font-head); font-weight:900; font-size:22px; color:var(--cu-gold); line-height:1; }
.iqac-hs-lbl    { font-size:10.5px; color:rgba(255,255,255,0.45); margin-top:4px; text-transform:uppercase; letter-spacing:0.4px; }

/* Hero card (right) */
.iqac-hero-card { background:#fff; border-radius:var(--radius); padding:28px 26px; box-shadow:0 20px 60px rgba(0,0,0,0.4); }
.iqac-hc-title  { font-family:var(--font-head); font-weight:800; font-size:18px; color:var(--cu-dark); margin-bottom:4px; }
.iqac-hc-sub    { font-size:13px; color:var(--cu-grey); margin-bottom:20px; }
.iqac-hc-item   { display:flex; align-items:center; gap:14px; padding:14px 0; border-bottom:1px solid var(--cu-border); }
.iqac-hc-item:last-child { border-bottom:none; }
.iqac-hc-icon   { width:42px; height:42px; border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:18px; flex-shrink:0; }
.iqac-hc-red    { background:rgba(192,64,54,0.1); }
.iqac-hc-gold   { background:rgba(255,164,18,0.1); }
.iqac-hc-blue   { background:rgba(30,80,180,0.1); }
.iqac-hc-green  { background:rgba(30,160,100,0.1); }
.iqac-hc-text h4 { font-family:var(--font-head); font-weight:800; font-size:14px; color:var(--cu-dark); margin-bottom:2px; }
.iqac-hc-text p  { font-size:12px; color:var(--cu-grey); line-height:1.5; }

/* ── Accreditation bar ── */
.iqac-accred-bar     { background:#fff; border-bottom:1px solid var(--cu-border); padding:12px 0; }
.iqac-accred-inner   { display:flex; align-items:center; gap:24px; overflow-x:auto; scrollbar-width:none; }
.iqac-accred-item    { display:flex; align-items:center; gap:8px; flex-shrink:0; }
.iqac-accred-icon    { font-size:20px; }
.iqac-accred-text strong { display:block; font-family:var(--font-head); font-size:12px; font-weight:800; color:var(--cu-dark); }
.iqac-accred-text span   { font-size:11px; color:var(--cu-grey); }
.iqac-accred-sep     { width:1px; height:30px; background:var(--cu-border); flex-shrink:0; }

/* ── Main layout ── */
.iqac-layout { padding: 64px 0 80px; }
.iqac-grid   { display: grid; grid-template-columns: 270px 1fr; gap: 36px; align-items: start; }

/* ── Sidebar ── */
.iqac-sidebar      { position: sticky; top: 100px; }
.iqac-sidebar-card { background:#fff; border:1px solid var(--cu-border); border-radius:var(--radius); overflow:hidden; }
.iqac-sc-header    { background:var(--cu-red); padding:16px 20px; }
.iqac-sc-header h3 { font-family:var(--font-head); font-weight:900; font-size:14px; color:#fff; text-transform:uppercase; letter-spacing:0.8px; }
.iqac-sc-nav       { padding:8px 0; }
.iqac-sc-nav-item  {
  display:flex; align-items:center; gap:10px;
  padding:10px 20px; font-family:var(--font-head); font-size:13.5px; font-weight:600;
  color:var(--cu-grey); cursor:pointer; transition:all 0.18s;
  border-left:3px solid transparent;
}
.iqac-sc-nav-item:hover { background:var(--cu-off); color:var(--cu-dark); border-left-color:var(--cu-lgrey); }
.iqac-sc-nav-item.active { background:rgba(192,64,54,0.06); color:var(--cu-red); font-weight:800; border-left-color:var(--cu-red); }
.iqac-sc-nav-item svg { flex-shrink:0; width:16px; height:16px; opacity:0.5; }
.iqac-sc-nav-item.active svg { opacity:1; color:var(--cu-red); }
.iqac-sc-sep { height:1px; background:var(--cu-border); margin:4px 0; }

/* Sidebar CTA */
.iqac-sidebar-cta   { background:var(--cu-red); border-radius:var(--radius); padding:22px 20px; margin-top:16px; }
.iqac-scta-title    { font-family:var(--font-head); font-weight:900; font-size:17px; color:#fff; margin-bottom:6px; }
.iqac-scta-sub      { font-size:13px; color:rgba(255,255,255,0.72); margin-bottom:16px; line-height:1.5; }
.iqac-scta-btn      { display:block; text-align:center; background:#fff; color:var(--cu-red); padding:12px; border-radius:8px; font-family:var(--font-head); font-weight:800; font-size:13px; margin-bottom:10px; transition:all 0.2s; }
.iqac-scta-btn:hover { background:var(--cu-off); }
.iqac-scta-phone    { display:flex; align-items:center; justify-content:center; gap:6px; font-family:var(--font-head); font-weight:700; font-size:13px; color:rgba(255,255,255,0.8); }

/* Sidebar downloads */
.iqac-sidebar-dl    { background:#fff; border:1px solid var(--cu-border); border-radius:var(--radius); overflow:hidden; margin-top:16px; }
.iqac-sdl-header    { background:var(--cu-dark); padding:14px 18px; }
.iqac-sdl-header h4 { font-family:var(--font-head); font-weight:800; font-size:13px; color:rgba(255,255,255,0.9); text-transform:uppercase; letter-spacing:0.6px; }
.iqac-sdl-list      { padding:6px 0; }
.iqac-sdl-item      { display:flex; align-items:center; gap:10px; padding:10px 18px; border-bottom:1px solid var(--cu-border); cursor:pointer; transition:background 0.15s; }
.iqac-sdl-item:last-child { border-bottom:none; }
.iqac-sdl-item:hover { background:var(--cu-off); }
.iqac-sdl-icon      { font-size:16px; flex-shrink:0; }
.iqac-sdl-text      { font-family:var(--font-head); font-size:12.5px; font-weight:700; color:var(--cu-dark); flex:1; }
.iqac-sdl-badge     { font-size:10px; font-family:var(--font-head); font-weight:800; color:var(--cu-red); background:rgba(192,64,54,0.08); padding:2px 8px; border-radius:10px; }

/* ── Content panels ── */
.iqac-panel         { display:none; }
.iqac-panel.active  { display:block; animation:iqacFadeIn 0.28s ease; }
@keyframes iqacFadeIn { from{opacity:0;transform:translateY(8px);} to{opacity:1;transform:translateY(0);} }

/* ── Panel hero ── */
.iqac-panel-hero    { background:var(--cu-off); border-radius:var(--radius); padding:32px 36px; margin-bottom:32px; border:1px solid var(--cu-border); position:relative; overflow:hidden; }
.iqac-panel-hero::before { content:''; position:absolute; right:-20px; top:-20px; width:140px; height:140px; border-radius:50%; background:rgba(192,64,54,0.07); }
.iqac-ph-tag        { display:inline-flex; align-items:center; gap:6px; background:rgba(192,64,54,0.09); color:var(--cu-red); font-size:11px; font-weight:700; letter-spacing:1.2px; text-transform:uppercase; padding:5px 12px; border-radius:20px; margin-bottom:14px; font-family:var(--font-head); }
.iqac-panel-hero h2 { font-family:var(--font-head); font-weight:400; font-size:clamp(20px,2.5vw,32px); line-height:1.22; margin-bottom:12px; }
.iqac-panel-hero h2 strong { font-weight:900; }
.iqac-panel-hero h2 em { color:var(--cu-red); font-style:normal; font-weight:800; }
.iqac-panel-hero p  { color:var(--cu-grey); font-size:15px; line-height:1.78; }

/* ── Shared content styles ── */
.iqac-content-section    { margin-bottom:36px; }
.iqac-content-section h3 { font-family:var(--font-head); font-weight:800; font-size:18px; color:var(--cu-dark); margin-bottom:16px; display:flex; align-items:center; gap:10px; }
.iqac-cs-icon { width:34px; height:34px; border-radius:8px; background:var(--cu-red); display:flex; align-items:center; justify-content:center; font-size:15px; flex-shrink:0; }
.iqac-content-section p  { color:var(--cu-grey); font-size:14.5px; line-height:1.78; margin-bottom:12px; }

/* ── Steps ── */
.iqac-steps-list { display:flex; flex-direction:column; gap:16px; }
.iqac-step-item  { display:flex; align-items:flex-start; gap:16px; padding:20px; background:#fff; border:1px solid var(--cu-border); border-radius:var(--radius); transition:all 0.2s; }
.iqac-step-item:hover { border-color:var(--cu-red); box-shadow:0 4px 20px rgba(192,64,54,0.08); }
.iqac-step-num   { width:42px; height:42px; border-radius:50%; background:var(--cu-red); color:#fff; font-family:var(--font-head); font-weight:900; font-size:16px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.iqac-step-text h4 { font-family:var(--font-head); font-weight:800; font-size:15px; color:var(--cu-dark); margin-bottom:5px; }
.iqac-step-text p  { font-size:13.5px; color:var(--cu-grey); line-height:1.6; margin-bottom:0; }

/* ── Info grid ── */
.iqac-info-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.iqac-info-card { padding:22px 20px; background:#fff; border:1px solid var(--cu-border); border-radius:var(--radius); transition:all 0.2s; }
.iqac-info-card:hover { border-color:var(--cu-red); transform:translateY(-3px); box-shadow:var(--shadow); }
.iqac-ic-icon  { font-size:28px; margin-bottom:10px; }
.iqac-ic-title { font-family:var(--font-head); font-weight:800; font-size:14px; color:var(--cu-dark); margin-bottom:6px; }
.iqac-ic-desc  { font-size:13px; color:var(--cu-grey); line-height:1.6; }

/* ── Data table ── */
.iqac-data-table { width:100%; border-collapse:collapse; border-radius:var(--radius); overflow:hidden; border:1px solid var(--cu-border); }
.iqac-data-table thead tr { background:var(--cu-dark); }
.iqac-data-table th  { padding:14px 18px; font-family:var(--font-head); font-size:13px; font-weight:700; color:#fff; text-align:left; white-space:nowrap; }
.iqac-data-table td  { padding:13px 18px; font-size:13.5px; color:var(--cu-grey); border-bottom:1px solid var(--cu-border); }
.iqac-data-table tr:last-child td { border-bottom:none; }
.iqac-data-table tr:nth-child(even) td { background:rgba(243,242,241,0.5); }
.iqac-data-table td:last-child { font-family:var(--font-head); font-weight:700; color:var(--cu-dark); }
.iqac-data-table td strong { color:var(--cu-dark); font-weight:800; }
.iqac-td-red  { color:var(--cu-red)  !important; font-weight:800 !important; }
.iqac-td-gold { color:var(--cu-gold) !important; font-weight:800 !important; }

/* ── Note boxes ── */
.iqac-note-box  { display:flex; gap:14px; align-items:flex-start; padding:18px 20px; border-radius:10px; margin-bottom:20px; }
.iqac-nb-info   { background:rgba(192,64,54,0.06); border:1px solid rgba(192,64,54,0.16); }
.iqac-nb-gold   { background:rgba(255,164,18,0.07); border:1px solid rgba(255,164,18,0.22); }
.iqac-nb-blue   { background:rgba(30,80,180,0.06); border:1px solid rgba(30,80,180,0.18); }
.iqac-nb-icon   { font-size:22px; flex-shrink:0; }
.iqac-nb-text   { font-size:13.5px; color:var(--cu-grey); line-height:1.65; }
.iqac-nb-text strong { color:var(--cu-dark); }

/* ── Member cards ── */
.iqac-member-grid    { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.iqac-member-card    { border-radius:var(--radius); overflow:hidden; border:1px solid var(--cu-border); transition:all 0.2s; }
.iqac-member-card:hover { border-color:var(--cu-red); box-shadow:var(--shadow); }
.iqac-member-chairman { grid-column:1/-1; }
.iqac-mc-head  { padding:18px 22px; display:flex; align-items:center; gap:16px; }
.iqac-mc-avatar {
  width:56px; height:56px; border-radius:50%;
  background:linear-gradient(135deg,var(--cu-red),#8a1a14);
  display:flex; align-items:center; justify-content:center;
  color:#fff; font-family:var(--font-head); font-weight:900; font-size:18px; flex-shrink:0;
}
.iqac-mc-av-gold { background:linear-gradient(135deg,#c87020,var(--cu-gold)) !important; width:72px !important; height:72px !important; font-size:22px !important; }
.iqac-mc-info h4       { font-family:var(--font-head); font-weight:800; font-size:15px; color:var(--cu-dark); margin-bottom:3px; }
.iqac-mc-role          { font-size:12.5px; color:var(--cu-red); font-family:var(--font-head); font-weight:700; }
.iqac-mc-dept          { font-size:12px; color:var(--cu-grey); margin-top:2px; }
.iqac-mc-badge         { margin-left:auto; font-size:10px; font-family:var(--font-head); font-weight:800; padding:4px 10px; border-radius:20px; text-transform:uppercase; letter-spacing:0.5px; white-space:nowrap; }
.iqac-badge-chair { background:rgba(255,164,18,0.15); color:#c87020; }
.iqac-badge-dir   { background:rgba(192,64,54,0.1);  color:var(--cu-red); }
.iqac-badge-mem   { background:rgba(30,80,180,0.1);  color:#1a50b4; }

/* ── Objectives list ── */
.iqac-obj-list { display:flex; flex-direction:column; gap:12px; }
.iqac-obj-item { display:flex; align-items:flex-start; gap:14px; padding:16px 20px; background:#fff; border:1px solid var(--cu-border); border-radius:10px; transition:border-color 0.2s; }
.iqac-obj-item:hover { border-color:var(--cu-red); }
.iqac-obj-num  { width:32px; height:32px; border-radius:50%; background:rgba(192,64,54,0.08); color:var(--cu-red); display:flex; align-items:center; justify-content:center; font-family:var(--font-head); font-weight:900; font-size:13px; flex-shrink:0; }
.iqac-obj-text { font-size:14px; color:var(--cu-grey); line-height:1.6; }
.iqac-obj-text strong { color:var(--cu-dark); }

/* ── Strategic timeline ── */
.iqac-strat-timeline { position:relative; padding-left:36px; }
.iqac-strat-timeline::before { content:''; position:absolute; left:14px; top:0; bottom:0; width:2px; background:var(--cu-border); }
.iqac-strat-item     { position:relative; margin-bottom:28px; }
.iqac-strat-dot      { position:absolute; left:-28px; top:4px; width:14px; height:14px; border-radius:50%; background:var(--cu-red); border:3px solid #fff; box-shadow:0 0 0 2px var(--cu-red); }
.iqac-strat-item h4  { font-family:var(--font-head); font-weight:800; font-size:15px; color:var(--cu-dark); margin-bottom:4px; }
.iqac-strat-year     { font-size:11px; font-family:var(--font-head); font-weight:700; color:var(--cu-gold); text-transform:uppercase; letter-spacing:0.6px; margin-bottom:6px; }
.iqac-strat-item p   { font-size:13.5px; color:var(--cu-grey); line-height:1.65; }

/* ── Meeting minutes ── */
.iqac-minutes-item { display:flex; align-items:center; gap:16px; padding:16px 20px; background:#fff; border:1px solid var(--cu-border); border-radius:var(--radius); margin-bottom:12px; transition:all 0.2s; }
.iqac-minutes-item:hover { border-color:var(--cu-red); box-shadow:0 4px 16px rgba(192,64,54,0.06); }
.iqac-mi-date    { width:60px; text-align:center; flex-shrink:0; }
.iqac-mi-day     { font-family:var(--font-head); font-weight:900; font-size:24px; color:var(--cu-red); line-height:1; }
.iqac-mi-month   { font-family:var(--font-head); font-weight:700; font-size:11px; color:var(--cu-grey); text-transform:uppercase; letter-spacing:0.5px; }
.iqac-mi-sep     { width:1px; height:40px; background:var(--cu-border); flex-shrink:0; }
.iqac-mi-info h4 { font-family:var(--font-head); font-weight:800; font-size:14px; color:var(--cu-dark); margin-bottom:3px; }
.iqac-mi-info p  { font-size:12.5px; color:var(--cu-grey); }
.iqac-mi-download {
  margin-left:auto; width:36px; height:36px; border-radius:8px;
  background:rgba(192,64,54,0.08); display:flex; align-items:center; justify-content:center;
  color:var(--cu-red); flex-shrink:0; cursor:pointer; transition:all 0.2s;
}
.iqac-mi-download:hover { background:var(--cu-red); color:#fff; }

/* ── SDG grid ── */
.iqac-sdg-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.iqac-sdg-card { border-radius:var(--radius); padding:20px; text-align:center; color:#fff; transition:transform 0.2s; cursor:default; }
.iqac-sdg-card:hover { transform:translateY(-4px); }
.iqac-sdg-num  { font-family:var(--font-head); font-weight:900; font-size:28px; line-height:1; margin-bottom:4px; }
.iqac-sdg-title { font-family:var(--font-head); font-weight:700; font-size:12px; line-height:1.3; }

/* ── Checklist ── */
.iqac-checklist { display:flex; flex-direction:column; gap:10px; }
.iqac-cl-item   { display:flex; align-items:flex-start; gap:12px; padding:14px 18px; background:#fff; border:1px solid var(--cu-border); border-radius:10px; transition:border-color 0.2s; }
.iqac-cl-item:hover { border-color:var(--cu-red); }
.iqac-cl-check  { width:24px; height:24px; border-radius:50%; background:rgba(192,64,54,0.1); color:var(--cu-red); display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:900; flex-shrink:0; margin-top:1px; }
.iqac-cl-text   { font-size:14px; color:var(--cu-grey); line-height:1.55; }
.iqac-cl-text strong { color:var(--cu-dark); font-weight:700; }

/* ── Responsive ── */
@media (max-width: 1024px) {
  .iqac-hero-inner { grid-template-columns: 1fr; }
  .iqac-hero-card  { display: none; }
  .iqac-hero-stats { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 900px) {
  .iqac-grid     { grid-template-columns: 1fr; }
  .iqac-sidebar  { position: static; }
}
@media (max-width: 600px) {
  .iqac-member-grid { grid-template-columns: 1fr; }
  .iqac-info-grid   { grid-template-columns: 1fr; }
  .iqac-sdg-grid    { grid-template-columns: 1fr 1fr; }
  .iqac-panel-hero  { padding: 24px 20px; }
}

    /* ══════════════════════════════════════════════════════════════
       ADMISSIONS PAGE  (ap- prefix)
    ══════════════════════════════════════════════════════════════ */

    /* ── Hero ── */
    .ap-hero {
      background: linear-gradient(135deg,#1C0808 0%,#2a0a05 45%,#1a1a1a 100%);
      background-image: linear-gradient(135deg,rgba(28,8,8,0.90),rgba(42,10,5,0.87)),
        url('https://images.unsplash.com/photo-1523050854058-8df90110c9f1?w=1400&q=80&fit=crop');
      background-size: cover; background-position: center;
      padding: 60px 0 52px; position: relative; overflow: hidden;
    }
    .ap-hero::before {
      content:''; position:absolute; inset:0;
      background: radial-gradient(ellipse at 70% 40%,rgba(192,64,54,0.20),transparent 60%);
    }
    .ap-hero-inner {
      position: relative; z-index: 2;
      display: grid; grid-template-columns: 1fr 360px; gap: 48px; align-items: center;
    }
    .ap-hero-badge {
      display: inline-flex; align-items: center; gap: 8px;
      background: rgba(255,164,18,0.14); border: 1px solid rgba(255,164,18,0.30);
      border-radius: 20px; padding: 5px 14px; margin-bottom: 18px;
    }
    .ap-hero-badge-dot { width:7px; height:7px; border-radius:50%; background:var(--cu-gold); }
    .ap-hero-badge span { font-family:var(--font-head); font-size:11px; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:var(--cu-gold); }
    .ap-hero h1 { font-family:var(--font-head); font-weight:400; font-size:clamp(26px,3.5vw,44px); color:#fff; line-height:1.18; margin-bottom:14px; }
    .ap-hero h1 strong { font-weight:900; }
    .ap-hero h1 em { font-style:normal; color:var(--cu-gold); }
    .ap-hero p { color:rgba(255,255,255,0.62); font-size:15px; line-height:1.72; max-width:540px; margin-bottom:28px; }
    .ap-hero-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:2px; background:rgba(255,255,255,0.07); border-radius:10px; overflow:hidden; margin-bottom:28px; }
    .ap-hs-item { padding:16px 10px; text-align:center; }
    .ap-hs-val { font-family:var(--font-head); font-weight:900; font-size:21px; color:var(--cu-gold); line-height:1; }
    .ap-hs-lbl { font-size:10px; color:rgba(255,255,255,0.45); margin-top:4px; text-transform:uppercase; letter-spacing:0.4px; }
    .ap-hero-ctas { display:flex; gap:12px; flex-wrap:wrap; }

    /* Hero form card */
    .ap-hero-form { background:#fff; border-radius:var(--radius); padding:28px 26px; box-shadow:0 20px 60px rgba(0,0,0,0.4); }
    .ap-hf-title { font-family:var(--font-head); font-weight:800; font-size:18px; color:var(--cu-dark); margin-bottom:4px; }
    .ap-hf-sub { font-size:13px; color:var(--cu-grey); margin-bottom:20px; }
    .ap-hf-field { margin-bottom:13px; }
    .ap-hf-field label { display:block; font-size:12px; font-weight:700; font-family:var(--font-head); color:var(--cu-dark); margin-bottom:5px; }
    .ap-hf-field input, .ap-hf-field select {
      width:100%; padding:10px 13px; border:1.5px solid var(--cu-border); border-radius:8px;
      font-family:var(--font-body); font-size:14px; color:var(--cu-dark); outline:none;
      background:#fff; transition:border-color 0.2s;
    }
    .ap-hf-field input:focus, .ap-hf-field select:focus { border-color:var(--cu-red); }
    .ap-hf-row { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
    .ap-hf-submit {
      width:100%; padding:13px; background:var(--cu-red); color:#fff; border-radius:8px;
      font-family:var(--font-head); font-size:15px; font-weight:800; margin-top:6px;
      cursor:pointer; border:none; transition:background 0.2s;
    }
    .ap-hf-submit:hover { background:var(--cu-red2); }
    .ap-hf-note { font-size:11px; color:var(--cu-lgrey); text-align:center; margin-top:9px; }

    /* ── Accreditation bar ── */
    .ap-accred-bar { background:#fff; border-bottom:1px solid var(--cu-border); padding:12px 0; }
    .ap-accred-inner { display:flex; align-items:center; gap:24px; overflow-x:auto; scrollbar-width:none; }
    .ap-accred-item { display:flex; align-items:center; gap:8px; flex-shrink:0; }
    .ap-accred-icon { font-size:20px; }
    .ap-accred-text strong { display:block; font-family:var(--font-head); font-size:12px; font-weight:800; color:var(--cu-dark); }
    .ap-accred-text span { font-size:11px; color:var(--cu-grey); }
    .ap-accred-sep { width:1px; height:30px; background:var(--cu-border); flex-shrink:0; }

    /* ── Breadcrumb ── */
    .ap-breadcrumb { background:var(--cu-off); padding:10px 0; border-bottom:1px solid var(--cu-border); }
    .ap-bc-inner { display:flex; align-items:center; gap:6px; font-size:12.5px; color:var(--cu-grey); }
    .ap-bc-inner a { color:var(--cu-grey); transition:color 0.15s; }
    .ap-bc-inner a:hover { color:var(--cu-red); }
    .ap-bc-inner span { color:var(--cu-red); font-weight:700; }
    .ap-bc-sep { color:var(--cu-lgrey); }

    /* ── Main layout ── */
    .ap-layout { padding:60px 0 80px; }
    .ap-grid { display:grid; grid-template-columns:270px 1fr; gap:36px; align-items:start; }

    /* ── Sidebar ── */
    .ap-sidebar { position:sticky; top:138px; }
    .ap-sc { background:#fff; border:1px solid var(--cu-border); border-radius:var(--radius); overflow:hidden; }
    .ap-sc-head { background:var(--cu-red); padding:16px 20px; }
    .ap-sc-head h3 { font-family:var(--font-head); font-weight:900; font-size:14px; color:#fff; text-transform:uppercase; letter-spacing:0.8px; }
    .ap-sc-nav { padding:8px 0; }
    .ap-sc-nav-item {
      display:flex; align-items:center; gap:10px; padding:10px 20px;
      font-family:var(--font-head); font-size:13.5px; font-weight:600;
      color:var(--cu-grey); cursor:pointer; transition:all 0.18s;
      border-left:3px solid transparent; border:none; background:none; width:100%; text-align:left;
    }
    .ap-sc-nav-item:hover { background:var(--cu-off); color:var(--cu-dark); border-left-color:var(--cu-lgrey); }
    .ap-sc-nav-item.active { background:rgba(192,64,54,0.06); color:var(--cu-red); font-weight:800; border-left-color:var(--cu-red); }
    .ap-sc-nav-item svg { flex-shrink:0; width:16px; height:16px; opacity:0.5; }
    .ap-sc-nav-item.active svg { opacity:1; color:var(--cu-red); }
    .ap-sc-sep { height:1px; background:var(--cu-border); margin:4px 0; }

    /* Sidebar CTA card */
    .ap-sc-cta { background:var(--cu-red); border-radius:var(--radius); padding:22px 20px; margin-top:16px; }
    .ap-sc-cta-title { font-family:var(--font-head); font-weight:900; font-size:17px; color:#fff; margin-bottom:6px; }
    .ap-sc-cta-sub { font-size:13px; color:rgba(255,255,255,0.72); margin-bottom:16px; line-height:1.5; }
    .ap-sc-cta-btn { display:block; text-align:center; background:#fff; color:var(--cu-red); padding:12px; border-radius:8px; font-family:var(--font-head); font-weight:800; font-size:14px; margin-bottom:10px; transition:all 0.2s; }
    .ap-sc-cta-btn:hover { background:var(--cu-off); }
    .ap-sc-cta-phone { display:flex; align-items:center; justify-content:center; gap:6px; font-family:var(--font-head); font-weight:700; font-size:13px; color:rgba(255,255,255,0.8); }

    /* Sidebar dates widget */
    .ap-sc-dates { background:#fff; border:1px solid var(--cu-border); border-radius:var(--radius); overflow:hidden; margin-top:16px; }
    .ap-scd-head { background:var(--cu-dark); padding:14px 18px; }
    .ap-scd-head h4 { font-family:var(--font-head); font-weight:800; font-size:13px; color:rgba(255,255,255,0.9); text-transform:uppercase; letter-spacing:0.6px; display:flex; align-items:center; gap:8px; }
    .ap-scd-list { padding:6px 0; }
    .ap-scd-item { padding:10px 18px; border-bottom:1px solid var(--cu-border); }
    .ap-scd-item:last-child { border-bottom:none; }
    .ap-scd-event { font-family:var(--font-head); font-size:12.5px; font-weight:700; color:var(--cu-dark); margin-bottom:3px; }
    .ap-scd-date { font-size:11.5px; color:var(--cu-red); font-weight:600; font-family:var(--font-head); }

    /* ── Content panels ── */
    .ap-panel { display:none; }
    .ap-panel.active { display:block; animation:apFadeIn 0.28s ease; }
    @keyframes apFadeIn { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }

    /* ── Panel hero banner ── */
    .ap-panel-hero {
      background:var(--cu-off); border-radius:var(--radius); padding:32px 36px;
      margin-bottom:32px; border:1px solid var(--cu-border); position:relative; overflow:hidden;
    }
    .ap-panel-hero::before { content:''; position:absolute; right:-20px; top:-20px; width:140px; height:140px; border-radius:50%; background:rgba(192,64,54,0.07); }
    .ap-ph-tag { display:inline-flex; align-items:center; gap:6px; background:rgba(192,64,54,0.09); color:var(--cu-red); font-size:11px; font-weight:700; letter-spacing:1.2px; text-transform:uppercase; padding:5px 12px; border-radius:20px; margin-bottom:14px; font-family:var(--font-head); }
    .ap-panel-hero h2 { font-family:var(--font-head); font-weight:400; font-size:clamp(20px,2.5vw,30px); line-height:1.22; margin-bottom:12px; }
    .ap-panel-hero h2 strong { font-weight:900; }
    .ap-panel-hero h2 em { color:var(--cu-red); font-style:normal; font-weight:800; }
    .ap-panel-hero p { color:var(--cu-grey); font-size:15px; line-height:1.78; }

    /* ── Section heading ── */
    .ap-cs { margin-bottom:36px; }
    .ap-cs h3 { font-family:var(--font-head); font-weight:800; font-size:18px; color:var(--cu-dark); margin-bottom:16px; display:flex; align-items:center; gap:10px; }
    .ap-cs-icon { width:34px; height:34px; border-radius:8px; background:var(--cu-red); display:flex; align-items:center; justify-content:center; font-size:15px; flex-shrink:0; }
    .ap-cs p { color:var(--cu-grey); font-size:14.5px; line-height:1.78; margin-bottom:12px; }

    /* ── Steps ── */
    .ap-steps { display:flex; flex-direction:column; gap:16px; }
    .ap-step { display:flex; align-items:flex-start; gap:16px; padding:20px; background:#fff; border:1px solid var(--cu-border); border-radius:var(--radius); transition:all 0.2s; }
    .ap-step:hover { border-color:var(--cu-red); box-shadow:0 4px 20px rgba(192,64,54,0.08); }
    .ap-step-num { width:42px; height:42px; border-radius:50%; background:var(--cu-red); color:#fff; font-family:var(--font-head); font-weight:900; font-size:16px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
    .ap-step-text h4 { font-family:var(--font-head); font-weight:800; font-size:15px; color:var(--cu-dark); margin-bottom:5px; }
    .ap-step-text p { font-size:13.5px; color:var(--cu-grey); line-height:1.6; margin-bottom:0; }

    /* ── Info grid ── */
    .ap-info-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
    .ap-info-card { padding:22px 20px; background:#fff; border:1px solid var(--cu-border); border-radius:var(--radius); transition:all 0.2s; }
    .ap-info-card:hover { border-color:var(--cu-red); transform:translateY(-3px); box-shadow:var(--shadow); }
    .ap-ic-icon { font-size:28px; margin-bottom:10px; }
    .ap-ic-title { font-family:var(--font-head); font-weight:800; font-size:14px; color:var(--cu-dark); margin-bottom:6px; }
    .ap-ic-desc { font-size:13px; color:var(--cu-grey); line-height:1.6; }

    /* ── Data table ── */
    .ap-table { width:100%; border-collapse:collapse; border-radius:var(--radius); overflow:hidden; border:1px solid var(--cu-border); }
    .ap-table thead tr { background:var(--cu-dark); }
    .ap-table th { padding:14px 18px; font-family:var(--font-head); font-size:13px; font-weight:700; color:#fff; text-align:left; white-space:nowrap; }
    .ap-table td { padding:13px 18px; font-size:13.5px; color:var(--cu-grey); border-bottom:1px solid var(--cu-border); vertical-align:top; }
    .ap-table tr:last-child td { border-bottom:none; }
    .ap-table tr:nth-child(even) td { background:rgba(243,242,241,0.5); }
    .ap-table td strong { color:var(--cu-dark); font-weight:800; }
    .ap-td-red  { color:var(--cu-red)  !important; font-weight:800 !important; }
    .ap-td-gold { color:var(--cu-gold) !important; font-weight:800 !important; }
    .ap-tr-hi td { background:rgba(192,64,54,0.04) !important; }

    /* ── Note boxes ── */
    .ap-note { display:flex; gap:14px; align-items:flex-start; padding:18px 20px; border-radius:10px; margin-bottom:20px; }
    .ap-note-red  { background:rgba(192,64,54,0.06); border:1px solid rgba(192,64,54,0.16); }
    .ap-note-gold { background:rgba(255,164,18,0.07); border:1px solid rgba(255,164,18,0.22); }
    .ap-note-green{ background:rgba(30,160,100,0.06); border:1px solid rgba(30,160,100,0.18); }
    .ap-note-icon { font-size:22px; flex-shrink:0; }
    .ap-note-text { font-size:13.5px; color:var(--cu-grey); line-height:1.65; }
    .ap-note-text strong { color:var(--cu-dark); }

    /* ── Checklist ── */
    .ap-checklist { display:flex; flex-direction:column; gap:10px; }
    .ap-cl-item { display:flex; align-items:flex-start; gap:12px; padding:14px 18px; background:#fff; border:1px solid var(--cu-border); border-radius:10px; transition:border-color 0.2s; }
    .ap-cl-item:hover { border-color:var(--cu-red); }
    .ap-cl-check { width:24px; height:24px; border-radius:50%; background:rgba(192,64,54,0.10); color:var(--cu-red); display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:900; flex-shrink:0; margin-top:1px; }
    .ap-cl-text { font-size:14px; color:var(--cu-grey); line-height:1.55; }
    .ap-cl-text strong { color:var(--cu-dark); font-weight:700; }

    /* ── Phase timeline ── */
    .ap-phases { display:flex; overflow:hidden; border-radius:var(--radius); border:1px solid var(--cu-border); margin-bottom:24px; }
    .ap-phase { flex:1; padding:20px 16px; text-align:center; border-right:1px solid var(--cu-border); position:relative; }
    .ap-phase:last-child { border-right:none; }
    .ap-phase.open { background:var(--cu-red); }
    .ap-phase-badge { position:absolute; top:-1px; left:50%; transform:translateX(-50%); background:var(--cu-gold); color:#1C0808; font-family:var(--font-head); font-size:9px; font-weight:800; padding:2px 8px; border-radius:0 0 6px 6px; text-transform:uppercase; }
    .ap-phase-label { font-family:var(--font-head); font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:0.6px; color:var(--cu-lgrey); margin-bottom:6px; }
    .ap-phase-name  { font-family:var(--font-head); font-weight:800; font-size:14px; color:var(--cu-dark); margin-bottom:4px; }
    .ap-phase-date  { font-size:12px; color:var(--cu-red); font-weight:600; }
    .ap-phase.open .ap-phase-label { color:rgba(255,255,255,0.7); }
    .ap-phase.open .ap-phase-name  { color:#fff; }
    .ap-phase.open .ap-phase-date  { color:var(--cu-gold); }

    /* ── Scholarship cards ── */
    .ap-schol-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
    .ap-schol-card { border-radius:var(--radius); overflow:hidden; border:1px solid var(--cu-border); }
    .ap-schol-head { padding:16px 20px; display:flex; align-items:center; gap:12px; }
    .ap-sh-pct  { font-family:var(--font-head); font-weight:900; font-size:32px; line-height:1; color:#fff; }
    .ap-sh-lbl  { font-family:var(--font-head); font-weight:700; font-size:13px; color:#fff; }
    .ap-s-red    .ap-schol-head { background:linear-gradient(135deg,var(--cu-red),#8a1a14); }
    .ap-s-gold   .ap-schol-head { background:linear-gradient(135deg,#c87020,var(--cu-gold)); }
    .ap-s-blue   .ap-schol-head { background:linear-gradient(135deg,#1a3a6a,#2a5a9a); }
    .ap-s-green  .ap-schol-head { background:linear-gradient(135deg,#1a5a2a,#2a8a3a); }
    .ap-s-purple .ap-schol-head { background:linear-gradient(135deg,#4a1a6a,#7a2aaa); }
    .ap-s-dark   .ap-schol-head { background:linear-gradient(135deg,#262626,#444); }
    .ap-schol-body { padding:16px 20px; background:#fff; }
    .ap-sb-title { font-family:var(--font-head); font-weight:800; font-size:14px; color:var(--cu-dark); margin-bottom:6px; }
    .ap-sb-desc  { font-size:13px; color:var(--cu-grey); line-height:1.6; }
    .ap-sb-crit  { margin-top:10px; display:flex; flex-direction:column; gap:4px; }
    .ap-sb-crit-item { font-size:12px; color:var(--cu-grey); display:flex; align-items:flex-start; gap:6px; }
    .ap-sb-crit-item::before { content:'✓'; color:var(--cu-red); font-weight:800; flex-shrink:0; }

    /* ── Contact cards ── */
    .ap-contact-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
    .ap-contact-card { background:#fff; border:1px solid var(--cu-border); border-radius:var(--radius); padding:22px 20px; transition:all 0.2s; }
    .ap-contact-card:hover { border-color:var(--cu-red); box-shadow:var(--shadow); }
    .ap-cc-icon  { font-size:28px; margin-bottom:12px; }
    .ap-cc-title { font-family:var(--font-head); font-weight:800; font-size:14px; color:var(--cu-dark); margin-bottom:8px; }
    .ap-cc-line  { font-size:13px; color:var(--cu-grey); line-height:1.9; }
    .ap-cc-line strong { color:var(--cu-red); font-family:var(--font-head); }

    /* ── Responsive ── */
    @media (max-width:1024px) {
      .ap-grid { grid-template-columns:230px 1fr; gap:24px; }
      .ap-hero-inner { grid-template-columns:1fr 320px; gap:28px; }
      .ap-schol-grid { grid-template-columns:1fr; }
      .ap-contact-grid { grid-template-columns:1fr 1fr; }
    }
    @media (max-width:900px) {
      .ap-grid { grid-template-columns:1fr; }
      .ap-sidebar { position:static; }
      .ap-sc-nav { display:flex; flex-wrap:wrap; gap:0; padding:4px; }
      .ap-sc-nav-item { border-left:none !important; border-bottom:2px solid transparent; padding:8px 12px; font-size:12px; flex-shrink:0; }
      .ap-sc-nav-item.active { border-left:none !important; border-bottom-color:var(--cu-red) !important; }
    }
    @media (max-width:768px) {
      .ap-hero-inner { grid-template-columns:1fr; }
      .ap-hero-stats { grid-template-columns:repeat(2,1fr); }
      .ap-hero-form  { display:none; }
      .ap-info-grid  { grid-template-columns:1fr; }
      .ap-contact-grid { grid-template-columns:1fr; }
      .ap-phases { flex-direction:column; }
      .ap-phase { border-right:none; border-bottom:1px solid var(--cu-border); }
    }
    @media (max-width:480px) {
      .ap-hf-row { grid-template-columns:1fr; }
      .ap-panel-hero { padding:24px 20px; }
      .ap-schol-grid { grid-template-columns:1fr; }
    }

    /* ══════════════════════════════════════════════════════════════
       ACADEMIC LEADERSHIP PAGES  (al- prefix)
    ══════════════════════════════════════════════════════════════ */

    /* ── Hero ── */
    .al-hero {
      background: linear-gradient(135deg,#0a0a1e 0%,#141428 40%,#1a1a2a 100%);
      padding: 64px 0 0; position: relative; overflow: hidden;
    }
    .al-hero::before {
      content:''; position:absolute; inset:0;
      background: radial-gradient(ellipse at 30% 50%,rgba(192,64,54,.14),transparent 60%);
      pointer-events:none;
    }
    .al-hero::after {
      content:''; position:absolute; right:-80px; bottom:-80px;
      width:400px; height:400px; border-radius:50%;
      background: radial-gradient(circle,rgba(255,164,18,.06),transparent 70%);
      pointer-events:none;
    }
    .al-hero-grid {
      display: grid; grid-template-columns: 320px 1fr;
      gap: 56px; align-items: end; position: relative; z-index:2;
    }

    /* Photo column */
    .al-photo-col { align-self:stretch; display:flex; flex-direction:column; justify-content:flex-end; }
    .al-photo-frame {
      width:100%; aspect-ratio:3/4; border-radius:18px 18px 0 0; overflow:hidden;
      position:relative; background:linear-gradient(160deg,var(--cu-red) 0%,#7a1a14 50%,var(--cu-dark) 100%);
    }
    .al-photo-frame img { width:100%; height:100%; object-fit:cover; object-position:top; }
    .al-photo-placeholder {
      width:100%; height:100%; display:flex; align-items:flex-end; justify-content:center;
      font-size:130px; padding-bottom:24px; filter:drop-shadow(0 -10px 30px rgba(0,0,0,.3));
    }
    .al-name-strip { background:var(--cu-dark); padding:18px 22px; }
    .al-name-strip h3 { font-family:var(--font-head); font-weight:900; font-size:19px; color:#fff; }
    .al-name-role { font-size:13px; color:var(--cu-gold); font-weight:700; font-family:var(--font-head); margin-top:2px; }

    /* Content column */
    .al-hero-content { padding-bottom:48px; }
    .al-hero-tag {
      display:inline-flex; align-items:center; gap:8px;
      background:rgba(255,164,18,.14); border:1px solid rgba(255,164,18,.3);
      border-radius:20px; padding:5px 14px; margin-bottom:18px;
    }
    .al-hero-tag span { font-family:var(--font-head); font-size:11px; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:var(--cu-gold); }
    .al-hero-content h1 { font-family:var(--font-head); font-weight:400; font-size:clamp(28px,3.8vw,46px); color:#fff; line-height:1.15; margin-bottom:16px; }
    .al-hero-content h1 strong { font-weight:900; }
    .al-hero-content h1 em { font-style:normal; color:var(--cu-gold); }
    .al-hero-content > p { color:rgba(255,255,255,.58); font-size:15px; line-height:1.72; max-width:540px; margin-bottom:0; }
    .al-hero-stats {
      display:flex; border-top:1px solid rgba(255,255,255,.08); margin-top:32px;
    }
    .al-stat { flex:1; padding:20px 0; border-right:1px solid rgba(255,255,255,.08); text-align:center; }
    .al-stat:last-child { border-right:none; }
    .al-stat-val { font-family:var(--font-head); font-weight:900; font-size:28px; color:var(--cu-gold); line-height:1; }
    .al-stat-lbl { font-size:11px; color:rgba(255,255,255,.45); margin-top:4px; text-transform:uppercase; letter-spacing:.4px; }

    /* ── Breadcrumb ── */
    .al-breadcrumb { background:var(--cu-off); border-bottom:1px solid var(--cu-border); padding:12px 0; }
    .al-bc { display:flex; align-items:center; gap:6px; font-size:12.5px; color:var(--cu-grey); flex-wrap:wrap; }
    .al-bc a { color:var(--cu-red); transition:color .15s; }
    .al-bc a:hover { opacity:.75; }
    .al-bc-sep { color:var(--cu-lgrey); }

    /* ── Main layout ── */
    .al-layout { padding:64px 0 80px; }
    .al-grid { display:grid; grid-template-columns:1fr 280px; gap:48px; align-items:start; }

    /* ── Bio content ── */
    .al-bio-section { margin-bottom:40px; }
    .al-bio-section h2 {
      font-family:var(--font-head); font-weight:800; font-size:22px; color:var(--cu-dark);
      margin-bottom:18px; display:flex; align-items:center; gap:10px;
    }
    .al-bio-icon {
      width:36px; height:36px; border-radius:8px; background:var(--cu-red);
      display:flex; align-items:center; justify-content:center; font-size:16px; flex-shrink:0;
    }
    .al-bio-section p { font-size:15px; color:var(--cu-grey); line-height:1.85; margin-bottom:14px; }

    /* Quote */
    .al-quote {
      border-left:4px solid var(--cu-red); padding:20px 24px;
      background:var(--cu-off); border-radius:0 12px 12px 0;
      margin:24px 0; font-size:17px; font-style:italic;
      color:var(--cu-dark); line-height:1.75;
    }
    .al-quote cite { display:block; font-style:normal; font-size:13px; color:var(--cu-grey); margin-top:10px; font-family:var(--font-head); font-weight:700; }

    /* Highlights grid */
    .al-hl-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:24px 0; }
    .al-hl-card {
      padding:22px; border-radius:var(--radius); border:1px solid var(--cu-border);
      transition:all .25s; position:relative; overflow:hidden;
    }
    .al-hl-card:hover { transform:translateY(-3px); box-shadow:var(--shadow); border-color:var(--cu-red); }
    .al-hl-card::before {
      content:''; position:absolute; top:0; left:0; right:0; height:3px;
      background:var(--cu-red); transform:scaleX(0); transform-origin:left; transition:transform .3s;
    }
    .al-hl-card:hover::before { transform:scaleX(1); }
    .al-hl-icon { font-size:28px; margin-bottom:10px; }
    .al-hl-title { font-family:var(--font-head); font-weight:800; font-size:14px; color:var(--cu-dark); margin-bottom:5px; }
    .al-hl-desc { font-size:12.5px; color:var(--cu-grey); line-height:1.55; }

    /* Awards list */
    .al-awards { display:flex; flex-direction:column; gap:12px; }
    .al-award { display:flex; align-items:flex-start; gap:14px; padding:16px 20px; background:#fff; border:1px solid var(--cu-border); border-radius:10px; transition:border-color .2s; }
    .al-award:hover { border-color:var(--cu-gold); }
    .al-award-icon { width:40px; height:40px; border-radius:10px; background:linear-gradient(135deg,var(--cu-gold),#c87020); display:flex; align-items:center; justify-content:center; font-size:18px; flex-shrink:0; }
    .al-award-text h4 { font-family:var(--font-head); font-weight:800; font-size:14px; color:var(--cu-dark); margin-bottom:3px; }
    .al-award-text p { font-size:12.5px; color:var(--cu-grey); line-height:1.5; margin-bottom:0; }

    /* ── Sidebar ── */
    .al-sidebar { position:sticky; top:138px; }
    .al-sc { background:#fff; border:1px solid var(--cu-border); border-radius:var(--radius); overflow:hidden; margin-bottom:16px; }
    .al-sc-head { background:var(--cu-red); padding:14px 20px; }
    .al-sc-head h3 { font-family:var(--font-head); font-weight:900; font-size:14px; color:#fff; text-transform:uppercase; letter-spacing:.8px; }
    .al-sc-nav { padding:8px 0; }
    .al-sc-link {
      display:flex; align-items:center; gap:10px; padding:10px 20px;
      font-family:var(--font-head); font-size:13px; font-weight:600; color:var(--cu-grey);
      transition:all .18s; border-left:3px solid transparent;
    }
    .al-sc-link:hover { background:var(--cu-off); color:var(--cu-dark); border-left-color:var(--cu-lgrey); }
    .al-sc-link.active { background:rgba(192,64,54,.06); color:var(--cu-red); font-weight:800; border-left-color:var(--cu-red); }
    .al-sc-sep { height:1px; background:var(--cu-border); margin:4px 0; }

    /* Sidebar contact card */
    .al-sc-contact { background:var(--cu-dark); border-radius:var(--radius); padding:22px 20px; text-align:center; }
    .al-scc-title { font-family:var(--font-head); font-weight:900; font-size:16px; color:#fff; margin-bottom:6px; }
    .al-scc-sub { font-size:13px; color:rgba(255,255,255,.55); margin-bottom:16px; line-height:1.5; }
    .al-scc-btn { display:block; text-align:center; background:#fff; color:var(--cu-red); padding:12px; border-radius:8px; font-family:var(--font-head); font-weight:800; font-size:14px; margin-bottom:8px; transition:all .2s; }
    .al-scc-btn:hover { background:var(--cu-off); }
    .al-scc-email { font-size:12px; color:rgba(255,255,255,.5); word-break:break-all; }

    /* ── Responsive ── */
    @media (max-width:1024px) {
      .al-hero-grid { grid-template-columns:1fr; }
      .al-photo-col { max-width:320px; }
      .al-grid { grid-template-columns:1fr; }
      .al-sidebar { position:static; }
      .al-hl-grid { grid-template-columns:1fr; }
    }
    @media (max-width:768px) {
      .al-hero-stats { flex-wrap:wrap; }
      .al-stat { min-width:50%; }
      .al-hero-grid { gap:32px; }
      .al-hl-grid { grid-template-columns:1fr 1fr; }
    }
    @media (max-width:480px) {
      .al-hl-grid { grid-template-columns:1fr; }
      .al-stat { min-width:50%; }
    }
    /* ============================================================
   CENTRES & CELLS PAGE  (prefix: cc-)
   Append this block to the bottom of assets/css/vgu.css
   Used by: pages/centers-and-cells/*.php
============================================================ */

/* ── BREADCRUMB ───────────────────────────────────────────── */
.cc-breadcrumb         { background: var(--cu-off); border-bottom: 1px solid var(--cu-border); padding: 11px 0; }
.cc-bc-inner           { display: flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--cu-grey); flex-wrap: wrap; }
.cc-bc-inner a         { color: var(--cu-grey); transition: color 0.15s; }
.cc-bc-inner a:hover   { color: var(--cu-red); }
.cc-bc-inner span      { color: var(--cu-dark); font-weight: 700; }
.cc-bc-sep             { color: var(--cu-lgrey); }

/* ── HERO ─────────────────────────────────────────────────── */
.cc-hero {
  background: linear-gradient(135deg, #0a1a2a 0%, #0d2240 40%, #1a2a3a 100%);
  padding: 64px 0 0;
  position: relative;
  overflow: hidden;
}
.cc-hero-glow {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}
.cc-hero-glow-gold {
  top: -60px; right: -80px;
  width: 420px; height: 420px;
  background: radial-gradient(circle, rgba(255,164,18,0.12), transparent 65%);
}
.cc-hero-glow-red {
  bottom: -80px; left: -60px;
  width: 380px; height: 380px;
  background: radial-gradient(circle, rgba(192,64,54,0.10), transparent 65%);
}
.cc-hero-grid {
  display: grid;
  grid-template-columns: 1fr 380px;
  gap: 48px;
  align-items: end;
  position: relative;
  z-index: 2;
}
.cc-hero-left          { padding-bottom: 48px; }

/* Hero Tag */
.cc-hero-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255,164,18,0.14);
  border: 1px solid rgba(255,164,18,0.32);
  border-radius: 20px;
  padding: 5px 14px;
  margin-bottom: 18px;
}
.cc-hero-tag span {
  font-family: var(--font-head);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--cu-gold);
}

/* Hero H1 */
.cc-hero-left h1 {
  font-family: var(--font-head);
  font-weight: 400;
  font-size: clamp(28px, 3.8vw, 46px);
  color: #fff;
  line-height: 1.15;
  margin-bottom: 16px;
}
.cc-hero-left h1 strong { font-weight: 900; }
.cc-hero-left h1 em     { font-style: normal; color: var(--cu-gold); }

.cc-hero-left > p {
  color: rgba(255,255,255,0.60);
  font-size: 15px;
  line-height: 1.75;
  max-width: 540px;
  margin-bottom: 28px;
}

/* Hero Actions */
.cc-hero-actions        { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 36px; }
.cc-btn-ghost {
  color: #fff !important;
  border-color: rgba(255,255,255,0.32) !important;
  background: rgba(255,255,255,0.06) !important;
}
.cc-btn-ghost:hover     { background: rgba(255,255,255,0.14) !important; }

/* Hero Stats Bar */
.cc-hero-stats {
  display: flex;
  border-top: 1px solid rgba(255,255,255,0.09);
}
.cc-hs-item {
  flex: 1;
  padding: 18px 0;
  text-align: center;
  border-right: 1px solid rgba(255,255,255,0.09);
}
.cc-hs-item:last-child  { border-right: none; }
.cc-hs-val {
  font-family: var(--font-head);
  font-weight: 900;
  font-size: 24px;
  color: var(--cu-gold);
  line-height: 1;
}
.cc-hs-lbl {
  font-size: 11px;
  color: rgba(255,255,255,0.42);
  margin-top: 4px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

/* Hero Form Card */
.cc-hero-form {
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.13);
  border-radius: 16px 16px 0 0;
  padding: 28px 26px 32px;
  backdrop-filter: blur(14px);
  display: flex;
  flex-direction: column;
}
.cc-hf-tag {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--cu-gold);
  margin-bottom: 6px;
  font-family: var(--font-head);
}
.cc-hf-title {
  font-family: var(--font-head);
  font-weight: 900;
  font-size: 20px;
  color: #fff;
  margin-bottom: 4px;
}
.cc-hf-sub {
  font-size: 13px;
  color: rgba(255,255,255,0.48);
  margin-bottom: 20px;
}
.cc-hf-field            { margin-bottom: 12px; }
.cc-hf-field input,
.cc-hf-field select {
  width: 100%;
  padding: 11px 14px;
  border-radius: 8px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.15);
  color: #fff;
  font-family: var(--font-body);
  font-size: 13px;
  outline: none;
  transition: border-color 0.2s;
}
.cc-hf-field input::placeholder { color: rgba(255,255,255,0.30); }
.cc-hf-field input:focus,
.cc-hf-field select:focus        { border-color: rgba(255,164,18,0.55); }
.cc-hf-field select option       { background: #1a2a3a; color: #fff; }
.cc-hf-submit {
  width: 100%;
  padding: 13px;
  border-radius: 8px;
  background: var(--cu-gold);
  color: var(--cu-dark);
  font-family: var(--font-head);
  font-size: 15px;
  font-weight: 800;
  cursor: pointer;
  border: none;
  transition: all 0.2s;
  margin-top: 4px;
}
.cc-hf-submit:hover     { background: #e8950a; transform: translateY(-2px); }
.cc-hf-note {
  font-size: 11px;
  color: rgba(255,255,255,0.30);
  text-align: center;
  margin-top: 10px;
}

/* ── MAIN LAYOUT ──────────────────────────────────────────── */
.cc-layout              { padding: 60px 0 80px; }
.cc-page-grid {
  display: grid;
  grid-template-columns: 1fr 270px;
  gap: 40px;
  align-items: start;
}
.cc-content               { min-width: 0; }

/* ── DIRECTOR CARD ────────────────────────────────────────── */
.cc-director-card {
  display: grid;
  grid-template-columns: 180px 1fr;
  gap: 28px;
  align-items: start;
  background: var(--cu-off);
  border: 1px solid var(--cu-border);
  border-radius: var(--radius);
  padding: 28px;
  margin-bottom: 40px;
}
.cc-dir-photo {
  width: 100%;
  aspect-ratio: 3 / 4;
  border-radius: 12px;
  background: linear-gradient(160deg, #1a3a6a, #0d1e38);
  display: flex;
  align-items: flex-end;
  justify-content: center;
  font-size: 72px;
  padding-bottom: 10px;
  overflow: hidden;
}
.cc-dir-info h3 {
  font-family: var(--font-head);
  font-weight: 900;
  font-size: 20px;
  color: var(--cu-dark);
  margin-bottom: 3px;
}
.cc-dir-role {
  font-size: 13px;
  color: var(--cu-red);
  font-weight: 700;
  font-family: var(--font-head);
  margin-bottom: 12px;
}
.cc-dir-info p {
  font-size: 14px;
  color: var(--cu-grey);
  line-height: 1.78;
}
.cc-dir-quote {
  border-left: 3px solid var(--cu-gold);
  padding: 14px 18px;
  background: #fff;
  border-radius: 0 10px 10px 0;
  font-size: 13.5px;
  color: var(--cu-grey);
  font-style: italic;
  line-height: 1.72;
  margin-top: 14px;
}

/* ── CONTENT SECTIONS ─────────────────────────────────────── */
.cc-sec                 { margin-bottom: 52px; }
.cc-sec h2 {
  font-family: var(--font-head);
  font-weight: 800;
  font-size: 22px;
  color: var(--cu-dark);
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.cc-sec-icon {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  flex-shrink: 0;
  color: #fff;
}
.cc-sec-badge {
  font-size: 11px;
  font-weight: 700;
  font-family: var(--font-head);
  letter-spacing: 0.5px;
  padding: 3px 10px;
  border-radius: 20px;
  background: rgba(255,164,18,0.12);
  color: #b06010;
}
.cc-sec-badge-dark      { background: rgba(38,38,38,0.08); color: var(--cu-dark); }
.cc-sec p {
  font-size: 15px;
  color: var(--cu-grey);
  line-height: 1.85;
  margin-bottom: 14px;
}

/* ── PROGRAM CARDS GRID ───────────────────────────────────── */
.cc-prog-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 20px;
  margin-bottom: 16px;
}
.cc-prog-card {
  background: #fff;
  border: 1px solid var(--cu-border);
  border-radius: var(--radius);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all 0.25s;
  cursor: pointer;
  color: inherit;
}
.cc-prog-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow);
  border-color: var(--cu-red);
}
.cc-pc-bar              { height: 4px; }
.cc-pc-body             { padding: 20px; flex: 1; }
.cc-pc-icon             { font-size: 28px; margin-bottom: 10px; }
.cc-pc-name {
  font-family: var(--font-head);
  font-weight: 800;
  font-size: 15px;
  color: var(--cu-dark);
  margin-bottom: 4px;
}
.cc-pc-mode {
  font-size: 11px;
  font-weight: 700;
  font-family: var(--font-head);
  margin-bottom: 10px;
}
.cc-pc-meta             { display: flex; gap: 6px; flex-wrap: wrap; }
.cc-pc-chip {
  background: var(--cu-off);
  padding: 3px 9px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 700;
  color: var(--cu-grey);
  font-family: var(--font-head);
}
.cc-pc-footer {
  padding: 12px 20px;
  border-top: 1px solid var(--cu-border);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cc-pc-fee {
  font-family: var(--font-head);
  font-weight: 800;
  font-size: 14px;
  color: var(--cu-red);
}
.cc-pc-fee span         { font-size: 11px; font-weight: 400; color: var(--cu-grey); }
.cc-pc-link {
  font-family: var(--font-head);
  font-size: 12px;
  font-weight: 700;
  color: var(--cu-red);
  transition: letter-spacing 0.2s;
}
.cc-prog-card:hover .cc-pc-link { letter-spacing: 0.5px; }

/* ── NOTE BOXES ───────────────────────────────────────────── */
.cc-note {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 16px 20px;
  border-radius: 10px;
  margin-top: 16px;
}
.cc-note-gold           { background: rgba(255,164,18,0.07); border: 1px solid rgba(255,164,18,0.22); }
.cc-note-info           { background: rgba(192,64,54,0.06); border: 1px solid rgba(192,64,54,0.16); }
.cc-note-icon           { font-size: 22px; flex-shrink: 0; margin-top: 1px; }
.cc-note-text           { font-size: 13.5px; color: var(--cu-grey); line-height: 1.68; }
.cc-note-text strong    { color: var(--cu-dark); }

/* ── WHY CARDS GRID ───────────────────────────────────────── */
.cc-why-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 20px;
}
.cc-why-card {
  padding: 24px;
  border-radius: var(--radius);
  border: 1px solid var(--cu-border);
  background: #fff;
  transition: all 0.25s;
  position: relative;
  overflow: hidden;
}
.cc-why-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: var(--cu-gold);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s;
}
.cc-why-card:hover      { transform: translateY(-3px); box-shadow: var(--shadow); }
.cc-why-card:hover::before { transform: scaleX(1); }
.cc-wc-icon             { font-size: 28px; margin-bottom: 12px; }
.cc-wc-title {
  font-family: var(--font-head);
  font-weight: 800;
  font-size: 14px;
  color: var(--cu-dark);
  margin-bottom: 7px;
}
.cc-wc-desc             { font-size: 12.5px; color: var(--cu-grey); line-height: 1.65; }

/* ── SIDEBAR ──────────────────────────────────────────────── */
.cc-sidebar             { position: sticky; top: 130px; }
.cc-sb-card {
  background: #fff;
  border: 1px solid var(--cu-border);
  border-radius: var(--radius);
  overflow: hidden;
  margin-bottom: 16px;
}
.cc-sb-header {
  background: var(--cu-red);
  padding: 15px 20px;
}
.cc-sb-header h3 {
  font-family: var(--font-head);
  font-weight: 900;
  font-size: 13px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  margin: 0;
}
.cc-sb-header-dark      { background: var(--cu-dark) !important; }
.cc-sb-nav              { padding: 8px 0; }
.cc-sb-link {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 10px 20px;
  font-family: var(--font-head);
  font-size: 13px;
  font-weight: 600;
  color: var(--cu-grey);
  transition: all 0.18s;
  border-left: 3px solid transparent;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cc-sb-link:hover {
  background: var(--cu-off);
  color: var(--cu-dark);
  border-left-color: var(--cu-lgrey);
}
.cc-sb-link.active {
  background: rgba(192,64,54,0.06);
  color: var(--cu-red);
  font-weight: 800;
  border-left-color: var(--cu-red);
}
.cc-sb-sep              { height: 1px; background: var(--cu-border); margin: 4px 0; }

/* Sidebar CTA */
.cc-sb-cta {
  background: var(--cu-dark);
  border-radius: var(--radius);
  padding: 22px 20px;
  text-align: center;
}
.cc-sb-cta-title {
  font-family: var(--font-head);
  font-weight: 900;
  font-size: 16px;
  color: #fff;
  margin-bottom: 6px;
}
.cc-sb-cta-sub {
  font-size: 13px;
  color: rgba(255,255,255,0.52);
  margin-bottom: 16px;
  line-height: 1.5;
}
.cc-sb-cta-btn {
  display: block;
  text-align: center;
  background: var(--cu-gold);
  color: var(--cu-dark);
  padding: 12px;
  border-radius: 8px;
  font-family: var(--font-head);
  font-weight: 800;
  font-size: 14px;
  margin-bottom: 8px;
  transition: all 0.2s;
}
.cc-sb-cta-btn:hover    { background: #e8950a; transform: translateY(-1px); }
.cc-sb-cta-link {
  font-size: 12px;
  color: rgba(255,255,255,0.45);
  display: block;
  margin-top: 6px;
  transition: color 0.2s;
}
.cc-sb-cta-link:hover   { color: var(--cu-gold); }

/* ── RESPONSIVE ───────────────────────────────────────────── */
@media (max-width: 1024px) {
  .cc-hero-grid          { grid-template-columns: 1fr; }
  .cc-hero-form          { display: none; }
  .cc-page-grid          { grid-template-columns: 1fr; }
  .cc-sidebar            { position: static; }
  .cc-prog-grid          { grid-template-columns: repeat(2, 1fr); }
  .cc-why-grid           { grid-template-columns: repeat(2, 1fr); }
  .cc-director-card      { grid-template-columns: 1fr; }
  .cc-dir-photo          { max-width: 160px; aspect-ratio: 1; }
}
@media (max-width: 640px) {
  .cc-hero               { padding: 44px 0 0; }
  .cc-hero-left h1       { font-size: 28px; }
  .cc-hero-stats         { flex-wrap: wrap; }
  .cc-hs-item            { min-width: 50%; border-bottom: 1px solid rgba(255,255,255,0.09); }
  .cc-prog-grid          { grid-template-columns: 1fr; }
  .cc-why-grid           { grid-template-columns: 1fr; }
  .cc-layout             { padding: 40px 0 60px; }
  /*.cc-hero-actions       { flex-direction: column; }*/
  .cc-hero-actions .btn  { text-align: center; justify-content: center; }
}
/* ============================================================
   LEADERSHIP SPEAKS PAGE  (prefix: ls-)
   Append this block to the bottom of assets/css/vgu.css
   Used by: pages/leadership-speaks.php
============================================================ */

/* ── BREADCRUMB ───────────────────────────────────────────── */
.ls-breadcrumb      { background: var(--cu-off); border-bottom: 1px solid var(--cu-border); padding: 11px 0; }
.ls-bc-inner        { display: flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--cu-grey); flex-wrap: wrap; }
.ls-bc-inner a      { color: var(--cu-grey); transition: color 0.15s; }
.ls-bc-inner a:hover{ color: var(--cu-red); }
.ls-bc-inner span   { color: var(--cu-dark); font-weight: 700; }
.ls-bc-sep          { color: var(--cu-lgrey); }

/* ── HERO ─────────────────────────────────────────────────── */
.ls-hero {
  background: linear-gradient(135deg, #1C0808 0%, #2a0a05 40%, #1a1a1a 100%);
  padding: 64px 0 56px;
  position: relative;
  overflow: hidden;
}
.ls-hero-radial {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 60% 40%, rgba(192,64,54,0.14), transparent 60%);
  pointer-events: none;
}
.ls-hero-inner      { position: relative; z-index: 2; text-align: center; }

.ls-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255,164,18,0.14);
  border: 1px solid rgba(255,164,18,0.32);
  border-radius: 20px;
  padding: 5px 16px;
  margin-bottom: 18px;
}
.ls-tag span {
  font-family: var(--font-head);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--cu-gold);
}

.ls-hero h1 {
  font-family: var(--font-head);
  font-weight: 400;
  font-size: clamp(28px, 4vw, 48px);
  color: #fff;
  line-height: 1.15;
  margin-bottom: 14px;
}
.ls-hero h1 strong  { font-weight: 900; }
.ls-hero h1 em      { font-style: normal; color: var(--cu-gold); }

.ls-hero p {
  color: rgba(255,255,255,0.55);
  font-size: 16px;
  max-width: 620px;
  margin: 0 auto;
  line-height: 1.72;
}

/* ── LEADERS SECTION ──────────────────────────────────────── */
.ls-section         { padding: 80px 0; }

/* ── SINGLE LEADER CARD ───────────────────────────────────── */
.ls-leader {
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: 52px;
  align-items: center;
  margin-bottom: 72px;
  padding-bottom: 72px;
  border-bottom: 1px solid var(--cu-border);
}
.ls-leader:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

/* Reverse layout — photo on right */
.ls-leader-reverse  { direction: rtl; }
.ls-leader-reverse > * { direction: ltr; }

/* ── PHOTO COLUMN ─────────────────────────────────────────── */
.ls-photo {
  width: 100%;
  aspect-ratio: 3 / 4;
  border-radius: 18px;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
}
.ls-photo-bg {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  font-size: 120px;
  padding-bottom: 16px;
  filter: drop-shadow(0 -8px 24px rgba(0,0,0,0.20));
}

/* Photo gradient backgrounds */
.ls-bg-red    { background: linear-gradient(160deg, #C04036 0%, #7a1a14 50%, #262626 100%); }
.ls-bg-blue   { background: linear-gradient(160deg, #1a3a6a 0%, #0d1e38 50%, #262626 100%); }
.ls-bg-gold   { background: linear-gradient(160deg, #FFA412 0%, #c87020 50%, #262626 100%); }
.ls-bg-dark   { background: linear-gradient(160deg, #3a3a3a 0%, #1a1a1a 100%); }
.ls-bg-green  { background: linear-gradient(160deg, #1a5a2a 0%, #0d2e18 50%, #262626 100%); }
.ls-bg-purple { background: linear-gradient(160deg, #5a1a3a 0%, #2e0d1e 50%, #262626 100%); }

/* Role badge on photo */
.ls-role-badge {
  position: absolute;
  top: 16px;
  left: 16px;
  background: var(--cu-red);
  color: #fff;
  font-family: var(--font-head);
  font-size: 10px;
  font-weight: 800;
  padding: 5px 12px;
  border-radius: 6px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.ls-leader-reverse .ls-role-badge { left: auto; right: 16px; }

/* Badge colour variants */
.ls-badge-gold   { background: var(--cu-gold); color: var(--cu-dark); }
.ls-badge-dark   { background: var(--cu-dark); }
.ls-badge-green  { background: #1a5a2a; }
.ls-badge-purple { background: #5a1a3a; }

/* ── CONTENT COLUMN ───────────────────────────────────────── */
.ls-role {
  font-family: var(--font-head);
  font-size: 12px;
  font-weight: 700;
  color: var(--cu-red);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 7px;
}
.ls-role-gold   { color: var(--cu-gold); }
.ls-role-green  { color: #1a5a2a; }
.ls-role-purple { color: #5a1a3a; }

.ls-name {
  font-family: var(--font-head);
  font-weight: 900;
  font-size: clamp(22px, 2.5vw, 34px);
  color: var(--cu-dark);
  line-height: 1.15;
  margin-bottom: 5px;
}

.ls-title {
  font-size: 14px;
  color: var(--cu-grey);
  margin-bottom: 22px;
  line-height: 1.55;
}

/* Quote block */
.ls-quote {
  border-left: 4px solid var(--cu-red);
  padding: 20px 24px 20px 42px;
  background: var(--cu-off);
  border-radius: 0 12px 12px 0;
  font-size: 15.5px;
  font-style: italic;
  color: var(--cu-dark);
  line-height: 1.78;
  margin-bottom: 20px;
  position: relative;
}
.ls-quote::before {
  content: '"';
  font-size: 52px;
  font-family: Georgia, serif;
  color: var(--cu-red);
  opacity: 0.25;
  position: absolute;
  top: 8px;
  left: 12px;
  line-height: 1;
}
.ls-quote-gold              { border-left-color: var(--cu-gold); }
.ls-quote-gold::before      { color: var(--cu-gold); }

.ls-bio {
  font-size: 14.5px;
  color: var(--cu-grey);
  line-height: 1.80;
  margin-bottom: 0;
}

/* Read more link */
.ls-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 16px;
  font-family: var(--font-head);
  font-size: 13px;
  font-weight: 700;
  color: var(--cu-red);
  transition: gap 0.2s;
}
.ls-link:hover      { gap: 10px; }
.ls-link-gold       { color: var(--cu-gold); }

/* Stats row */
.ls-stats {
  display: flex;
  gap: 28px;
  margin-top: 22px;
  flex-wrap: wrap;
  padding-top: 18px;
  border-top: 1px solid var(--cu-border);
}
.ls-stat            { text-align: center; }
.ls-stat-val {
  font-family: var(--font-head);
  font-weight: 900;
  font-size: 24px;
  color: var(--cu-red);
  line-height: 1;
}
.ls-stat-lbl {
  font-size: 10px;
  color: var(--cu-lgrey);
  margin-top: 4px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  font-weight: 700;
  font-family: var(--font-head);
}

/* ── RESPONSIVE ───────────────────────────────────────────── */
@media (max-width: 900px) {
  .ls-leader,
  .ls-leader.ls-leader-reverse {
    grid-template-columns: 1fr;
    direction: ltr;
    gap: 28px;
  }
  .ls-leader.ls-leader-reverse > * { direction: ltr; }
  .ls-photo           { max-width: 260px; }
  .ls-leader-reverse .ls-role-badge { left: 16px; right: auto; }
}
@media (max-width: 600px) {
  .ls-section         { padding: 52px 0; }
  .ls-leader          { margin-bottom: 52px; padding-bottom: 52px; gap: 22px; }
  .ls-photo           { max-width: 220px; }
  .ls-quote           { padding: 16px 18px 16px 36px; font-size: 14.5px; }
  .ls-stats           { gap: 18px; }
  .ls-stat-val        { font-size: 20px; }
}
/* ============================================================
   BOARD OF MANAGEMENT PAGE  (prefix: bm-)
   Append this block to the bottom of assets/css/vgu.css
   Used by: pages/board-of-management.php
============================================================ */

/* ── BREADCRUMB ───────────────────────────────────────────── */
.bm-breadcrumb       { background: var(--cu-off); border-bottom: 1px solid var(--cu-border); padding: 11px 0; }
.bm-bc-inner         { display: flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--cu-grey); flex-wrap: wrap; }
.bm-bc-inner a       { color: var(--cu-grey); transition: color 0.15s; }
.bm-bc-inner a:hover { color: var(--cu-red); }
.bm-bc-inner span    { color: var(--cu-dark); font-weight: 700; }
.bm-bc-sep           { color: var(--cu-lgrey); }

/* ── HERO ─────────────────────────────────────────────────── */
.bm-hero {
  background: linear-gradient(135deg, #1C0808 0%, #2a0a05 40%, #1a1a1a 100%);
  padding: 56px 0 48px;
  position: relative;
  overflow: hidden;
  text-align: center;
}
.bm-hero-radial {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 50% 40%, rgba(192,64,54,0.14), transparent 60%);
  pointer-events: none;
}
.bm-hero-inner       { position: relative; z-index: 2; }

.bm-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255,164,18,0.14);
  border: 1px solid rgba(255,164,18,0.30);
  border-radius: 20px;
  padding: 5px 16px;
  margin-bottom: 18px;
}
.bm-tag span {
  font-family: var(--font-head);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--cu-gold);
}
.bm-hero h1 {
  font-family: var(--font-head);
  font-weight: 400;
  font-size: clamp(28px, 4vw, 46px);
  color: #fff;
  line-height: 1.15;
  margin-bottom: 14px;
}
.bm-hero h1 strong   { font-weight: 900; }
.bm-hero h1 em       { font-style: normal; color: var(--cu-gold); }
.bm-hero p {
  color: rgba(255,255,255,0.55);
  font-size: 15.5px;
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.72;
}

/* ── MAIN LAYOUT ──────────────────────────────────────────── */
.bm-layout           { padding: 60px 0 80px; }
.bm-grid {
  display: grid;
  grid-template-columns: 1fr 270px;
  gap: 40px;
  align-items: start;
}

/* ── MEMBERS GRID ─────────────────────────────────────────── */
.bm-members-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

/* ── MEMBER CARD ──────────────────────────────────────────── */
.bm-card {
  background: #fff;
  border: 1px solid var(--cu-border);
  border-radius: var(--radius);
  overflow: hidden;
  transition: box-shadow 0.3s, border-color 0.3s;
  cursor: pointer;
}
.bm-card:hover       { box-shadow: var(--shadow); border-color: rgba(192,64,54,0.35); }

/* Chairperson spans full width with gold left-border */
.bm-card-chairman {
  grid-column: 1 / -1;
  border-left: 4px solid var(--cu-gold);
}

/* Card header row */
.bm-main {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px 22px;
  user-select: none;
}

/* Avatar */
.bm-avatar {
  width: 68px;
  height: 68px;
  border-radius: 14px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-head);
  font-weight: 900;
  font-size: 20px;
  color: #fff;
  letter-spacing: 0.5px;
}
.bm-card-chairman .bm-avatar { width: 78px; height: 78px; font-size: 24px; }

/* Avatar gradient colours */
.bm-av1 { background: linear-gradient(135deg, #C04036, #7a1a14); }
.bm-av2 { background: linear-gradient(135deg, #1a3a6a, #0d1e38); }
.bm-av3 { background: linear-gradient(135deg, #FFA412, #c87020); }
.bm-av4 { background: linear-gradient(135deg, #3a3a3a, #1a1a1a); }
.bm-av5 { background: linear-gradient(135deg, #1a5a2a, #0d2e18); }
.bm-av6 { background: linear-gradient(135deg, #5a1a3a, #2e0d1e); }
.bm-av7 { background: linear-gradient(135deg, #2a4a7a, #1a2a4a); }
.bm-av8 { background: linear-gradient(135deg, #5a3a1a, #2e1e0d); }

/* Member info */
.bm-info             { flex: 1; min-width: 0; }
.bm-name {
  font-family: var(--font-head);
  font-weight: 900;
  font-size: 16px;
  color: var(--cu-dark);
  line-height: 1.25;
}
.bm-card-chairman .bm-name { font-size: 19px; }
.bm-role {
  font-size: 12px;
  color: var(--cu-red);
  font-weight: 700;
  font-family: var(--font-head);
  margin-top: 3px;
}
.bm-title {
  font-size: 11.5px;
  color: var(--cu-lgrey);
  margin-top: 3px;
  line-height: 1.45;
}

/* Badges */
.bm-badge {
  font-size: 10px;
  font-weight: 800;
  padding: 4px 11px;
  border-radius: 20px;
  font-family: var(--font-head);
  letter-spacing: 0.3px;
  white-space: nowrap;
  flex-shrink: 0;
}
.bm-badge-chair      { background: rgba(255,164,18,0.13); color: #b06010; }
.bm-badge-mem        { background: rgba(192,64,54,0.08); color: var(--cu-red); }

/* Toggle chevron */
.bm-toggle {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: var(--cu-off);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--cu-grey);
  transition: background 0.2s, color 0.2s, transform 0.3s;
}
.bm-card.bm-open .bm-toggle {
  background: var(--cu-red);
  color: #fff;
  transform: rotate(180deg);
}

/* ── EXPANDABLE BIO ───────────────────────────────────────── */
.bm-bio {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.48s cubic-bezier(0.4, 0, 0.2, 1);
  background: var(--cu-off);
}
.bm-card.bm-open .bm-bio    { max-height: 800px; }

.bm-bio-inner                { padding: 0 22px 22px; border-top: 1px solid var(--cu-border); }
.bm-bio-inner p {
  font-size: 14px;
  color: var(--cu-grey);
  line-height: 1.82;
  margin-top: 16px;
}
.bm-bio-inner p + p          { margin-top: 10px; }

/* ── SIDEBAR ──────────────────────────────────────────────── */
.bm-sidebar          { position: sticky; top: 130px; }
.bm-sb-card {
  background: #fff;
  border: 1px solid var(--cu-border);
  border-radius: var(--radius);
  overflow: hidden;
}
.bm-sb-header {
  background: var(--cu-red);
  padding: 15px 20px;
}
.bm-sb-header h3 {
  font-family: var(--font-head);
  font-weight: 900;
  font-size: 13px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  margin: 0;
}
.bm-sb-nav           { padding: 8px 0; }
.bm-sb-link {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 10px 20px;
  font-family: var(--font-head);
  font-size: 13px;
  font-weight: 600;
  color: var(--cu-grey);
  transition: all 0.18s;
  border-left: 3px solid transparent;
}
.bm-sb-link:hover {
  background: var(--cu-off);
  color: var(--cu-dark);
  border-left-color: var(--cu-lgrey);
}
.bm-sb-link.active {
  background: rgba(192,64,54,0.06);
  color: var(--cu-red);
  font-weight: 800;
  border-left-color: var(--cu-red);
}
.bm-sb-sep           { height: 1px; background: var(--cu-border); margin: 4px 0; }

/* ── RESPONSIVE ───────────────────────────────────────────── */
@media (max-width: 1024px) {
  .bm-grid             { grid-template-columns: 1fr; }
  .bm-sidebar          { position: static; }
}
@media (max-width: 768px) {
  .bm-members-grid     { grid-template-columns: 1fr; }
  .bm-card-chairman    { grid-column: auto; }
  .bm-layout           { padding: 40px 0 60px; }
  .bm-name             { font-size: 15px; }
  .bm-card-chairman .bm-name { font-size: 17px; }
  .bm-avatar           { width: 56px; height: 56px; font-size: 17px; }
  .bm-card-chairman .bm-avatar { width: 64px; height: 64px; font-size: 20px; }
}
@media (max-width: 480px) {
  .bm-main             { gap: 12px; padding: 16px 16px; }
  .bm-bio-inner        { padding: 0 16px 18px; }
}
/* ============================================================
   RESEARCH & DEVELOPMENT CELL PAGE  (prefix: rd-)
   Append this block to the bottom of assets/css/vgu.css
   Used by: pages/research-and-development-cell.php
============================================================ */

/* ── BREADCRUMB ───────────────────────────────────────────── */
.rd-breadcrumb       { background: var(--cu-off); border-bottom: 1px solid var(--cu-border); padding: 11px 0; }
.rd-bc-inner         { display: flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--cu-grey); flex-wrap: wrap; }
.rd-bc-inner a       { color: var(--cu-grey); transition: color 0.15s; }
.rd-bc-inner a:hover { color: var(--cu-red); }
.rd-bc-inner span    { color: var(--cu-dark); font-weight: 700; }
.rd-bc-sep           { color: var(--cu-lgrey); }

/* ── HERO ─────────────────────────────────────────────────── */
.rd-hero {
  background: linear-gradient(135deg, #0a1a0a 0%, #0d2a14 40%, #1a2a1a 100%);
  padding: 56px 0;
  position: relative;
  overflow: hidden;
}
.rd-hero-glow {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 65% 40%, rgba(255,164,18,0.10), transparent 60%);
  pointer-events: none;
}
.rd-hero-inner       { position: relative; z-index: 2; }
.rd-hero-left        { max-width: 680px; }

.rd-hero-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255,164,18,0.14);
  border: 1px solid rgba(255,164,18,0.30);
  border-radius: 20px;
  padding: 5px 14px;
  margin-bottom: 16px;
}
.rd-hero-tag span {
  font-family: var(--font-head);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--cu-gold);
}
.rd-hero h1 {
  font-family: var(--font-head);
  font-weight: 400;
  font-size: clamp(28px, 3.8vw, 46px);
  color: #fff;
  line-height: 1.15;
  margin-bottom: 14px;
}
.rd-hero h1 strong   { font-weight: 900; }
.rd-hero h1 em       { font-style: normal; color: var(--cu-gold); }
.rd-hero-left > p {
  color: rgba(255,255,255,0.55);
  font-size: 15px;
  line-height: 1.72;
  max-width: 520px;
  margin-bottom: 28px;
}

/* Hero stats strip */
.rd-hero-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2px;
  background: rgba(255,255,255,0.07);
  border-radius: 12px;
  overflow: hidden;
  max-width: 560px;
}
.rd-hs-item          { padding: 18px 12px; text-align: center; }
.rd-hs-val {
  font-family: var(--font-head);
  font-weight: 900;
  font-size: 24px;
  color: var(--cu-gold);
  line-height: 1;
}
.rd-hs-lbl {
  font-size: 10px;
  color: rgba(255,255,255,0.40);
  margin-top: 4px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

/* ── MAIN LAYOUT ──────────────────────────────────────────── */
.rd-layout           { padding: 60px 0 80px; }
.rd-page-grid {
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 36px;
  align-items: start;
}

/* ── SIDEBAR ──────────────────────────────────────────────── */
.rd-sidebar          { position: sticky; top: 130px; }
.rd-sb-card {
  background: #fff;
  border: 1px solid var(--cu-border);
  border-radius: var(--radius);
  overflow: hidden;
  margin-bottom: 16px;
}
.rd-sb-header {
  background: var(--cu-red);
  padding: 15px 20px;
}
.rd-sb-header h3 {
  font-family: var(--font-head);
  font-weight: 900;
  font-size: 13px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  margin: 0;
}
.rd-sb-header-dark   { background: var(--cu-dark) !important; }
.rd-sb-nav           { padding: 8px 0; }
.rd-sb-item {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 10px 20px;
  font-family: var(--font-head);
  font-size: 13px;
  font-weight: 600;
  color: var(--cu-grey);
  cursor: pointer;
  transition: all 0.18s;
  border-left: 3px solid transparent;
  text-decoration: none;
  user-select: none;
}
.rd-sb-item:hover {
  background: var(--cu-off);
  color: var(--cu-dark);
  border-left-color: var(--cu-lgrey);
}
.rd-sb-item.active {
  background: rgba(192,64,54,0.06);
  color: var(--cu-red);
  font-weight: 800;
  border-left-color: var(--cu-red);
}
.rd-sb-link          { cursor: pointer; }
.rd-sb-sep           { height: 1px; background: var(--cu-border); margin: 4px 0; }

/* Sidebar contact block */
.rd-sb-contact {
  background: var(--cu-dark);
  border-radius: var(--radius);
  padding: 20px;
}
.rd-sbc-title {
  font-family: var(--font-head);
  font-weight: 900;
  font-size: 14px;
  color: #fff;
  margin-bottom: 16px;
}
.rd-sbc-person       { margin-bottom: 14px; }
.rd-sbc-name {
  font-family: var(--font-head);
  font-weight: 800;
  font-size: 13px;
  color: var(--cu-gold);
}
.rd-sbc-role         { font-size: 12px; color: rgba(255,255,255,0.48); margin-top: 1px; }
.rd-sbc-detail       { font-size: 12px; color: rgba(255,255,255,0.38); margin-top: 4px; line-height: 1.55; }
.rd-sbc-detail a     { color: rgba(255,255,255,0.38); }

/* ── CONTENT PANELS ───────────────────────────────────────── */
.rd-panel            { display: none; }
.rd-panel.active     { display: block; animation: rdFadeIn 0.28s ease; }

@keyframes rdFadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Panel header block */
.rd-ph {
  background: var(--cu-off);
  border-radius: var(--radius);
  padding: 26px 30px;
  margin-bottom: 28px;
  border: 1px solid var(--cu-border);
  position: relative;
  overflow: hidden;
}
.rd-ph::before {
  content: '';
  position: absolute;
  right: -20px; top: -20px;
  width: 120px; height: 120px;
  border-radius: 50%;
  background: rgba(192,64,54,0.06);
  pointer-events: none;
}
.rd-ph-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(192,64,54,0.09);
  color: var(--cu-red);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  padding: 5px 12px;
  border-radius: 20px;
  margin-bottom: 12px;
  font-family: var(--font-head);
}
.rd-ph h2 {
  font-family: var(--font-head);
  font-weight: 400;
  font-size: clamp(20px, 2.5vw, 28px);
  line-height: 1.22;
  margin-bottom: 10px;
}
.rd-ph h2 strong     { font-weight: 900; }
.rd-ph h2 em         { color: var(--cu-red); font-style: normal; font-weight: 800; }
.rd-ph p             { color: var(--cu-grey); font-size: 14.5px; line-height: 1.7; }

/* ── SECTION BLOCKS ───────────────────────────────────────── */
.rd-sec              { margin-bottom: 32px; }
.rd-sec h3 {
  font-family: var(--font-head);
  font-weight: 800;
  font-size: 17px;
  color: var(--cu-dark);
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.rd-si {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  flex-shrink: 0;
  color: #fff;
}
.rd-sec p, .rd-sec li {
  font-size: 14.5px;
  color: var(--cu-grey);
  line-height: 1.80;
  margin-bottom: 10px;
}
.rd-sec ul           { padding-left: 20px; }
.rd-sec ul li        { margin-bottom: 8px; }

/* ── DATA TABLES ──────────────────────────────────────────── */
.rd-table {
  width: 100%;
  border-collapse: collapse;
  border-radius: var(--radius);
  overflow: hidden;
  border: 1px solid var(--cu-border);
  margin-bottom: 18px;
  font-size: 13px;
}
.rd-table thead tr   { background: var(--cu-dark); }
.rd-table th {
  padding: 11px 14px;
  font-family: var(--font-head);
  font-size: 11.5px;
  font-weight: 700;
  color: #fff;
  text-align: left;
  white-space: nowrap;
}
.rd-table td {
  padding: 10px 14px;
  color: var(--cu-grey);
  border-bottom: 1px solid var(--cu-border);
}
.rd-table tr:last-child td       { border-bottom: none; }
.rd-table tr:nth-child(even) td  { background: rgba(243,242,241,0.5); }
.rd-table td strong  { color: var(--cu-dark); font-weight: 700; }
.rd-td-gold          { color: var(--cu-gold) !important; font-weight: 800 !important; font-family: var(--font-head); }
.rd-td-red           { color: var(--cu-red) !important; font-weight: 800 !important; font-family: var(--font-head); }
.rd-td-divider {
  text-align: center;
  font-weight: 700;
  color: var(--cu-lgrey);
  font-size: 12px;
  padding: 8px;
  background: var(--cu-off);
}

/* Download link */
.rd-dl-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--cu-red);
  font-family: var(--font-head);
  font-weight: 700;
  font-size: 14px;
  transition: gap 0.2s;
}
.rd-dl-link:hover    { gap: 10px; }

/* ── STAT CARDS ───────────────────────────────────────────── */
.rd-stat-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-bottom: 24px;
}
.rd-stat-grid-2      { grid-template-columns: repeat(2, 1fr); }
.rd-stat-card {
  text-align: center;
  padding: 22px 14px;
  border-radius: var(--radius);
  border: 1px solid var(--cu-border);
  background: #fff;
  transition: all 0.25s;
}
.rd-stat-card:hover  { transform: translateY(-3px); box-shadow: var(--shadow); }
.rd-stc-val {
  font-family: var(--font-head);
  font-weight: 900;
  font-size: 28px;
  color: var(--cu-red);
  line-height: 1;
}
.rd-stc-lbl {
  font-size: 11px;
  color: var(--cu-lgrey);
  margin-top: 6px;
  font-weight: 700;
  font-family: var(--font-head);
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

/* ── HIGHLIGHT CARDS ──────────────────────────────────────── */
.rd-hl-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  margin-bottom: 20px;
}
.rd-hl-card {
  padding: 20px;
  border-radius: var(--radius);
  border: 1px solid var(--cu-border);
  background: #fff;
  transition: all 0.25s;
}
.rd-hl-card:hover    { transform: translateY(-3px); box-shadow: var(--shadow); border-color: var(--cu-red); }
.rd-hlc-icon         { font-size: 24px; margin-bottom: 8px; }
.rd-hlc-title {
  font-family: var(--font-head);
  font-weight: 800;
  font-size: 14px;
  color: var(--cu-dark);
  margin-bottom: 5px;
}
.rd-hlc-desc         { font-size: 13px; color: var(--cu-grey); line-height: 1.62; }

/* ── EVENTS LIST ──────────────────────────────────────────── */
.rd-ev-list          { display: flex; flex-direction: column; gap: 8px; }
.rd-ev-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background: #fff;
  border: 1px solid var(--cu-border);
  border-radius: 10px;
  transition: border-color 0.2s;
  font-size: 13.5px;
  color: var(--cu-grey);
}
.rd-ev-item:hover    { border-color: var(--cu-red); }
.rd-ev-num {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--cu-off);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-head);
  font-weight: 800;
  font-size: 11px;
  color: var(--cu-red);
  flex-shrink: 0;
}

/* ── NOTE BOX ─────────────────────────────────────────────── */
.rd-note {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 16px 18px;
  border-radius: 10px;
  margin: 16px 0;
  background: rgba(255,164,18,0.07);
  border: 1px solid rgba(255,164,18,0.20);
}
.rd-note-icon        { font-size: 20px; flex-shrink: 0; }
.rd-note-text        { font-size: 13px; color: var(--cu-grey); line-height: 1.65; }
.rd-note-text strong { color: var(--cu-dark); }

/* ── RESPONSIVE ───────────────────────────────────────────── */
@media (max-width: 1024px) {
  .rd-page-grid        { grid-template-columns: 1fr; }
  .rd-sidebar          { position: static; }
  .rd-stat-grid        { grid-template-columns: repeat(2, 1fr); }
  .rd-hl-grid          { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
  .rd-hero-stats       { grid-template-columns: repeat(2, 1fr); }
  .rd-layout           { padding: 40px 0 60px; }
  .rd-ph               { padding: 20px; }
  .rd-table            { font-size: 12px; }
  .rd-table th, .rd-table td { padding: 9px 10px; }
}
@media (max-width: 480px) {
  .rd-stat-grid        { grid-template-columns: repeat(2, 1fr); }
  .rd-stat-grid-2      { grid-template-columns: repeat(2, 1fr); }
  .rd-ev-item          { font-size: 13px; }
}
/* ══════════════════════════════════════════════════════════════
       WHAT YOU CAN BECOME — Career Outcomes Section  (wyc- prefix)
    ══════════════════════════════════════════════════════════════ */

    .wyc { padding:90px 0 70px; background:#0d0d1a; position:relative; overflow:hidden; font-family:var(--font-body); }
    .wyc::before { content:''; position:absolute; top:-100px; left:-100px; width:500px; height:500px; border-radius:50%; background:radial-gradient(circle,rgba(192,64,54,.18),transparent 70%); pointer-events:none; }
    .wyc::after  { content:''; position:absolute; bottom:-120px; right:-100px; width:500px; height:500px; border-radius:50%; background:radial-gradient(circle,rgba(255,164,18,.12),transparent 70%); pointer-events:none; }
    .wyc-glow { position:absolute; top:50%; left:50%; transform:translate(-50%,-45%); width:600px; height:600px; border-radius:50%; background:radial-gradient(circle,rgba(192,64,54,.08) 0%,rgba(255,164,18,.04) 40%,transparent 70%); pointer-events:none; }
    .wyc-dots { position:absolute; inset:0; background-image:radial-gradient(rgba(255,255,255,.03) 1px,transparent 1px); background-size:32px 32px; pointer-events:none; }
    .wyc-container { max-width:1140px; margin:0 auto; padding:0 24px; position:relative; z-index:2; }

    /* Head */
    .wyc-head { text-align:center; margin-bottom:56px; }
    .wyc-badge { display:inline-flex; align-items:center; gap:6px; background:rgba(255,164,18,.1); border:1px solid rgba(255,164,18,.25); border-radius:20px; padding:5px 16px; margin-bottom:16px; }
    .wyc-badge span { font-family:var(--font-head); font-size:11px; font-weight:700; letter-spacing:1.2px; text-transform:uppercase; color:var(--cu-gold); }
    .wyc-head h2 { font-family:var(--font-head); font-weight:400; font-size:clamp(26px,3.5vw,44px); color:#fff; line-height:1.22; }
    .wyc-head h2 em { font-style:normal; color:var(--cu-gold); font-weight:900; }
    .wyc-head h2 strong { font-weight:900; }
    .wyc-head p { color:rgba(255,255,255,.4); font-size:14.5px; margin-top:10px; max-width:480px; margin-left:auto; margin-right:auto; }

    /* Grid */
    .wyc-grid { display:grid; grid-template-columns:1fr 320px 1fr; gap:0; align-items:center; min-height:440px; }
    .wyc-col { display:flex; flex-direction:column; gap:20px; }
    .wyc-col-left  { align-items:flex-end; padding-right:20px; }
    .wyc-col-right { align-items:flex-start; padding-left:20px; }

    /* Role cards */
    .wyc-role { display:flex; align-items:center; gap:14px; padding:16px 22px; border-radius:16px; transition:all .4s cubic-bezier(.4,0,.2,1); cursor:default; max-width:290px; position:relative; background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.02)); border:1px solid rgba(255,255,255,.07); backdrop-filter:blur(12px); }
    .wyc-role::before { content:''; position:absolute; inset:-1px; border-radius:16px; background:linear-gradient(135deg,rgba(192,64,54,.3),rgba(255,164,18,.2)); opacity:0; transition:opacity .4s; z-index:-1; }
    .wyc-role:hover { transform:translateY(-6px) scale(1.03); border-color:transparent; box-shadow:0 16px 48px rgba(192,64,54,.15),0 0 0 1px rgba(255,164,18,.2); }
    .wyc-role:hover::before { opacity:1; }
    .wyc-col-left .wyc-role { flex-direction:row-reverse; text-align:right; }

    .wyc-col-left  .wyc-role:nth-child(1) { margin-right:32px; }
    .wyc-col-left  .wyc-role:nth-child(2) { margin-right:0; }
    .wyc-col-left  .wyc-role:nth-child(3) { margin-right:48px; }
    .wyc-col-right .wyc-role:nth-child(1) { margin-left:32px; }
    .wyc-col-right .wyc-role:nth-child(2) { margin-left:0; }
    .wyc-col-right .wyc-role:nth-child(3) { margin-left:48px; }

    @keyframes wycFloat { 0%,100%{transform:translateY(0);} 50%{transform:translateY(-8px);} }
    .wyc-role { animation:wycFloat 4s ease-in-out infinite; }

    .wyc-role-icon { width:50px; height:50px; border-radius:14px; display:flex; align-items:center; justify-content:center; font-size:24px; flex-shrink:0; }
    .ri-red    { background:linear-gradient(135deg,rgba(192,64,54,.2),rgba(192,64,54,.08));   border:1px solid rgba(192,64,54,.25);   box-shadow:0 4px 16px rgba(192,64,54,.1); }
    .ri-gold   { background:linear-gradient(135deg,rgba(255,164,18,.18),rgba(255,164,18,.06)); border:1px solid rgba(255,164,18,.25);  box-shadow:0 4px 16px rgba(255,164,18,.1); }
    .ri-blue   { background:linear-gradient(135deg,rgba(59,130,246,.18),rgba(59,130,246,.06)); border:1px solid rgba(59,130,246,.25);  box-shadow:0 4px 16px rgba(59,130,246,.1); }
    .ri-green  { background:linear-gradient(135deg,rgba(34,197,94,.18),rgba(34,197,94,.06));   border:1px solid rgba(34,197,94,.25);   box-shadow:0 4px 16px rgba(34,197,94,.1); }
    .ri-purple { background:linear-gradient(135deg,rgba(168,85,247,.18),rgba(168,85,247,.06)); border:1px solid rgba(168,85,247,.25);  box-shadow:0 4px 16px rgba(168,85,247,.1); }
    .ri-cyan   { background:linear-gradient(135deg,rgba(6,182,212,.18),rgba(6,182,212,.06));   border:1px solid rgba(6,182,212,.25);   box-shadow:0 4px 16px rgba(6,182,212,.1); }

    .wyc-role-text   { font-family:var(--font-head); font-weight:800; font-size:15px; color:#fff; line-height:1.25; }
    .wyc-role-salary { display:inline-flex; align-items:center; gap:4px; margin-top:4px; font-size:11.5px; font-weight:700; font-family:var(--font-head); color:rgba(255,255,255,.35); letter-spacing:.3px; }
    .wyc-role-salary .sal-val { color:var(--cu-gold); font-weight:800; }

    /* Center orbit */
    .wyc-center { position:relative; display:flex; align-items:center; justify-content:center; }
    .wyc-orbit   { position:absolute; width:360px; height:360px; border-radius:50%; border:1px solid rgba(255,255,255,.04); top:50%; left:50%; transform:translate(-50%,-50%); }
    .wyc-orbit-2 { position:absolute; width:420px; height:420px; border-radius:50%; border:1px dashed rgba(255,255,255,.03); top:50%; left:50%; transform:translate(-50%,-50%); animation:orbSpin 30s linear infinite; }
    @keyframes orbSpin { from{transform:translate(-50%,-50%) rotate(0deg);} to{transform:translate(-50%,-50%) rotate(360deg);} }
    .wyc-orbit-2::before,.wyc-orbit-2::after { content:''; position:absolute; width:10px; height:10px; border-radius:50%; }
    .wyc-orbit-2::before { top:-5px; left:50%; transform:translateX(-50%); background:var(--cu-red); box-shadow:0 0 12px rgba(192,64,54,.5); }
    .wyc-orbit-2::after  { bottom:-5px; left:50%; transform:translateX(-50%); background:var(--cu-gold); box-shadow:0 0 12px rgba(255,164,18,.5); }

    .wyc-circle { width:300px; height:300px; border-radius:50%; position:relative; display:flex; align-items:flex-end; justify-content:center; overflow:hidden; z-index:2; }
    .wyc-circle-grad  { position:absolute; inset:0; border-radius:50%; background:conic-gradient(from 200deg,#C04036 0%,#FFA412 25%,#22c55e 50%,#3b82f6 75%,#C04036 100%); opacity:.35; animation:gSpin 12s linear infinite; }
    @keyframes gSpin { from{transform:rotate(0deg);} to{transform:rotate(360deg);} }
    .wyc-circle-inner { position:absolute; inset:4px; border-radius:50%; background:linear-gradient(180deg,#0d0d1a 0%,#111828 40%,#1a2a14 80%,rgba(255,164,18,.08) 100%); }
    .wyc-student { position:relative; z-index:2; font-size:180px; line-height:1; filter:drop-shadow(0 -10px 40px rgba(0,0,0,.5)); margin-bottom:-4px; }

    /* CTA */
    .wyc-bottom { text-align:center; margin-top:52px; display:flex; flex-direction:column; align-items:center; gap:14px; }
    .wyc-cta-btn { display:inline-flex; align-items:center; gap:10px; background:linear-gradient(135deg,var(--cu-red),var(--cu-red2)); color:#fff; padding:15px 36px; border-radius:12px; font-family:var(--font-head); font-size:15px; font-weight:800; text-decoration:none; transition:all .25s; border:none; cursor:pointer; box-shadow:0 8px 32px rgba(192,64,54,.25); }
    .wyc-cta-btn:hover { transform:translateY(-3px); box-shadow:0 12px 40px rgba(192,64,54,.35); }
    .wyc-cta-sub { font-size:12.5px; color:rgba(255,255,255,.3); }
    .wyc-cta-sub strong { color:rgba(255,255,255,.5); }

    /* Responsive */
    @media (max-width:960px) {
      .wyc { padding:64px 0 56px; }
      .wyc-grid { grid-template-columns:1fr; gap:0; }
      .wyc-center { order:-1; margin-bottom:36px; }
      .wyc-circle { width:220px; height:220px; } .wyc-student { font-size:130px; }
      .wyc-orbit { width:260px; height:260px; } .wyc-orbit-2 { width:300px; height:300px; }
      .wyc-col { flex-direction:row; flex-wrap:wrap; justify-content:center; gap:10px; padding:0 !important; margin-bottom:10px; }
      .wyc-col-left .wyc-role, .wyc-col-right .wyc-role { flex-direction:row; text-align:left; margin:0 !important; max-width:260px; animation:none; }
    }
    @media (max-width:600px) {
      .wyc { padding:52px 0 48px; }
      .wyc-head { margin-bottom:36px; }
      .wyc-head h2 { font-size:22px; } .wyc-head p { font-size:13px; }
      .wyc-circle { width:170px; height:170px; } .wyc-student { font-size:100px; }
      .wyc-orbit { width:200px; height:200px; } .wyc-orbit-2 { width:230px; height:230px; }
      .wyc-col { flex-direction:column; align-items:stretch !important; gap:10px; }
      .wyc-role { max-width:100% !important; padding:14px 16px; border-radius:14px; animation:none !important; }
      .wyc-role-icon { width:44px; height:44px; font-size:20px; border-radius:12px; }
      .wyc-role-text { font-size:14px; } .wyc-role-salary { font-size:11px; }
      .wyc-bottom { margin-top:36px; }
      .wyc-cta-btn { width:100%; justify-content:center; padding:14px 24px; font-size:14px; }
    }
    @media (max-width:380px) {
      .wyc { padding:40px 0 36px; }
      .wyc-head h2 { font-size:20px; }
      .wyc-circle { width:140px; height:140px; } .wyc-student { font-size:80px; }
      .wyc-orbit, .wyc-orbit-2 { display:none; }
      .wyc-role { padding:12px 14px; gap:10px; }
      .wyc-role-icon { width:38px; height:38px; font-size:18px; border-radius:10px; }
      .wyc-role-text { font-size:13px; } .wyc-role-salary { font-size:10px; }
      .wyc-badge { padding:4px 12px; } .wyc-badge span { font-size:10px; }
    }
/* ============================================================
   CENTRES & CELLS — DOCUMENT CARDS  (cc-doc-*)
   Used by: ciqa.php and other centres pages
============================================================ */
.cc-docs-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 16px;
}
.cc-doc-card {
  display: flex;
  align-items: center;
  gap: 12px;
  background: var(--cu-off);
  border: 1px solid var(--cu-border);
  border-radius: 10px;
  padding: 14px 16px;
  text-decoration: none;
  transition: all 0.2s;
}
.cc-doc-card:hover {
  border-color: var(--cu-red);
  background: #fff;
  box-shadow: 0 4px 16px rgba(192,64,54,0.08);
  transform: translateY(-2px);
}
.cc-doc-icon   { font-size: 24px; flex-shrink: 0; }
.cc-doc-body   { flex: 1; min-width: 0; }
.cc-doc-name   { font-family: var(--font-head); font-weight: 700; font-size: 13px; color: var(--cu-dark); line-height: 1.35; }
.cc-doc-meta   { font-size: 11.5px; color: var(--cu-grey); margin-top: 2px; }
.cc-doc-dl     { font-size: 11px; font-weight: 700; color: var(--cu-red); white-space: nowrap; flex-shrink: 0; }

@media (max-width: 1024px) {
  .cc-docs-grid  { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
  .cc-docs-grid  { grid-template-columns: 1fr; }
}

/* ═══════════════════════════════════════════════
   IIC-VGU PAGE — iic- prefix
   ═══════════════════════════════════════════════ */

/* Bullet list */
.iic-bullets { display:flex; flex-direction:column; gap:12px; margin-top:16px; }
.iic-bullet-item { display:flex; align-items:flex-start; gap:12px; font-size:15px; line-height:1.6; color:var(--cu-dark); }
.iic-bullet-dot { color:var(--cu-red); font-size:20px; line-height:1.3; flex-shrink:0; }
.iic-checkmark { color:var(--cu-red); font-size:16px; font-weight:700; flex-shrink:0; margin-right:2px; margin-top:2px; }

/* Incubator cards */
.iic-incubators { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:20px; }
.iic-incubator-card { border:1px solid var(--cu-border); border-radius:var(--radius); overflow:hidden; background:#fff; box-shadow:0 2px 12px rgba(0,0,0,.06); }
.iic-inc-header { padding:18px 20px; color:#fff; }
.iic-inc-title { font-family:var(--font-head); font-size:17px; font-weight:800; margin-bottom:4px; }
.iic-inc-sub { font-size:12px; opacity:.85; font-weight:500; }
.iic-inc-body { padding:18px 20px; }
.iic-inc-body p { font-size:14px; margin-bottom:10px; line-height:1.6; }
.iic-inc-body ul { padding-left:18px; margin:0; }
.iic-inc-body ul li { font-size:14px; line-height:1.7; color:var(--cu-dark); }

/* Facility grid */
.iic-facility-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:20px; }
.iic-facility-card { background:var(--cu-off); border:1px solid var(--cu-border); border-radius:var(--radius); padding:22px 18px; transition:border-color .2s, box-shadow .2s; }
.iic-facility-card:hover { border-color:var(--cu-red); box-shadow:0 4px 20px rgba(192,64,54,.10); }
.iic-fac-icon { font-size:28px; margin-bottom:10px; }
.iic-fac-name { font-family:var(--font-head); font-size:15px; font-weight:700; color:var(--cu-dark); margin-bottom:8px; }
.iic-fac-desc { font-size:13.5px; line-height:1.65; color:var(--cu-grey); }

/* Tagline */
.iic-tagline { margin-top:24px; padding:18px 22px; background:linear-gradient(135deg,#fff5f5,#fff); border-left:4px solid var(--cu-red); border-radius:0 var(--radius) var(--radius) 0; font-size:15px; color:var(--cu-dark); }

/* Responsive */
@media (max-width:1024px) {
  .iic-incubators { grid-template-columns:1fr 1fr; }
  .iic-facility-grid { grid-template-columns:1fr 1fr; }
}
@media (max-width:600px) {
  .iic-incubators { grid-template-columns:1fr; }
  .iic-facility-grid { grid-template-columns:1fr; }
}

/* ═══════════════════════════════════════════════════
   IIC-VGU PAGE — iic- prefix
   ═══════════════════════════════════════════════════ */

/* Impact Banner */
.iic-impact-banner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  background: linear-gradient(135deg, #1a0d2e, #0d1a2e);
  border-radius: var(--radius);
  padding: 24px 32px;
  margin: 24px 0;
  flex-wrap: wrap;
}
.iic-ib-item { text-align: center; }
.iic-ib-num { font-family: var(--font-head); font-size: 28px; font-weight: 800; color: var(--cu-gold); }
.iic-ib-lbl { font-size: 12px; color: rgba(255,255,255,0.7); margin-top: 2px; }
.iic-ib-sep { font-size: 28px; color: rgba(255,255,255,0.2); }

/* Bullet list */
.iic-bullets { list-style: none; padding: 0; margin: 12px 0; display: flex; flex-direction: column; gap: 10px; }
.iic-bullets > li {
  padding-left: 20px;
  position: relative;
  font-size: 15px;
  line-height: 1.65;
  color: var(--cu-dark);
}
.iic-bullets > li::before {
  content: '•';
  position: absolute;
  left: 0;
  color: var(--cu-red);
  font-weight: 700;
}

/* Incubator cards */
.iic-incubator-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 16px; margin-top: 20px; }
.iic-inc-card { border-radius: var(--radius); overflow: hidden; border: 1px solid var(--cu-border); background: #fff; }
.iic-inc-head { padding: 18px 20px; }
.iic-inc-name { font-family: var(--font-head); font-size: 17px; font-weight: 800; color: #fff; }
.iic-inc-sub  { font-size: 12px; color: rgba(255,255,255,0.75); margin-top: 4px; }
.iic-inc-body { padding: 16px 20px; }
.iic-inc-tag  { font-size: 13px; font-weight: 700; color: var(--cu-red); background: #fff5f5; border-radius: 6px; padding: 8px 12px; }

/* Facility cards */
.iic-facility-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 20px; }
.iic-fac-card {
  background: var(--cu-off);
  border-radius: var(--radius);
  border: 1px solid var(--cu-border);
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  transition: border-color .2s, transform .2s;
}
.iic-fac-card:hover { border-color: var(--cu-red); transform: translateY(-2px); }
.iic-fac-icon { font-size: 26px; }
.iic-fac-name { font-family: var(--font-head); font-size: 15px; font-weight: 700; color: var(--cu-dark); }
.iic-fac-desc { font-size: 13.5px; color: var(--cu-grey); line-height: 1.6; }

/* Tagline */
.iic-tagline {
  margin-top: 24px;
  padding: 18px 24px;
  background: linear-gradient(135deg, #1a0d2e, #0d1a2e);
  border-radius: var(--radius);
  color: #fff;
  font-size: 15px;
  text-align: center;
  line-height: 1.6;
}

/* Responsive */
@media (max-width: 1024px) {
  .iic-incubator-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
  .iic-incubator-grid { grid-template-columns: 1fr; }
  .iic-facility-grid  { grid-template-columns: 1fr; }
  .iic-impact-banner  { gap: 16px; padding: 18px; }
  .iic-ib-sep         { display: none; }
}

/* ── IIC photo grids & offer blocks ── */
.iic-photo-grid { display:grid; gap:10px; margin-top:14px; }
.iic-photo-grid-2 { grid-template-columns:repeat(2,1fr); }
.iic-photo-grid-3 { grid-template-columns:repeat(3,1fr); }
.iic-photo-grid img { width:100%; height:200px; object-fit:cover; border-radius:10px; display:block; }

.iic-cert-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:18px; }
.iic-cert-card { border:1px solid var(--cu-border); border-radius:10px; overflow:hidden; }
.iic-cert-card img { width:100%; height:140px; object-fit:cover; display:block; }
.iic-cert-label { font-size:12px; font-weight:600; text-align:center; padding:8px 4px; background:var(--cu-off); color:var(--cu-dark); }

.iic-offer-block { margin-bottom:20px; }
.iic-offer-text { margin-bottom:12px; }
.iic-offer-photos { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
.iic-offer-photos img { width:100%; height:200px; object-fit:cover; border-radius:10px; display:block; }
.iic-offer-photos img:only-child { grid-column:1; max-width:340px; }

.iic-fac-photo { width:100%; height:160px; object-fit:cover; border-radius:8px; margin-top:12px; display:block; }

.iic-sub-heading { font-family:var(--font-head); font-size:16px; font-weight:700; color:var(--cu-dark); margin:20px 0 10px; }

@media (max-width:768px) {
  .iic-cert-grid { grid-template-columns:repeat(2,1fr); }
  .iic-photo-grid-3 { grid-template-columns:repeat(2,1fr); }
  .iic-offer-photos { grid-template-columns:1fr; }
}
@media (max-width:480px) {
  .iic-cert-grid { grid-template-columns:1fr 1fr; }
  .iic-photo-grid-2 { grid-template-columns:1fr; }
}
/* ═══════════════════════════════════════════════
   TRAINING & PLACEMENT CELL — tpc- prefix
   ═══════════════════════════════════════════════ */

/* Vision & Mission grid */
.tpc-vm-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:16px; }
.tpc-vm-card { background:var(--cu-off); border:1px solid var(--cu-border); border-radius:var(--radius); padding:24px; }
.tpc-vm-label { font-family:var(--font-head); font-size:13px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; color:var(--cu-red); margin-bottom:12px; }
.tpc-vm-card p { font-size:14.5px; line-height:1.7; margin:0; }
.tpc-vm-card ul { padding-left:18px; margin:0; }
.tpc-vm-card ul li { font-size:14px; line-height:1.75; color:var(--cu-dark); }

/* Placement process steps */
.tpc-steps { display:flex; flex-direction:column; gap:0; margin-top:20px; }
.tpc-step { display:flex; align-items:flex-start; gap:16px; padding:16px 0; border-bottom:1px solid var(--cu-border); }
.tpc-step:last-child { border-bottom:none; }
.tpc-step-letter { width:36px; height:36px; min-width:36px; background:var(--cu-red); color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; font-family:var(--font-head); font-size:15px; font-weight:800; }
.tpc-step-body { flex:1; }
.tpc-step-title { font-family:var(--font-head); font-size:15px; font-weight:700; color:var(--cu-dark); margin-bottom:4px; }
.tpc-step-desc { font-size:14px; line-height:1.65; color:var(--cu-grey); }

@media (max-width:768px) {
  .tpc-vm-grid { grid-template-columns:1fr; }
}
/* ═══════════════════════════════════════════════
   ACIC-VGU FOUNDATION — acic- prefix
   ═══════════════════════════════════════════════ */

.acic-schemes-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; margin-top:18px; }
.acic-scheme-card { border:1px solid var(--cu-border); border-radius:var(--radius); overflow:hidden; background:#fff; box-shadow:0 2px 12px rgba(0,0,0,.06); }
.acic-scheme-header { padding:16px 20px; color:#fff; }
.acic-scheme-name { font-family:var(--font-head); font-size:16px; font-weight:800; margin-bottom:3px; }
.acic-scheme-by { font-size:11.5px; opacity:.8; }
.acic-scheme-body { padding:16px 20px; }
.acic-scheme-body p { font-size:13.5px; line-height:1.65; color:var(--cu-grey); margin:0 0 12px; }
.acic-scheme-amount { font-family:var(--font-head); font-size:20px; font-weight:800; color:var(--cu-red); }
.acic-scheme-amount span { font-size:12px; font-weight:500; color:var(--cu-grey); margin-left:4px; }

@media (max-width:600px) {
  .acic-schemes-grid { grid-template-columns:1fr; }
}

/* ===================================== */
/* DEANS OF FACULTIES PAGE */
/* ===================================== */

/* GRID */
.al-deans-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 35px;
}


/* CARD */
.al-dean-card {
  cursor: pointer;
  transition: 0.3s;
}

.al-dean-card h3 {
  margin-top: 15px;
  font-size: 18px;
  font-weight: 600;
}

.al-dean-card p {
  font-size: 14px;
  color: #666;
  line-height: 1.5;
}


/* ===================================== */
/* IMAGE FIX (IMPORTANT) */
/* ===================================== */

.al-dean-card .al-photo-frame {
  height: 240px;
  border-radius: 14px;
  overflow: hidden;
  position: relative;
  background: none !important; /* removes red gradient */
}

.al-dean-card .al-photo-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: 0.4s ease;
}

/* REMOVE overlay from main CSS */
.al-dean-card .al-photo-frame::after {
  display: none !important;
}

/* HOVER */
.al-dean-card:hover .al-photo-frame img {
  transform: scale(1.05);
}


/* ===================================== */
/* OPTIONAL CARD ENHANCEMENT */
/* ===================================== */

.al-dean-card {
  background: #fff;
  padding: 12px;
  border-radius: 14px;
}

.al-dean-card:hover {
  transform: translateY(-6px);
}


/* ===================================== */
/* MODAL */
/* ===================================== */

.al-modal {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.7);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  padding: 20px;
}

.al-modal-box {
  width: 950px;
  max-width: 100%;
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
}

/* HEADER */
.al-modal-header {
  display: flex;
  background: #8c1d18;
  color: #fff;
}

.al-modal-header img {
  width: 260px;
  height: 260px;
  object-fit: cover;
}

.al-modal-headtext {
  padding: 30px;
}

.al-modal-headtext h2 {
  margin-bottom: 10px;
}

.al-modal-headtext p {
  font-size: 14px;
  opacity: 0.95;
  line-height: 1.6;
}

/* BODY */
.al-modal-body {
  padding: 25px;
  max-height: 450px;
  overflow-y: auto;
  line-height: 1.7;
  color: #333;
}

/* CLOSE */
.al-close {
  position: absolute;
  top: 12px;
  right: 18px;
  font-size: 26px;
  color: #fff;
  cursor: pointer;
  z-index: 2;
}


/* ===================================== */
/* RESPONSIVE */
/* ===================================== */

@media (max-width: 1200px) {
  .al-deans-grid {
    gap: 25px;
  }
}

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

  .al-modal-header img {
    width: 200px;
    height: 200px;
  }
}

@media (max-width: 600px) {

  .al-deans-grid {
    grid-template-columns: 1fr;
  }

  .al-dean-card {
    padding: 10px;
  }

  .al-dean-card h3 {
    font-size: 16px;
  }

  .al-dean-card p {
    font-size: 13px;
  }

  /* MODAL MOBILE */
  .al-modal-header {
    flex-direction: column;
  }

  .al-modal-header img {
    width: 100%;
    height: 220px;
  }

  .al-modal-headtext {
    padding: 20px;
  }

  .al-modal-body {
    max-height: 60vh;
    padding: 20px;
  }
}
/* ═══════════════════════════════════════════════════════════════
   PLACEMENTS PAGE — pl- prefix
   ═══════════════════════════════════════════════════════════════ */

/* ── Hero ── */
.pl-hero { position:relative; background:linear-gradient(135deg,#0a0a1a 0%,#121228 45%,#1a0a0a 100%); padding:72px 0 60px; overflow:hidden; }
.pl-hero-bg { position:absolute; inset:0; background:radial-gradient(ellipse at 70% 40%,rgba(192,64,54,0.18),transparent 60%); pointer-events:none; }
.pl-hero-inner { display:grid; grid-template-columns:1fr 340px; gap:48px; align-items:center; position:relative; z-index:2; }
.pl-hero-tag { display:inline-flex; align-items:center; gap:8px; background:rgba(192,64,54,0.15); border:1px solid rgba(192,64,54,0.3); border-radius:20px; padding:5px 14px; margin-bottom:18px; }
.pl-tag-dot { width:7px; height:7px; border-radius:50%; background:var(--cu-red); animation:iqacPulse 2s infinite; }
.pl-hero-tag span { font-family:var(--font-head); font-size:11px; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:var(--cu-red); }
.pl-hero-left h1 { font-family:var(--font-head); font-weight:400; font-size:clamp(28px,4vw,52px); color:#fff; line-height:1.15; margin-bottom:16px; }
.pl-hero-left h1 em { font-style:normal; color:var(--cu-gold); }
.pl-hero-left h1 strong { font-weight:900; }
.pl-hero-left p { color:rgba(255,255,255,0.62); font-size:15.5px; line-height:1.72; max-width:560px; margin-bottom:28px; }
.pl-hero-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:2px; background:rgba(255,255,255,0.07); border-radius:10px; overflow:hidden; margin-bottom:28px; }
.pl-hs-item { padding:16px 10px; text-align:center; }
.pl-hs-val { font-family:var(--font-head); font-weight:900; font-size:18px; color:var(--cu-gold); line-height:1; }
.pl-hs-val span { font-size:13px; }
.pl-hs-lbl { font-size:10px; color:rgba(255,255,255,0.45); margin-top:4px; text-transform:uppercase; letter-spacing:0.4px; }
.pl-hero-ctas { display:flex; gap:12px; flex-wrap:wrap; }

/* Hero stat card */
.pl-stat-card { background:#fff; border-radius:var(--radius); padding:28px 24px; box-shadow:0 20px 60px rgba(0,0,0,0.4); }
.pl-sc-head { font-family:var(--font-head); font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:1px; color:var(--cu-red); margin-bottom:20px; }
.pl-sc-row { display:flex; align-items:center; gap:14px; padding:12px 0; border-bottom:1px solid var(--cu-border); }
.pl-sc-row:last-of-type { border-bottom:none; }
.pl-sc-icon { font-size:22px; width:36px; text-align:center; flex-shrink:0; }
.pl-sc-label { font-size:11.5px; color:var(--cu-grey); }
.pl-sc-val { font-family:var(--font-head); font-weight:800; font-size:15px; color:var(--cu-dark); }
.pl-sc-cta { display:block; text-align:center; background:var(--cu-red); color:#fff; padding:12px; border-radius:8px; font-family:var(--font-head); font-weight:800; font-size:13px; margin-top:18px; transition:opacity .2s; }
.pl-sc-cta:hover { opacity:.88; }

/* ── Sections ── */
.pl-section { padding:80px 0; }
.pl-section--dark { background:linear-gradient(135deg,#0a0a1a,#121228); padding:80px 0; }
.pl-section--grey { background:var(--cu-off); }

/* ── Placed students grid ── */
.pl-placed-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:40px; }
.pl-placed-card { background:#fff; border:1px solid var(--cu-border); border-radius:var(--radius); overflow:hidden; text-align:center; transition:transform .2s,box-shadow .2s; }
.pl-placed-card:hover { transform:translateY(-4px); box-shadow:var(--shadow); }
.pl-pc-company { background:var(--pl-accent,var(--cu-red)); color:#fff; font-family:var(--font-head); font-weight:800; font-size:13px; padding:8px 12px; letter-spacing:.5px; }
.pl-pc-photo { height:180px; overflow:hidden; }
.pl-pc-photo img { width:100%; height:100%; object-fit:cover; object-position:top; }
.pl-pc-name { font-family:var(--font-head); font-weight:800; font-size:14px; color:var(--cu-dark); margin:14px 12px 2px; }
.pl-pc-course { font-size:12px; color:var(--cu-grey); margin-bottom:6px; }
.pl-pc-package { font-family:var(--font-head); font-weight:900; font-size:16px; color:var(--cu-red); padding-bottom:14px; }
.pl-placed-card--cta { background:linear-gradient(135deg,var(--cu-red),#a03028); border:none; display:flex; align-items:center; justify-content:center; min-height:300px; }
.pl-cta-card-inner { text-align:center; padding:20px; }
.pl-cta-val { font-family:var(--font-head); font-weight:900; font-size:42px; color:#fff; line-height:1; }
.pl-cta-lbl { font-size:13px; color:rgba(255,255,255,0.8); margin-top:6px; }

/* ── Sector tabs ── */
.pl-sector-tabs { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:28px; }
.pl-sector-tab { padding:8px 18px; border-radius:20px; background:var(--cu-off); border:1px solid var(--cu-border); font-family:var(--font-head); font-size:13px; font-weight:700; color:var(--cu-grey); cursor:pointer; transition:all .2s; }
.pl-sector-tab:hover { border-color:var(--cu-red); color:var(--cu-red); }
.pl-sector-tab.active { background:var(--cu-red); border-color:var(--cu-red); color:#fff; }
.pl-recruiter-panel { display:none; }
.pl-recruiter-panel.active { display:block; }

/* ── Recruiter name grid ── */
.pl-recruiter-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:10px; margin-top:28px; }
.pl-rc-item { background:#fff; border:1px solid var(--cu-border); border-radius:8px; padding:10px 14px; font-family:var(--font-head); font-size:12.5px; font-weight:700; color:var(--cu-dark); text-align:center; transition:all .2s; }
.pl-rc-item:hover { border-color:var(--cu-red); color:var(--cu-red); }
.pl-rc-item:last-child { background:var(--cu-red); color:#fff; border-color:var(--cu-red); }

/* ── CTA section ── */
.pl-cta-section { background:linear-gradient(135deg,#0a0a1a,#1a0a0a); padding:64px 0; }
.pl-cta-inner { display:flex; align-items:center; justify-content:space-between; gap:32px; flex-wrap:wrap; }
.pl-cta-text h2 { font-family:var(--font-head); font-weight:400; font-size:clamp(22px,3vw,38px); color:#fff; }
.pl-cta-text h2 em { font-style:normal; color:var(--cu-gold); font-weight:800; }
.pl-cta-text p { color:rgba(255,255,255,0.6); font-size:15px; margin-top:8px; }
.pl-cta-actions { display:flex; gap:12px; flex-wrap:wrap; flex-shrink:0; }

/* ── Responsive ── */
@media (max-width:1024px) {
  .pl-hero-inner { grid-template-columns:1fr; }
  .pl-hero-right { display:none; }
  .pl-placed-grid { grid-template-columns:repeat(2,1fr); }
  .pl-recruiter-grid { grid-template-columns:repeat(3,1fr); }
}
@media (max-width:600px) {
  .pl-hero-stats { grid-template-columns:repeat(2,1fr); }
  .pl-placed-grid { grid-template-columns:1fr 1fr; }
  .pl-recruiter-grid { grid-template-columns:repeat(2,1fr); }
  .pl-cta-inner { flex-direction:column; text-align:center; }
}
/* ═══════════════════════════════════════════════════════════════
   PLACEMENTS SECTION — Shared styles (overview, statistics,
   recruiters, training, industry-connect, for-recruiters)
   ═══════════════════════════════════════════════════════════════ */

/* ── Placement Sub-Navigation ── */
.pl-subnav-wrap { background:var(--cu-white); border-bottom:2px solid var(--cu-border); position:sticky; top:0; z-index:90; }
.pl-subnav { display:flex; align-items:center; overflow-x:auto; scrollbar-width:none; }
.pl-subnav::-webkit-scrollbar { display:none; }
.pl-subnav-item { display:inline-flex; align-items:center; padding:14px 20px; font-size:13px; font-weight:700; font-family:var(--font-head); color:var(--cu-grey); text-decoration:none; border-bottom:3px solid transparent; white-space:nowrap; transition:all 0.2s; }
.pl-subnav-item:hover,.pl-subnav-item.active { color:var(--cu-red); border-bottom-color:var(--cu-red); }
.pl-subnav-cta { margin-left:auto; background:var(--cu-red); color:#fff !important; border-bottom-color:transparent !important; padding:14px 24px; }
.pl-subnav-cta:hover { background:var(--cu-red2); }

/* ── Quick Stats Bar ── */
.pl-statsbar { background:var(--cu-dark); padding:20px 0; }
.pl-statsbar-inner { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.pl-sb-item { text-align:center; }
.pl-sb-val { font-family:var(--font-head); font-weight:900; font-size:22px; color:var(--cu-gold); line-height:1; }
.pl-sb-val span { font-size:16px; }
.pl-sb-lbl { font-size:11px; color:rgba(255,255,255,0.55); margin-top:4px; font-family:var(--font-head); font-weight:600; text-transform:uppercase; letter-spacing:0.5px; }
.pl-sb-div { width:1px; height:32px; background:rgba(255,255,255,0.12); }

/* ── Growth / Highlight Cards ── */
.pl-growth-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.pl-growth-card { border-radius:12px; padding:28px 24px; text-align:center; }
.pl-gc--red { background:var(--cu-red); color:#fff; }
.pl-gc--dark { background:var(--cu-dark); color:#fff; }
.pl-gc--gold { background:var(--cu-gold); color:var(--cu-dark); }
.pl-gc-val { font-family:var(--font-head); font-weight:900; font-size:42px; line-height:1; margin-bottom:10px; }
.pl-gc-label { font-family:var(--font-head); font-weight:700; font-size:14px; line-height:1.35; margin-bottom:6px; }
.pl-gc-sub { font-size:12px; opacity:0.65; }

/* ── Flagship Events ── */
.pl-events-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.pl-event-card { background:var(--cu-white); border:1px solid var(--cu-border); border-radius:12px; padding:24px; border-top:4px solid var(--cu-red); transition:box-shadow 0.2s,transform 0.2s; }
.pl-event-card:hover { box-shadow:0 8px 32px rgba(0,0,0,0.10); transform:translateY(-3px); }
.pl-ec-num { font-family:var(--font-head); font-weight:900; font-size:36px; color:var(--cu-red); opacity:0.18; line-height:1; margin-bottom:2px; }
.pl-ec-month { font-size:11px; font-weight:700; font-family:var(--font-head); text-transform:uppercase; letter-spacing:1px; color:var(--cu-red); margin-bottom:8px; }
.pl-ec-title { font-family:var(--font-head); font-weight:800; font-size:15px; color:var(--cu-dark); margin-bottom:10px; line-height:1.3; }
.pl-ec-desc { font-size:13px; color:var(--cu-grey); line-height:1.6; margin-bottom:14px; }
.pl-ec-tag { display:inline-block; background:rgba(192,64,54,0.08); color:var(--cu-red); font-size:11px; font-weight:700; font-family:var(--font-head); padding:4px 10px; border-radius:20px; }

/* ── Explore / Link Cards Grid ── */
.pl-explore-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:16px; }
.pl-explore-card { background:var(--cu-white); border:1px solid var(--cu-border); border-radius:12px; padding:24px 20px; text-decoration:none; transition:all 0.22s; display:flex; flex-direction:column; gap:8px; }
.pl-explore-card:hover { border-color:var(--cu-red); box-shadow:0 6px 24px rgba(192,64,54,0.12); transform:translateY(-3px); }
.pl-explore-card--highlight { background:var(--cu-red); }
.pl-explore-card--highlight .pl-excard-title,
.pl-explore-card--highlight .pl-excard-desc,
.pl-explore-card--highlight .pl-excard-link { color:#fff; }
.pl-excard-icon { font-size:24px; }
.pl-excard-title { font-family:var(--font-head); font-weight:800; font-size:14px; color:var(--cu-dark); line-height:1.3; }
.pl-excard-desc { font-size:12px; color:var(--cu-grey); line-height:1.55; flex:1; }
.pl-excard-link { font-size:12px; font-weight:700; font-family:var(--font-head); color:var(--cu-red); margin-top:4px; }

/* ── Placements Responsive ── */
@media (max-width:900px) {
  .pl-growth-grid { grid-template-columns:repeat(2,1fr); }
  .pl-events-grid { grid-template-columns:repeat(2,1fr); }
  .pl-explore-grid { grid-template-columns:repeat(2,1fr); }
  .pl-statsbar-inner { justify-content:center; gap:20px 32px; }
  .pl-sb-div { display:none; }
}
@media (max-width:600px) {
  .pl-growth-grid { grid-template-columns:1fr 1fr; }
  .pl-events-grid { grid-template-columns:1fr; }
  .pl-explore-grid { grid-template-columns:1fr 1fr; }
  .pl-gc-val { font-size:32px; }
}
/* ── Full Metrics Grid ── */
.pls-metrics-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.pls-metric-card { background:var(--cu-white); border:1px solid var(--cu-border); border-radius:12px; padding:28px 24px; border-top:3px solid var(--cu-border); transition:all 0.22s; }
.pls-metric-card:hover { border-top-color:var(--cu-red); box-shadow:0 6px 24px rgba(0,0,0,0.07); transform:translateY(-2px); }
.pls-mc--accent { border-top-color:var(--cu-red); background:linear-gradient(135deg,rgba(192,64,54,0.03) 0%,var(--cu-white) 60%); }
.pls-mc-label { font-size:11px; font-weight:700; font-family:var(--font-head); text-transform:uppercase; letter-spacing:0.8px; color:var(--cu-grey); margin-bottom:10px; }
.pls-mc-val { font-family:var(--font-head); font-weight:900; font-size:36px; color:var(--cu-dark); line-height:1; margin-bottom:8px; }
.pls-mc--accent .pls-mc-val { color:var(--cu-red); }
.pls-mc-val span { font-size:20px; }
.pls-mc-sub { font-size:12px; color:var(--cu-grey); line-height:1.4; }
 
/* ── Growth Strip ── */
.pls-growth-strip { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:32px; }
.pls-gs-item { display:flex; align-items:flex-start; gap:16px; background:var(--cu-white); border:1px solid var(--cu-border); border-radius:10px; padding:20px; }
.pls-gs-icon { font-size:24px; flex-shrink:0; margin-top:2px; }
.pls-gs-text strong { display:block; font-family:var(--font-head); font-weight:800; font-size:14px; color:var(--cu-dark); margin-bottom:6px; }
.pls-gs-text span { font-size:13px; color:var(--cu-grey); line-height:1.55; }
 
/* ── Internship Layout ── */
.pls-intern-layout { display:grid; grid-template-columns:1fr 1.2fr; gap:40px; align-items:start; }
.pls-intern-stats { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.pls-is-card { background:var(--cu-dark); border-radius:10px; padding:22px 18px; text-align:center; }
.pls-is-val { font-family:var(--font-head); font-weight:900; font-size:28px; color:var(--cu-gold); line-height:1; margin-bottom:8px; }
.pls-is-val span { font-size:18px; }
.pls-is-label { font-size:12px; color:rgba(255,255,255,0.65); font-family:var(--font-head); font-weight:600; line-height:1.4; }
.pls-intern-info { }
.pls-ii-head { font-family:var(--font-head); font-weight:900; font-size:20px; color:var(--cu-dark); margin-bottom:12px; }
.pls-intern-info > p { font-size:14px; color:var(--cu-grey); line-height:1.65; margin-bottom:20px; }
.pls-ii-list { display:flex; flex-direction:column; gap:12px; }
.pls-ii-item { display:flex; align-items:flex-start; gap:12px; }
.pls-ii-dot { width:7px; height:7px; background:var(--cu-red); border-radius:50%; flex-shrink:0; margin-top:6px; }
.pls-ii-item span { font-size:13px; color:var(--cu-grey); line-height:1.55; }
.pls-ii-item strong { color:var(--cu-dark); }
 
/* ── Certification Table ── */
.pls-cert-table-wrap { overflow-x:auto; }
.pls-cert-table { width:100%; border-collapse:collapse; border-radius:12px; overflow:hidden; font-size:14px; }
.pls-cert-table thead tr { background:var(--cu-red); color:#fff; }
.pls-cert-table thead th { padding:14px 20px; text-align:left; font-family:var(--font-head); font-weight:700; font-size:13px; letter-spacing:0.3px; }
.pls-cert-table tbody tr { border-bottom:1px solid var(--cu-border); transition:background 0.15s; }
.pls-cert-table tbody tr:hover { background:rgba(192,64,54,0.04); }
.pls-cert-table tbody td { padding:14px 20px; color:var(--cu-dark); line-height:1.4; }
.pls-ct-partner { font-family:var(--font-head); font-weight:700; color:var(--cu-dark) !important; white-space:nowrap; }
.pls-ct-count { font-family:var(--font-head); font-weight:900; color:var(--cu-red) !important; text-align:right; font-size:16px; white-space:nowrap; }
.pls-ct-total { background:var(--cu-off); }
.pls-ct-total td { padding:16px 20px !important; }
.pls-cert-note { display:flex; align-items:flex-start; gap:14px; background:rgba(192,64,54,0.06); border:1px solid rgba(192,64,54,0.18); border-radius:10px; padding:18px 20px; margin-top:20px; }
.pls-cn-icon { font-size:20px; flex-shrink:0; }
.pls-cn-text { font-size:13px; color:var(--cu-grey); line-height:1.6; }
.pls-cn-text strong { color:var(--cu-red); }
 
/* ── Innovation Grid ── */
.pls-innovation-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.pls-inno-card { border:1px solid var(--cu-border); border-radius:12px; padding:28px 24px; transition:all 0.22s; border-left:4px solid var(--cu-red); }
.pls-inno-card:hover { box-shadow:0 6px 24px rgba(0,0,0,0.08); transform:translateY(-2px); }
.pls-inno-val { font-family:var(--font-head); font-weight:900; font-size:40px; color:var(--cu-red); line-height:1; margin-bottom:8px; }
.pls-inno-val span { font-size:24px; }
.pls-inno-label { font-family:var(--font-head); font-weight:800; font-size:15px; color:var(--cu-dark); margin-bottom:10px; }
.pls-inno-desc { font-size:13px; color:var(--cu-grey); line-height:1.6; }
 
/* ── Hackathon Banner ── */
.pls-hack-banner { background:var(--cu-dark); border-radius:14px; padding:32px 36px; display:flex; align-items:center; justify-content:space-between; gap:32px; margin-top:32px; }
.pls-hb-tag { font-size:11px; font-weight:700; font-family:var(--font-head); color:var(--cu-gold); text-transform:uppercase; letter-spacing:1px; margin-bottom:8px; }
.pls-hb-title { font-family:var(--font-head); font-weight:900; font-size:22px; color:#fff; margin-bottom:10px; }
.pls-hb-desc { font-size:13px; color:rgba(255,255,255,0.6); line-height:1.6; max-width:520px; }
.pls-hb-right { display:flex; gap:28px; flex-shrink:0; }
.pls-hb-stat { text-align:center; }
.pls-hb-stat span { display:block; font-family:var(--font-head); font-weight:900; font-size:32px; color:var(--cu-gold); line-height:1; }
.pls-hb-stat em { display:block; font-size:12px; color:rgba(255,255,255,0.55); font-style:normal; margin-top:4px; font-family:var(--font-head); font-weight:600; }
 
/* ── Startup Layout ── */
.pls-startup-layout { display:grid; grid-template-columns:1fr 1.5fr; gap:40px; align-items:start; }
.pls-startup-stats { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.pls-ss-item { border-radius:12px; padding:26px 20px; text-align:center; }
.pls-ss--red { background:var(--cu-red); color:#fff; }
.pls-ss--dark { background:var(--cu-dark); color:#fff; }
.pls-ss--gold { background:var(--cu-gold); color:var(--cu-dark); }
.pls-ss-val { font-family:var(--font-head); font-weight:900; font-size:32px; line-height:1; margin-bottom:8px; }
.pls-ss-val span { font-size:18px; }
.pls-ss-lbl { font-size:12px; opacity:0.75; font-family:var(--font-head); font-weight:600; line-height:1.3; }
.pls-coe-wrap { }
.pls-coe-head { font-family:var(--font-head); font-weight:900; font-size:20px; color:var(--cu-dark); margin-bottom:8px; }
.pls-coe-intro { font-size:13px; color:var(--cu-grey); line-height:1.6; margin-bottom:20px; }
.pls-coe-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.pls-coe-card { border:1px solid var(--cu-border); border-radius:10px; padding:20px 16px; text-align:center; transition:all 0.22s; }
.pls-coe-card:hover { border-color:var(--cu-red); box-shadow:0 4px 16px rgba(192,64,54,0.10); }
.pls-coe-icon { font-size:28px; margin-bottom:10px; }
.pls-coe-title { font-family:var(--font-head); font-weight:800; font-size:13px; color:var(--cu-dark); margin-bottom:6px; line-height:1.3; }
.pls-coe-focus { font-size:12px; color:var(--cu-red); font-weight:600; font-family:var(--font-head); }
 
/* ── Rankings Grid ── */
.pls-rankings-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:16px; }
.pls-rank-card { background:var(--cu-white); border:1px solid var(--cu-border); border-radius:10px; padding:22px 16px; text-align:center; transition:all 0.22s; }
.pls-rank-card:hover { border-color:var(--cu-red); box-shadow:0 4px 16px rgba(192,64,54,0.10); transform:translateY(-2px); }
.pls-rk-badge { display:inline-block; background:var(--cu-red); color:#fff; font-size:10px; font-weight:700; font-family:var(--font-head); padding:3px 10px; border-radius:20px; letter-spacing:0.5px; margin-bottom:10px; }
.pls-rk-val { font-family:var(--font-head); font-weight:900; font-size:28px; color:var(--cu-dark); line-height:1; margin-bottom:6px; }
.pls-rk-label { font-size:11px; color:var(--cu-grey); line-height:1.4; font-family:var(--font-head); font-weight:600; }
 
/* ── Responsive ── */
@media (max-width:1100px) {
  .pls-metrics-grid { grid-template-columns:repeat(3,1fr); }
  .pls-rankings-grid { grid-template-columns:repeat(4,1fr); }
}
@media (max-width:900px) {
  .pls-metrics-grid { grid-template-columns:repeat(2,1fr); }
  .pls-growth-strip { grid-template-columns:1fr; }
  .pls-intern-layout { grid-template-columns:1fr; }
  .pls-innovation-grid { grid-template-columns:repeat(2,1fr); }
  .pls-startup-layout { grid-template-columns:1fr; }
  .pls-hack-banner { flex-direction:column; align-items:flex-start; }
  .pls-rankings-grid { grid-template-columns:repeat(3,1fr); }
  .pls-coe-grid { grid-template-columns:1fr 1fr; }
}
@media (max-width:600px) {
  .pls-metrics-grid { grid-template-columns:1fr 1fr; }
  .pls-intern-stats { grid-template-columns:1fr 1fr; }
  .pls-innovation-grid { grid-template-columns:1fr; }
  .pls-startup-stats { grid-template-columns:1fr 1fr; }
  .pls-coe-grid { grid-template-columns:1fr; }
  .pls-rankings-grid { grid-template-columns:repeat(2,1fr); }
  .pls-hb-right { flex-wrap:wrap; gap:16px; }
  .pls-mc-val { font-size:28px; }
}
/* ═══════════════════════════════════════════════════════════════
   PLACEMENTS — RECRUITERS PAGE  (plr- prefix)
   Paste at the bottom of vgu.css
   ═══════════════════════════════════════════════════════════════ */

/* ── Sector Accordion ── */
.plr-sector-wrap { display:flex; flex-direction:column; gap:8px; }
.plr-sector-block { border:1px solid var(--cu-border); border-radius:12px; overflow:hidden; }
.plr-sector-block.plr-sb--open .plr-sb-body { display:block !important; }
.plr-sb-header { display:flex; align-items:center; justify-content:space-between; padding:18px 24px; cursor:pointer; background:var(--cu-white); transition:background 0.18s; gap:16px; }
.plr-sb-header:hover { background:var(--cu-off); }
.plr-sector-block.plr-sb--open .plr-sb-header { background:var(--cu-red); }
.plr-sector-block.plr-sb--open .plr-sb-title,
.plr-sector-block.plr-sb--open .plr-sb-sub,
.plr-sector-block.plr-sb--open .plr-sb-chevron { color:#fff; }
.plr-sb-left { display:flex; align-items:center; gap:16px; }
.plr-sb-icon { font-size:22px; flex-shrink:0; }
.plr-sb-title { font-family:var(--font-head); font-weight:800; font-size:15px; color:var(--cu-dark); line-height:1.2; }
.plr-sb-sub { font-size:12px; color:var(--cu-grey); margin-top:3px; font-family:var(--font-head); font-weight:500; }
.plr-sb-chevron { font-size:16px; color:var(--cu-grey); font-weight:900; flex-shrink:0; transition:transform 0.2s; }
.plr-sb-body { padding:20px 24px; background:var(--cu-off); border-top:1px solid var(--cu-border); }
.plr-company-grid { display:flex; flex-wrap:wrap; gap:10px; }
.plr-co { background:var(--cu-white); border:1px solid var(--cu-border); border-radius:6px; padding:7px 14px; font-size:13px; font-family:var(--font-head); font-weight:600; color:var(--cu-dark); white-space:nowrap; transition:all 0.18s; }
.plr-co:hover { border-color:var(--cu-red); color:var(--cu-red); }
.plr-co--more { background:transparent; border-style:dashed; color:var(--cu-grey); font-weight:500; }
.plr-multiyear-note { display:flex; align-items:flex-start; gap:14px; background:rgba(192,64,54,0.06); border:1px solid rgba(192,64,54,0.18); border-radius:10px; padding:18px 22px; margin-top:24px; }
.plr-mn-icon { font-size:20px; flex-shrink:0; }
.plr-mn-text { font-size:13px; color:var(--cu-grey); line-height:1.6; }
.plr-mn-text strong { color:var(--cu-red); }

/* ── Career Roles Tabs ── */
.plr-role-tabs { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:24px; }
.plr-rt { padding:9px 18px; border-radius:30px; border:1.5px solid var(--cu-border); background:var(--cu-white); font-size:13px; font-weight:700; font-family:var(--font-head); color:var(--cu-grey); cursor:pointer; transition:all 0.18s; white-space:nowrap; }
.plr-rt:hover { border-color:var(--cu-red); color:var(--cu-red); }
.plr-rt.active { background:var(--cu-red); border-color:var(--cu-red); color:#fff; }
.plr-role-panel { display:none; }
.plr-role-panel.active { display:block; }
.plr-roles-grid { display:flex; flex-wrap:wrap; gap:10px; }
.plr-role { background:var(--cu-white); border:1px solid var(--cu-border); border-left:3px solid var(--cu-red); border-radius:6px; padding:10px 16px; font-size:13px; font-family:var(--font-head); font-weight:600; color:var(--cu-dark); transition:all 0.18s; }
.plr-role:hover { box-shadow:0 3px 12px rgba(192,64,54,0.12); transform:translateY(-1px); }

/* ── Disciplines Grid ── */
.plr-disc-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.plr-disc-card { border:1px solid var(--cu-border); border-radius:10px; padding:20px 18px; transition:all 0.22s; }
.plr-disc-card:hover { border-color:var(--cu-red); box-shadow:0 4px 18px rgba(192,64,54,0.10); transform:translateY(-2px); }
.plr-dc-icon { font-size:24px; margin-bottom:10px; }
.plr-dc-title { font-family:var(--font-head); font-weight:800; font-size:13px; color:var(--cu-dark); margin-bottom:7px; line-height:1.3; }
.plr-dc-skills { font-size:11px; color:var(--cu-grey); line-height:1.5; font-family:var(--font-head); font-weight:500; }

/* ── USP Grid ── */
.plr-usp-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.plr-usp-card { border:1px solid var(--cu-border); border-radius:10px; padding:22px 18px; position:relative; transition:all 0.22s; }
.plr-usp-card:hover { border-color:var(--cu-red); box-shadow:0 4px 18px rgba(192,64,54,0.10); transform:translateY(-2px); }
.plr-usp-num { font-family:var(--font-head); font-weight:900; font-size:28px; color:var(--cu-red); opacity:0.15; line-height:1; margin-bottom:8px; }
.plr-usp-title { font-family:var(--font-head); font-weight:800; font-size:13px; color:var(--cu-dark); margin-bottom:8px; line-height:1.3; }
.plr-usp-desc { font-size:12px; color:var(--cu-grey); line-height:1.6; }

/* ── Responsive ── */
@media (max-width:1100px) {
  .plr-disc-grid { grid-template-columns:repeat(3,1fr); }
  .plr-usp-grid  { grid-template-columns:repeat(3,1fr); }
}
@media (max-width:900px) {
  .plr-disc-grid { grid-template-columns:repeat(2,1fr); }
  .plr-usp-grid  { grid-template-columns:repeat(2,1fr); }
  .plr-role-tabs { gap:6px; }
  .plr-rt        { font-size:12px; padding:8px 14px; }
}
@media (max-width:600px) {
  .plr-disc-grid { grid-template-columns:1fr 1fr; }
  .plr-usp-grid  { grid-template-columns:1fr 1fr; }
  .plr-sb-header { padding:14px 16px; }
  .plr-sb-body   { padding:16px; }
}
/* ═══════════════════════════════════════════════════════════════
   PLACEMENTS — TRAINING & GROOMING PAGE  (plt- prefix)
   Paste at the bottom of vgu.css
   ═══════════════════════════════════════════════════════════════ */

/* ── 8-Module Cards ── */
.plt-modules-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.plt-module-card { border:1px solid var(--cu-border); border-radius:12px; overflow:hidden; cursor:pointer; transition:box-shadow 0.2s,transform 0.2s; }
.plt-module-card:hover { box-shadow:0 6px 24px rgba(0,0,0,0.08); transform:translateY(-2px); }
.plt-module-card.plt-mc--open { border-color:var(--cu-red); }
.plt-mc-header { display:flex; align-items:center; gap:10px; padding:16px; background:var(--cu-white); }
.plt-module-card.plt-mc--open .plt-mc-header { background:var(--cu-red); }
.plt-module-card.plt-mc--open .plt-mc-title,
.plt-module-card.plt-mc--open .plt-mc-chevron { color:#fff; }
.plt-module-card.plt-mc--open .plt-mc-num { color:rgba(255,255,255,0.4); }
.plt-mc-num { font-family:var(--font-head); font-weight:900; font-size:11px; color:var(--cu-lgrey); flex-shrink:0; }
.plt-mc-icon { font-size:20px; flex-shrink:0; }
.plt-mc-title { font-family:var(--font-head); font-weight:800; font-size:13px; color:var(--cu-dark); flex:1; line-height:1.3; }
.plt-mc-chevron { font-size:14px; color:var(--cu-grey); flex-shrink:0; transition:transform 0.2s; }
.plt-module-card.plt-mc--open .plt-mc-chevron { transform:rotate(180deg); }
.plt-mc-body { display:none; padding:14px 16px; border-top:1px solid var(--cu-border); background:var(--cu-off); }
.plt-mc-body p { font-size:12px; color:var(--cu-grey); line-height:1.55; margin-bottom:12px; }
.plt-mc-tags { display:flex; flex-wrap:wrap; gap:6px; }
.plt-mc-tags span { background:var(--cu-white); border:1px solid var(--cu-border); border-radius:4px; padding:4px 10px; font-size:11px; font-family:var(--font-head); font-weight:600; color:var(--cu-dark); white-space:nowrap; }
.plt-result-banner { display:flex; align-items:center; gap:16px; background:var(--cu-dark); border-radius:12px; padding:20px 28px; margin-top:32px; }
.plt-rb-icon { font-size:28px; flex-shrink:0; }
.plt-rb-text { font-size:14px; color:rgba(255,255,255,0.75); line-height:1.6; }
.plt-rb-text strong { color:#fff; }

/* ── Certification Cards ── */
.plt-cert-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.plt-cert-card { background:var(--cu-white); border:1px solid var(--cu-border); border-radius:12px; padding:24px; transition:all 0.22s; border-top:4px solid var(--cu-red); }
.plt-cert-card:hover { box-shadow:0 6px 24px rgba(0,0,0,0.08); transform:translateY(-2px); }
.plt-cc-top { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:4px; }
.plt-cc-partner { font-family:var(--font-head); font-weight:900; font-size:16px; color:var(--cu-dark); line-height:1.2; }
.plt-cc-count { font-family:var(--font-head); font-weight:900; font-size:28px; color:var(--cu-red); line-height:1; white-space:nowrap; }
.plt-cc-count span { font-size:18px; }
.plt-cc-label { font-size:11px; color:var(--cu-grey); font-family:var(--font-head); font-weight:600; text-transform:uppercase; letter-spacing:0.5px; margin-bottom:14px; }
.plt-cc-programs { }
.plt-cc-prog-title { font-size:11px; font-weight:700; font-family:var(--font-head); color:var(--cu-grey); text-transform:uppercase; letter-spacing:0.5px; margin-bottom:8px; }
.plt-cc-programs span { display:inline-block; background:rgba(192,64,54,0.08); color:var(--cu-red); font-size:11px; font-weight:600; font-family:var(--font-head); padding:3px 10px; border-radius:4px; margin:0 4px 6px 0; }
.plt-cert-total { display:flex; align-items:center; justify-content:center; gap:40px; background:var(--cu-dark); border-radius:12px; padding:28px; margin-top:24px; flex-wrap:wrap; }
.plt-ct-item { text-align:center; }
.plt-ct-val { font-family:var(--font-head); font-weight:900; font-size:36px; color:var(--cu-gold); line-height:1; }
.plt-ct-val span { font-size:22px; }
.plt-ct-lbl { font-size:12px; color:rgba(255,255,255,0.6); margin-top:6px; font-family:var(--font-head); font-weight:600; max-width:160px; line-height:1.35; }
.plt-ct-div { width:1px; height:50px; background:rgba(255,255,255,0.12); }

/* ── Skill Tracks ── */
.plt-skill-tracks { margin-top:32px; }
.plt-st-head { font-family:var(--font-head); font-weight:900; font-size:18px; color:var(--cu-dark); margin-bottom:16px; }
.plt-st-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.plt-st-card { border-radius:10px; padding:20px; border:1px solid var(--cu-border); }
.plt-stc--tech { border-top:3px solid var(--cu-red); }
.plt-stc--biz  { border-top:3px solid var(--cu-gold); }
.plt-stc--soft { border-top:3px solid var(--cu-dark); }
.plt-stc-title { font-family:var(--font-head); font-weight:800; font-size:14px; color:var(--cu-dark); margin-bottom:12px; }
.plt-stc-tags { display:flex; flex-wrap:wrap; gap:6px; }
.plt-stc-tags span { background:var(--cu-off); border:1px solid var(--cu-border); border-radius:4px; padding:4px 10px; font-size:11px; font-family:var(--font-head); font-weight:600; color:var(--cu-dark); }

/* ── Mandatory Internship Layout ── */
.plt-intern-layout { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:start; }
.plt-intern-features { display:flex; flex-direction:column; gap:20px; }
.plt-if-item { display:flex; align-items:flex-start; gap:16px; }
.plt-if-icon { font-size:24px; flex-shrink:0; margin-top:2px; }
.plt-if-title { font-family:var(--font-head); font-weight:800; font-size:14px; color:var(--cu-dark); margin-bottom:6px; }
.plt-if-desc { font-size:13px; color:var(--cu-grey); line-height:1.6; }
.plt-isc-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:24px; }
.plt-isc-card { border-radius:10px; padding:20px; text-align:center; }
.plt-isc--red  { background:var(--cu-red); color:#fff; }
.plt-isc--dark { background:var(--cu-dark); color:#fff; }
.plt-isc--gold { background:var(--cu-gold); color:var(--cu-dark); }
.plt-isc-val { font-family:var(--font-head); font-weight:900; font-size:28px; line-height:1; margin-bottom:8px; }
.plt-isc-val span { font-size:18px; }
.plt-isc-lbl { font-size:11px; opacity:0.8; font-family:var(--font-head); font-weight:600; line-height:1.35; }

/* ── Pipeline Visual ── */
.plt-pipeline { background:var(--cu-off); border:1px solid var(--cu-border); border-radius:12px; padding:20px; }
.plt-pp-head { font-family:var(--font-head); font-weight:800; font-size:14px; color:var(--cu-dark); margin-bottom:16px; }
.plt-pp-steps { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.plt-pp-step { display:flex; flex-direction:column; align-items:center; gap:8px; flex:1; min-width:80px; }
.plt-pp-circle { width:32px; height:32px; border-radius:50%; background:var(--cu-dark); color:#fff; font-family:var(--font-head); font-weight:900; font-size:14px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.plt-pp-circle--red { background:var(--cu-red); }
.plt-pp-label { font-size:11px; color:var(--cu-grey); text-align:center; line-height:1.4; font-family:var(--font-head); font-weight:600; }
.plt-pp-step--highlight .plt-pp-label { color:var(--cu-red); font-weight:700; }
.plt-pp-arrow { font-size:18px; color:var(--cu-lgrey); flex-shrink:0; }

/* ── Skill Assessment Grid ── */
.plt-assess-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-bottom:32px; }
.plt-assess-card { background:var(--cu-white); border:1px solid var(--cu-border); border-radius:12px; padding:24px; transition:all 0.22s; }
.plt-assess-card:hover { border-color:var(--cu-red); box-shadow:0 4px 16px rgba(192,64,54,0.10); transform:translateY(-2px); }
.plt-ac-icon { font-size:28px; margin-bottom:12px; }
.plt-ac-title { font-family:var(--font-head); font-weight:800; font-size:14px; color:var(--cu-dark); margin-bottom:10px; }
.plt-ac-desc { font-size:13px; color:var(--cu-grey); line-height:1.6; }
.plt-assess-result { display:flex; align-items:center; gap:32px; background:rgba(192,64,54,0.06); border:1px solid rgba(192,64,54,0.18); border-radius:12px; padding:28px 32px; }
.plt-ar-left { text-align:center; flex-shrink:0; }
.plt-ar-val { font-family:var(--font-head); font-weight:900; font-size:52px; color:var(--cu-red); line-height:1; }
.plt-ar-val span { font-size:30px; }
.plt-ar-lbl { font-size:13px; font-family:var(--font-head); font-weight:700; color:var(--cu-dark); margin-top:6px; max-width:140px; line-height:1.3; }
.plt-ar-div { width:1px; height:80px; background:rgba(192,64,54,0.2); flex-shrink:0; }
.plt-ar-right p { font-size:13px; color:var(--cu-grey); line-height:1.65; }

/* ── 4-Year Timeline ── */
.plt-journey-timeline { display:grid; grid-template-columns:repeat(4,1fr); gap:0; position:relative; }
.plt-journey-timeline::before { content:''; position:absolute; top:28px; left:calc(12.5% + 12px); right:calc(12.5% + 12px); height:2px; background:var(--cu-border); z-index:0; }
.plt-jt-item { display:flex; flex-direction:column; align-items:center; position:relative; z-index:1; }
.plt-jt-year { font-family:var(--font-head); font-weight:900; font-size:12px; color:var(--cu-red); text-transform:uppercase; letter-spacing:1px; margin-bottom:8px; }
.plt-jt-dot { width:24px; height:24px; border-radius:50%; background:var(--cu-border); border:3px solid var(--cu-white); box-shadow:0 0 0 3px var(--cu-border); margin-bottom:16px; flex-shrink:0; }
.plt-jt-dot--red { background:var(--cu-red); box-shadow:0 0 0 3px rgba(192,64,54,0.25); }
.plt-jt-content { background:var(--cu-white); border:1px solid var(--cu-border); border-radius:10px; padding:18px; width:100%; border-top:3px solid var(--cu-border); }
.plt-jt-item:last-child .plt-jt-content { border-top-color:var(--cu-red); }
.plt-jt-title { font-family:var(--font-head); font-weight:800; font-size:14px; color:var(--cu-dark); margin-bottom:10px; }
.plt-jt-list { display:flex; flex-direction:column; gap:6px; }
.plt-jt-list span { font-size:12px; color:var(--cu-grey); line-height:1.4; padding-left:12px; position:relative; }
.plt-jt-list span::before { content:''; position:absolute; left:0; top:6px; width:5px; height:5px; border-radius:50%; background:var(--cu-red); }

/* ── Responsive ── */
@media (max-width:1100px) {
  .plt-modules-grid { grid-template-columns:repeat(3,1fr); }
  .plt-cert-grid    { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:900px) {
  .plt-modules-grid  { grid-template-columns:repeat(2,1fr); }
  .plt-cert-grid     { grid-template-columns:repeat(2,1fr); }
  .plt-st-grid       { grid-template-columns:1fr; }
  .plt-intern-layout { grid-template-columns:1fr; }
  .plt-assess-grid   { grid-template-columns:repeat(2,1fr); }
  .plt-assess-result { flex-direction:column; align-items:flex-start; }
  .plt-ar-div        { display:none; }
  .plt-journey-timeline { grid-template-columns:1fr 1fr; gap:20px; }
  .plt-journey-timeline::before { display:none; }
}
@media (max-width:600px) {
  .plt-modules-grid  { grid-template-columns:1fr; }
  .plt-cert-grid     { grid-template-columns:1fr; }
  .plt-assess-grid   { grid-template-columns:1fr; }
  .plt-isc-grid      { grid-template-columns:1fr 1fr; }
  .plt-journey-timeline { grid-template-columns:1fr; }
  .plt-pp-steps      { flex-direction:column; align-items:flex-start; }
  .plt-pp-arrow      { transform:rotate(90deg); }
  .plt-cert-total    { gap:20px; }
  .plt-ct-div        { display:none; }
}
/* ═══════════════════════════════════════════════════════════════
   PLACEMENTS — INDUSTRY CONNECT PAGE  (plic- prefix)
   Paste at the bottom of vgu.css
   ═══════════════════════════════════════════════════════════════ */

/* ── 8 Partnership Cards ── */
.plic-partner-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.plic-partner-card { background:var(--cu-white); border:1px solid var(--cu-border); border-radius:12px; padding:24px; border-top:4px solid var(--cu-red); transition:all 0.22s; }
.plic-partner-card:hover { box-shadow:0 8px 28px rgba(0,0,0,0.09); transform:translateY(-3px); }
.plic-pc-icon { font-size:28px; margin-bottom:4px; }
.plic-pc-num { font-family:var(--font-head); font-weight:900; font-size:11px; color:var(--cu-lgrey); margin-bottom:8px; letter-spacing:1px; }
.plic-pc-title { font-family:var(--font-head); font-weight:800; font-size:14px; color:var(--cu-dark); margin-bottom:10px; line-height:1.3; }
.plic-pc-desc { font-size:12px; color:var(--cu-grey); line-height:1.6; margin-bottom:14px; }
.plic-pc-benefits { }
.plic-pcb-head { font-size:10px; font-weight:700; font-family:var(--font-head); text-transform:uppercase; letter-spacing:0.8px; color:var(--cu-red); margin-bottom:8px; }
.plic-pc-benefits span { display:inline-block; background:rgba(192,64,54,0.07); color:var(--cu-red); font-size:10px; font-weight:600; font-family:var(--font-head); padding:3px 8px; border-radius:4px; margin:0 3px 5px 0; }

/* ── Outcomes Grid ── */
.plic-outcomes-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-bottom:40px; }
.plic-oc-card { border-radius:12px; padding:28px 22px; }
.plic-oc--red  { background:var(--cu-red);  color:#fff; }
.plic-oc--dark { background:var(--cu-dark); color:#fff; }
.plic-oc--gold { background:var(--cu-gold); color:var(--cu-dark); }
.plic-oc-val { font-family:var(--font-head); font-weight:900; font-size:44px; line-height:1; margin-bottom:8px; }
.plic-oc-val span { font-size:26px; }
.plic-oc-title { font-family:var(--font-head); font-weight:800; font-size:13px; margin-bottom:10px; line-height:1.3; }
.plic-oc-desc { font-size:12px; opacity:0.75; line-height:1.55; }

/* ── Strategic Partners ── */
.plic-strat-partners { margin-top:0; }
.plic-sp-head { font-family:var(--font-head); font-weight:900; font-size:18px; color:var(--cu-dark); margin-bottom:16px; }
.plic-sp-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.plic-sp-card { background:var(--cu-white); border:1px solid var(--cu-border); border-radius:10px; padding:20px; transition:all 0.22s; }
.plic-sp-card:hover { border-color:var(--cu-red); box-shadow:0 4px 16px rgba(192,64,54,0.10); }
.plic-spc-name { font-family:var(--font-head); font-weight:900; font-size:18px; color:var(--cu-red); margin-bottom:4px; }
.plic-spc-type { font-size:11px; font-weight:700; font-family:var(--font-head); color:var(--cu-grey); text-transform:uppercase; letter-spacing:0.5px; margin-bottom:10px; }
.plic-spc-desc { font-size:12px; color:var(--cu-grey); line-height:1.6; }

/* ── Flagship Events Layout ── */
.plic-events-layout { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.plic-event-card { background:var(--cu-white); border:1px solid var(--cu-border); border-radius:14px; padding:28px; border-top:4px solid var(--cu-border); transition:all 0.22s; }
.plic-event-card:hover { box-shadow:0 8px 32px rgba(0,0,0,0.09); transform:translateY(-3px); }
.plic-ev--featured { border-top-color:var(--cu-red); }
.plic-ev-badge { display:inline-flex; align-items:center; gap:6px; background:rgba(192,64,54,0.08); color:var(--cu-red); font-size:11px; font-weight:700; font-family:var(--font-head); padding:4px 12px; border-radius:20px; margin-bottom:12px; }
.plic-ev-num { font-family:var(--font-head); font-weight:900; font-size:42px; color:var(--cu-red); opacity:0.12; line-height:1; margin-bottom:0; }
.plic-ev-month { font-size:11px; font-weight:700; font-family:var(--font-head); color:var(--cu-red); text-transform:uppercase; letter-spacing:1px; margin-bottom:8px; }
.plic-ev-title { font-family:var(--font-head); font-weight:900; font-size:18px; color:var(--cu-dark); margin-bottom:12px; line-height:1.25; }
.plic-ev-desc { font-size:13px; color:var(--cu-grey); line-height:1.65; margin-bottom:16px; }
.plic-ev-stats { display:flex; gap:24px; margin-bottom:16px; padding:14px 0; border-top:1px solid var(--cu-border); border-bottom:1px solid var(--cu-border); }
.plic-evs-item { }
.plic-evs-val { font-family:var(--font-head); font-weight:900; font-size:26px; color:var(--cu-red); line-height:1; }
.plic-evs-val span { font-size:16px; }
.plic-evs-lbl { font-size:11px; color:var(--cu-grey); font-family:var(--font-head); font-weight:600; margin-top:3px; }
.plic-ev-highlights { display:flex; flex-wrap:wrap; gap:6px; margin-top:4px; }
.plic-ev-highlights span { background:var(--cu-off); border:1px solid var(--cu-border); border-radius:4px; padding:4px 10px; font-size:11px; font-family:var(--font-head); font-weight:600; color:var(--cu-dark); }

/* ── Centres of Excellence ── */
.plic-coe-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.plic-coe-card { background:var(--cu-white); border:1px solid var(--cu-border); border-radius:14px; overflow:hidden; transition:all 0.22s; }
.plic-coe-card:hover { box-shadow:0 8px 32px rgba(0,0,0,0.09); transform:translateY(-3px); }
.plic-coe-icon-wrap { background:var(--cu-dark); padding:28px; display:flex; align-items:center; justify-content:center; }
.plic-coe-icon { font-size:48px; }
.plic-coe-body { padding:24px; }
.plic-coe-partner { font-size:11px; font-weight:700; font-family:var(--font-head); color:var(--cu-red); text-transform:uppercase; letter-spacing:1px; margin-bottom:6px; }
.plic-coe-title { font-family:var(--font-head); font-weight:900; font-size:16px; color:var(--cu-dark); margin-bottom:4px; line-height:1.3; }
.plic-coe-focus { font-size:12px; font-weight:700; font-family:var(--font-head); color:var(--cu-grey); margin-bottom:12px; }
.plic-coe-desc { font-size:13px; color:var(--cu-grey); line-height:1.65; margin-bottom:14px; }
.plic-coe-tags { display:flex; flex-wrap:wrap; gap:6px; }
.plic-coe-tags span { background:rgba(192,64,54,0.07); color:var(--cu-red); font-size:11px; font-weight:600; font-family:var(--font-head); padding:3px 10px; border-radius:4px; }

/* ── Innovation Layout ── */
.plic-inno-layout { display:grid; grid-template-columns:1fr 1.4fr; gap:48px; align-items:start; }
.plic-inno-stats { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.plic-is-card { border-radius:10px; padding:22px 18px; text-align:center; }
.plic-is--red  { background:var(--cu-red);  color:#fff; }
.plic-is--dark { background:var(--cu-dark); color:#fff; }
.plic-is--gold { background:var(--cu-gold); color:var(--cu-dark); }
.plic-is-val { font-family:var(--font-head); font-weight:900; font-size:30px; line-height:1; margin-bottom:8px; }
.plic-is-val span { font-size:18px; }
.plic-is-lbl { font-size:11px; opacity:0.8; font-family:var(--font-head); font-weight:600; line-height:1.35; }
.plic-inno-text { }
.plic-it-head { font-family:var(--font-head); font-weight:900; font-size:18px; color:var(--cu-dark); margin-bottom:10px; }
.plic-inno-text > p { font-size:13px; color:var(--cu-grey); line-height:1.65; margin-bottom:20px; }
.plic-it-event { border:1px solid var(--cu-border); border-radius:10px; padding:16px 18px; margin-bottom:14px; border-left:3px solid var(--cu-red); }
.plic-ite-title { font-family:var(--font-head); font-weight:800; font-size:14px; color:var(--cu-dark); margin-bottom:8px; }
.plic-ite-stats { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:8px; }
.plic-ite-stats span { background:var(--cu-red); color:#fff; font-size:11px; font-weight:700; font-family:var(--font-head); padding:3px 10px; border-radius:4px; }
.plic-ite-desc { font-size:12px; color:var(--cu-grey); line-height:1.55; }

/* ── Responsive ── */
@media (max-width:1100px) {
  .plic-partner-grid  { grid-template-columns:repeat(3,1fr); }
  .plic-sp-grid       { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:900px) {
  .plic-partner-grid  { grid-template-columns:repeat(2,1fr); }
  .plic-outcomes-grid { grid-template-columns:repeat(2,1fr); }
  .plic-events-layout { grid-template-columns:1fr; }
  .plic-coe-grid      { grid-template-columns:1fr; }
  .plic-inno-layout   { grid-template-columns:1fr; }
  .plic-inno-stats    { grid-template-columns:repeat(3,1fr); }
}
@media (max-width:600px) {
  .plic-partner-grid  { grid-template-columns:1fr; }
  .plic-outcomes-grid { grid-template-columns:1fr 1fr; }
  .plic-sp-grid       { grid-template-columns:1fr; }
  .plic-inno-stats    { grid-template-columns:1fr 1fr; }
  .plic-oc-val        { font-size:32px; }
}
/* ═══════════════════════════════════════════════════════════════
   PLACEMENTS — FOR RECRUITERS PAGE  (plfr- prefix)
   Paste at the bottom of vgu.css
   ═══════════════════════════════════════════════════════════════ */

/* ── Sub-nav active CTA variant ── */
.pl-subnav-cta.active-cta { background:var(--cu-dark); }

/* ── 7-Step Process Grid ── */
.plfr-process-grid { display:grid; grid-template-columns:repeat(7,1fr); gap:0; align-items:start; }
.plfr-step { background:var(--cu-white); border:1px solid var(--cu-border); border-radius:12px; padding:22px 16px; text-align:center; transition:all 0.22s; }
.plfr-step:hover { border-color:var(--cu-red); box-shadow:0 6px 20px rgba(192,64,54,0.10); transform:translateY(-2px); }
.plfr-step--highlight { background:var(--cu-red); border-color:var(--cu-red); }
.plfr-step--highlight .plfr-step-num,
.plfr-step--highlight .plfr-step-title,
.plfr-step--highlight .plfr-step-desc { color:#fff; }
.plfr-step--highlight .plfr-step-tag { background:rgba(255,255,255,0.2); color:#fff; border-color:rgba(255,255,255,0.3); }
.plfr-step-num { font-family:var(--font-head); font-weight:900; font-size:11px; color:var(--cu-red); letter-spacing:1px; margin-bottom:8px; }
.plfr-step--highlight .plfr-step-num { color:rgba(255,255,255,0.6); }
.plfr-step-icon { font-size:26px; margin-bottom:8px; }
.plfr-step-title { font-family:var(--font-head); font-weight:800; font-size:13px; color:var(--cu-dark); margin-bottom:8px; line-height:1.3; }
.plfr-step-desc { font-size:11px; color:var(--cu-grey); line-height:1.55; margin-bottom:10px; }
.plfr-step-desc a { color:var(--cu-red); text-decoration:none; }
.plfr-step-tag { display:inline-block; background:rgba(192,64,54,0.07); color:var(--cu-red); border:1px solid rgba(192,64,54,0.15); font-size:10px; font-weight:700; font-family:var(--font-head); padding:3px 8px; border-radius:4px; }
.plfr-step-arrow { display:flex; align-items:center; justify-content:center; color:var(--cu-lgrey); font-size:20px; padding:0 2px; margin-top:40px; }
.plfr-step-arrow--wrap { display:none; }

/* ── JAF Layout ── */
.plfr-jaf-layout { display:grid; grid-template-columns:1.5fr 1fr; gap:40px; align-items:start; }
.plfr-jaf-form { background:var(--cu-white); border:1px solid var(--cu-border); border-radius:14px; padding:32px; }
.plfr-jf-title { font-family:var(--font-head); font-weight:900; font-size:20px; color:var(--cu-dark); margin-bottom:6px; }
.plfr-jf-sub { font-size:13px; color:var(--cu-grey); margin-bottom:24px; }
.plfr-jf-section-head { font-family:var(--font-head); font-weight:800; font-size:13px; color:var(--cu-red); text-transform:uppercase; letter-spacing:0.8px; margin-bottom:14px; padding-bottom:8px; border-bottom:2px solid rgba(192,64,54,0.15); }
.plfr-jf-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:16px; }
.plfr-jf-field { display:flex; flex-direction:column; gap:6px; margin-bottom:16px; }
.plfr-jf-field label { font-size:12px; font-weight:700; font-family:var(--font-head); color:var(--cu-dark); }
.plfr-jf-field label span { color:var(--cu-red); }
.plfr-jf-field input,
.plfr-jf-field select,
.plfr-jf-field textarea { border:1.5px solid var(--cu-border); border-radius:8px; padding:10px 14px; font-size:13px; font-family:var(--font-body); color:var(--cu-dark); background:var(--cu-white); transition:border-color 0.2s; width:100%; box-sizing:border-box; }
.plfr-jf-field input:focus,
.plfr-jf-field select:focus,
.plfr-jf-field textarea:focus { outline:none; border-color:var(--cu-red); box-shadow:0 0 0 3px rgba(192,64,54,0.08); }
.plfr-jf-field textarea { resize:vertical; min-height:90px; }
.plfr-jf-radio-row { display:flex; gap:20px; align-items:center; }
.plfr-jf-radio { display:flex; align-items:center; gap:8px; font-size:13px; color:var(--cu-dark); cursor:pointer; }
.plfr-jf-radio input[type="radio"] { width:16px; height:16px; accent-color:var(--cu-red); }
.plfr-jf-submit { width:100%; background:var(--cu-red); color:#fff; border:none; border-radius:8px; padding:14px; font-size:14px; font-weight:700; font-family:var(--font-head); cursor:pointer; transition:all 0.22s; margin-top:8px; }
.plfr-jf-submit:hover { background:var(--cu-red2); box-shadow:0 6px 20px rgba(192,64,54,0.35); transform:translateY(-1px); }
.plfr-jf-note { font-size:12px; color:var(--cu-grey); margin-top:12px; line-height:1.55; text-align:center; }
.plfr-jf-note a { color:var(--cu-red); }

/* ── JAF Sidebar cards ── */
.plfr-jaf-sidebar { display:flex; flex-direction:column; gap:16px; }
.plfr-js-card { background:var(--cu-white); border:1px solid var(--cu-border); border-radius:12px; padding:22px; }
.plfr-js--contact { border-top:4px solid var(--cu-red); }
.plfr-js--dark { background:var(--cu-dark); border-color:var(--cu-dark); }
.plfr-js-head { font-family:var(--font-head); font-weight:800; font-size:14px; color:var(--cu-dark); margin-bottom:14px; }
.plfr-js-contact-item { display:flex; align-items:flex-start; gap:12px; margin-bottom:14px; }
.plfr-js-ci-icon { font-size:16px; flex-shrink:0; margin-top:2px; }
.plfr-js-ci-label { font-size:10px; font-weight:700; font-family:var(--font-head); color:var(--cu-grey); text-transform:uppercase; letter-spacing:0.5px; margin-bottom:2px; }
.plfr-js-ci-val { font-size:13px; font-weight:700; font-family:var(--font-head); color:var(--cu-dark); line-height:1.4; text-decoration:none; }
a.plfr-js-ci-val:hover { color:var(--cu-red); }
.plfr-js-window { display:flex; justify-content:space-between; align-items:center; padding:10px 0; border-bottom:1px solid var(--cu-border); }
.plfr-js-window:last-child { border-bottom:none; }
.plfr-jsw-label { font-size:12px; font-weight:700; font-family:var(--font-head); color:var(--cu-dark); }
.plfr-jsw-dates { font-size:12px; color:var(--cu-red); font-family:var(--font-head); font-weight:700; }
.plfr-js-event-list { display:flex; flex-direction:column; gap:10px; margin-bottom:14px; }
.plfr-jse-item { display:flex; align-items:center; gap:12px; }
.plfr-jse-month { background:var(--cu-red); color:#fff; font-size:10px; font-weight:700; font-family:var(--font-head); padding:3px 8px; border-radius:4px; white-space:nowrap; flex-shrink:0; }
.plfr-jse-name { font-size:12px; color:var(--cu-dark); font-family:var(--font-head); font-weight:600; line-height:1.3; }
.plfr-js-link { font-size:12px; font-weight:700; font-family:var(--font-head); color:var(--cu-red); text-decoration:none; }
.plfr-js-trust-list { display:flex; justify-content:space-between; gap:8px; }
.plfr-jst-item { text-align:center; }
.plfr-jst-val { font-family:var(--font-head); font-weight:900; font-size:22px; color:var(--cu-gold); line-height:1; }
.plfr-jst-val span { font-size:14px; }
.plfr-jst-lbl { font-size:10px; color:rgba(255,255,255,0.55); font-family:var(--font-head); font-weight:600; margin-top:4px; line-height:1.3; }

/* ── USP Table ── */
.plfr-usp-table-wrap { overflow-x:auto; }
.plfr-usp-table { width:100%; border-collapse:collapse; border-radius:12px; overflow:hidden; font-size:14px; }
.plfr-usp-table thead tr { background:var(--cu-dark); color:#fff; }
.plfr-usp-table thead th { padding:14px 20px; text-align:left; font-family:var(--font-head); font-weight:700; font-size:12px; letter-spacing:0.5px; text-transform:uppercase; }
.plfr-usp-table tbody tr { border-bottom:1px solid var(--cu-border); transition:background 0.15s; }
.plfr-usp-table tbody tr:hover { background:rgba(192,64,54,0.04); }
.plfr-usp-table tbody tr:nth-child(even) { background:var(--cu-off); }
.plfr-usp-table tbody tr:nth-child(even):hover { background:rgba(192,64,54,0.04); }
.plfr-ut-num { padding:14px 20px; font-family:var(--font-head); font-weight:900; font-size:18px; color:rgba(192,64,54,0.2); text-align:center; white-space:nowrap; }
.plfr-ut-usp { padding:14px 20px; font-family:var(--font-head); font-weight:800; font-size:13px; color:var(--cu-dark); white-space:nowrap; }
.plfr-ut-benefit { padding:14px 20px; font-size:13px; color:var(--cu-grey); line-height:1.55; }

/* ── Ways to Partner Grid ── */
.plfr-ways-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.plfr-way-card { background:var(--cu-white); border:1px solid var(--cu-border); border-radius:12px; padding:24px 20px; text-decoration:none; display:flex; flex-direction:column; gap:8px; transition:all 0.22s; }
.plfr-way-card:hover { border-color:var(--cu-red); box-shadow:0 6px 24px rgba(192,64,54,0.12); transform:translateY(-3px); }
.plfr-way-card--highlight { background:var(--cu-red); border-color:var(--cu-red); }
.plfr-way-card--highlight .plfr-wc-title,
.plfr-way-card--highlight .plfr-wc-desc,
.plfr-way-card--highlight .plfr-wc-link { color:#fff; }
.plfr-wc-icon { font-size:26px; }
.plfr-wc-title { font-family:var(--font-head); font-weight:800; font-size:14px; color:var(--cu-dark); line-height:1.3; }
.plfr-wc-desc { font-size:12px; color:var(--cu-grey); line-height:1.55; flex:1; }
.plfr-wc-link { font-size:12px; font-weight:700; font-family:var(--font-head); color:var(--cu-red); margin-top:4px; }

/* ── Trust Row ── */
.plfr-trust-row { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-bottom:0; }
.plfr-trust-stat { background:var(--cu-white); border:1px solid var(--cu-border); border-radius:12px; padding:28px 24px; text-align:center; border-top:4px solid var(--cu-red); }
.plfr-ts-val { font-family:var(--font-head); font-weight:900; font-size:36px; color:var(--cu-red); line-height:1; margin-bottom:8px; }
.plfr-ts-val span { font-size:20px; }
.plfr-ts-lbl { font-size:13px; color:var(--cu-grey); line-height:1.4; font-family:var(--font-head); font-weight:600; }

/* ── Responsive ── */
@media (max-width:1100px) {
  .plfr-process-grid { grid-template-columns:repeat(4,1fr); gap:12px; }
  .plfr-step-arrow   { display:none; }
  .plfr-ways-grid    { grid-template-columns:repeat(2,1fr); }
  .plfr-trust-row    { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:900px) {
  .plfr-process-grid { grid-template-columns:repeat(3,1fr); }
  .plfr-jaf-layout   { grid-template-columns:1fr; }
  .plfr-jaf-sidebar  { display:grid; grid-template-columns:1fr 1fr; }
  .plfr-ways-grid    { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:600px) {
  .plfr-process-grid { grid-template-columns:1fr 1fr; }
  .plfr-jf-row       { grid-template-columns:1fr; }
  .plfr-jaf-sidebar  { grid-template-columns:1fr; }
  .plfr-ways-grid    { grid-template-columns:1fr; }
  .plfr-trust-row    { grid-template-columns:1fr 1fr; }
  .plfr-usp-table thead th:last-child,
  .plfr-usp-table tbody td:last-child { display:none; }
  .plfr-ut-usp       { white-space:normal; }
}

.ap-subnav { background:#f8f7f5; border-bottom:1px solid var(--cu-border); padding:0; }
.ap-subnav-inner { display:flex; gap:0; overflow-x:auto; }
.ap-subnav-item {
  display:flex; align-items:center;
  padding:14px 20px;
  font-size:13px; font-weight:700; font-family:var(--font-head);
  color:var(--cu-grey); white-space:nowrap;
  border-bottom:3px solid transparent;
  transition:all 0.2s;
}
.ap-subnav-item:hover { color:var(--cu-dark); border-bottom-color:var(--cu-red); }
.ap-subnav-item.active { color:var(--cu-red); border-bottom-color:var(--cu-red); background:rgba(192,64,54,0.05); }
.ap-scd-list { }
.ap-scd-item { display:flex; justify-content:space-between; align-items:center; padding:10px 0; border-bottom:1px solid var(--cu-border); font-size:14px; }
.ap-scd-item:last-child { border-bottom:none; }
.ap-scd-event { font-weight:600; color:var(--cu-dark); }
.ap-scd-date { color:var(--cu-red); font-weight:700; font-size:13px; }
/* ═══════════════════════════════════════════════════════════════
   ADMISSIONS — FEE STRUCTURE PAGE  (fee- prefix)
   ADMISSIONS — SCHOLARSHIP PAGE    (sch- prefix)
   Paste at the bottom of vgu.css
   ═══════════════════════════════════════════════════════════════ */

/* ─── FEE PAGE HERO ──────────────────────────────────────────── */
.fee-hero { position:relative; background:var(--cu-dark); padding:60px 0 48px; overflow:hidden; }
.fee-hero-bg { position:absolute; inset:0; background:radial-gradient(ellipse at 70% 50%, rgba(192,64,54,0.18) 0%, transparent 65%); pointer-events:none; }
.fee-hero-inner { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:start; position:relative; }
.fee-hero-tag { display:inline-flex; align-items:center; gap:8px; background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.12); border-radius:30px; padding:5px 14px; margin-bottom:16px; }
.fee-tag-dot { width:7px; height:7px; background:var(--cu-red); border-radius:50%; }
.fee-hero-tag span { font-size:12px; color:rgba(255,255,255,0.8); font-family:var(--font-head); font-weight:600; }
.fee-hero-left h1 { font-family:var(--font-head); font-weight:900; font-size:38px; color:#fff; line-height:1.1; margin-bottom:14px; }
.fee-hero-left h1 em { color:var(--cu-gold); font-style:normal; }
.fee-hero-left p { font-size:15px; color:rgba(255,255,255,0.7); line-height:1.7; margin-bottom:24px; }
.fee-hero-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-bottom:24px; }
.fee-hs-item { text-align:center; background:rgba(255,255,255,0.06); border-radius:8px; padding:14px 8px; }
.fee-hs-val { font-family:var(--font-head); font-weight:900; font-size:22px; color:var(--cu-gold); line-height:1; }
.fee-hs-val span { font-size:14px; }
.fee-hs-lbl { font-size:10px; color:rgba(255,255,255,0.55); margin-top:4px; font-family:var(--font-head); font-weight:600; text-transform:uppercase; letter-spacing:0.5px; }
.fee-hero-ctas { display:flex; gap:12px; flex-wrap:wrap; }

/* One-time charges card */
.fee-onetime-card { background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.1); border-radius:14px; padding:24px; }
.fee-oc-head { font-family:var(--font-head); font-weight:800; font-size:14px; color:#fff; margin-bottom:16px; text-transform:uppercase; letter-spacing:0.5px; }
.fee-oc-row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 0; border-bottom:1px solid rgba(255,255,255,0.07); }
.fee-oc-row:last-of-type { border-bottom:none; }
.fee-oc-label { font-size:12px; color:rgba(255,255,255,0.7); display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
.fee-oc-badge { font-size:9px; font-weight:700; font-family:var(--font-head); padding:2px 7px; border-radius:3px; white-space:nowrap; }
.fee-oc-badge--nr { background:rgba(192,64,54,0.25); color:#ff8a80; }
.fee-oc-badge--r { background:rgba(76,175,80,0.2); color:#81c784; }
.fee-oc-tag { font-size:9px; color:rgba(255,255,255,0.4); font-family:var(--font-head); font-weight:600; }
.fee-oc-val { font-family:var(--font-head); font-weight:900; font-size:14px; color:#fff; white-space:nowrap; }
.fee-oc-val--nr { color:var(--cu-gold); }
.fee-oc-divider { height:1px; background:rgba(255,255,255,0.12); margin:6px 0; }
.fee-oc-note { font-size:11px; color:rgba(255,255,255,0.45); margin-top:12px; line-height:1.5; }

/* ─── SCHEDULE BAR ─────────────────────────────────────────────*/
.fee-schedule-bar { background:var(--cu-red); padding:16px 0; }
.fee-sb-inner { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.fee-sb-item { display:flex; align-items:center; gap:10px; }
.fee-sb-icon { font-size:18px; }
.fee-sb-label { font-size:10px; color:rgba(255,255,255,0.75); font-family:var(--font-head); font-weight:700; text-transform:uppercase; letter-spacing:0.5px; }
.fee-sb-val { font-family:var(--font-head); font-weight:800; font-size:13px; color:#fff; }
.fee-sb-div { width:1px; height:28px; background:rgba(255,255,255,0.2); }

/* ─── FEE SECTION ──────────────────────────────────────────────*/
.fee-section { padding:64px 0; }
.fee-section--grey { background:var(--cu-off); }

/* Jump links */
.fee-jumps { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:40px; }
.fee-jump { display:inline-flex; align-items:center; gap:6px; background:var(--cu-white); border:1.5px solid var(--cu-border); border-radius:30px; padding:8px 16px; font-size:12px; font-weight:700; font-family:var(--font-head); color:var(--cu-grey); text-decoration:none; transition:all 0.18s; }
.fee-jump:hover { border-color:var(--cu-red); color:var(--cu-red); background:rgba(192,64,54,0.05); }

/* Program blocks */
.fee-program-block { margin-bottom:40px; }
.fee-pb-header { display:flex; align-items:center; gap:12px; margin-bottom:16px; padding-bottom:12px; border-bottom:2px solid var(--cu-red); }
.fee-pb-icon { font-size:24px; }
.fee-pb-title { font-family:var(--font-head); font-weight:900; font-size:18px; color:var(--cu-dark); }
.fee-pb-faculty { font-size:12px; color:var(--cu-grey); margin-left:auto; font-family:var(--font-head); font-weight:600; text-align:right; max-width:300px; line-height:1.3; }

/* Fee tables */
.fee-table-wrap { overflow-x:auto; }
.fee-table { width:100%; border-collapse:collapse; font-size:13px; }
.fee-table thead tr { background:var(--cu-dark); }
.fee-table thead th { padding:12px 16px; text-align:left; color:#fff; font-family:var(--font-head); font-weight:700; font-size:12px; text-transform:uppercase; letter-spacing:0.4px; white-space:nowrap; }
.fee-table tbody tr { border-bottom:1px solid var(--cu-border); transition:background 0.15s; }
.fee-table tbody tr:hover { background:rgba(192,64,54,0.04); }
.fee-table tbody td { padding:11px 16px; color:var(--cu-dark); line-height:1.4; }
.fee-tr-hi { background:var(--cu-off); }
.fee-td-red { color:var(--cu-red); font-family:var(--font-head); font-weight:800; }
.fee-note { display:flex; align-items:flex-start; gap:12px; border-radius:8px; padding:14px 16px; }
.fee-note--grey { background:var(--cu-off); border:1px solid var(--cu-border); }
.fee-note--info { background:rgba(33,150,243,0.07); border:1px solid rgba(33,150,243,0.2); }
.fee-note-icon { font-size:18px; flex-shrink:0; }
.fee-note-text { font-size:13px; color:var(--cu-grey); line-height:1.6; }
.fee-note-text strong { color:var(--cu-dark); }

/* Hostel cards */
.fee-hostel-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-bottom:24px; }
.fee-hostel-card { background:var(--cu-white); border:1px solid var(--cu-border); border-radius:14px; padding:28px 24px; text-align:center; border-top:4px solid var(--cu-border); transition:all 0.22s; position:relative; }
.fee-hostel-card:hover { box-shadow:0 6px 24px rgba(0,0,0,0.08); transform:translateY(-2px); }
.fee-hc--popular { border-top-color:var(--cu-red); }
.fee-hc--premium { border-top-color:var(--cu-gold); }
.fee-hc-badge { position:absolute; top:-12px; left:50%; transform:translateX(-50%); background:var(--cu-red); color:#fff; font-size:10px; font-weight:700; font-family:var(--font-head); padding:3px 12px; border-radius:20px; white-space:nowrap; }
.fee-hc-badge--gold { background:var(--cu-gold); color:var(--cu-dark); }
.fee-hc-type { font-family:var(--font-head); font-weight:800; font-size:16px; color:var(--cu-dark); margin-bottom:8px; }
.fee-hc-val { font-family:var(--font-head); font-weight:900; font-size:32px; color:var(--cu-red); line-height:1; margin-bottom:12px; }
.fee-hc-val span { font-size:16px; font-weight:700; color:var(--cu-grey); }
.fee-hc-desc { font-size:13px; color:var(--cu-grey); line-height:1.55; margin-bottom:14px; }
.fee-hc-features { display:flex; flex-wrap:wrap; justify-content:center; gap:6px; }
.fee-hc-features span { font-size:11px; font-family:var(--font-head); font-weight:600; color:var(--cu-grey); }
.fee-hostel-notes { display:flex; flex-direction:column; gap:8px; }
.fee-hn-item { display:flex; align-items:flex-start; gap:10px; }
.fee-hn-dot { width:6px; height:6px; background:var(--cu-red); border-radius:50%; flex-shrink:0; margin-top:6px; }
.fee-hn-item span { font-size:13px; color:var(--cu-grey); line-height:1.55; }

/* Transport */
.fee-transport-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.fee-tr-card { background:var(--cu-white); border:1px solid var(--cu-border); border-radius:12px; padding:24px; text-align:center; }
.fee-tr-icon { font-size:28px; margin-bottom:10px; }
.fee-tr-route { font-family:var(--font-head); font-weight:800; font-size:14px; color:var(--cu-dark); margin-bottom:8px; }
.fee-tr-val { font-family:var(--font-head); font-weight:900; font-size:20px; color:var(--cu-red); margin-bottom:8px; }
.fee-tr-note { font-size:12px; color:var(--cu-grey); line-height:1.5; }

/* Minor programs */
.fee-minor-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:14px; }
.fee-minor-card { background:var(--cu-white); border:1px solid var(--cu-border); border-radius:10px; padding:18px 14px; text-align:center; transition:all 0.2s; }
.fee-minor-card:hover { border-color:var(--cu-red); box-shadow:0 4px 14px rgba(192,64,54,0.10); transform:translateY(-2px); }
.fee-mc-name { font-family:var(--font-head); font-weight:700; font-size:12px; color:var(--cu-dark); margin-bottom:8px; line-height:1.3; }
.fee-mc-val { font-family:var(--font-head); font-weight:900; font-size:18px; color:var(--cu-red); margin-bottom:4px; }
.fee-mc-dur { font-size:10px; color:var(--cu-grey); font-family:var(--font-head); font-weight:600; }

/* Policy cards */
.fee-policy-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.fee-policy-card { background:var(--cu-white); border:1px solid var(--cu-border); border-radius:12px; padding:22px; }
.fee-pc-icon { font-size:24px; margin-bottom:10px; }
.fee-pc-title { font-family:var(--font-head); font-weight:800; font-size:14px; color:var(--cu-dark); margin-bottom:12px; }
.fee-pc-list { display:flex; flex-direction:column; gap:8px; }
.fee-pcl-item { font-size:12px; color:var(--cu-grey); line-height:1.55; padding-left:12px; border-left:2px solid var(--cu-border); }

/* ─── SCHOLARSHIP PAGE HERO ───────────────────────────────────── */
.sch-hero { position:relative; background:var(--cu-dark); padding:60px 0 48px; overflow:hidden; }
.sch-hero-bg { position:absolute; inset:0; background:radial-gradient(ellipse at 30% 50%, rgba(255,164,18,0.12) 0%, rgba(192,64,54,0.15) 40%, transparent 70%); pointer-events:none; }
.sch-hero-inner { display:grid; grid-template-columns:1.2fr 1fr; gap:48px; align-items:start; position:relative; }
.sch-hero-tag { display:inline-flex; align-items:center; gap:8px; background:rgba(255,164,18,0.12); border:1px solid rgba(255,164,18,0.2); border-radius:30px; padding:5px 14px; margin-bottom:16px; }
.sch-tag-dot { width:7px; height:7px; background:var(--cu-gold); border-radius:50%; }
.sch-hero-tag span { font-size:12px; color:rgba(255,255,255,0.8); font-family:var(--font-head); font-weight:600; }
.sch-hero-content h1 { font-family:var(--font-head); font-weight:900; font-size:42px; color:#fff; line-height:1.1; margin-bottom:14px; }
.sch-hero-content h1 em { color:var(--cu-gold); font-style:normal; }
.sch-hero-content p { font-size:15px; color:rgba(255,255,255,0.7); line-height:1.7; margin-bottom:24px; }
.sch-hero-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-bottom:24px; }
.sch-hs-item { text-align:center; background:rgba(255,255,255,0.06); border-radius:8px; padding:14px 8px; }
.sch-hs-val { font-family:var(--font-head); font-weight:900; font-size:22px; color:var(--cu-gold); line-height:1; }
.sch-hs-val span { font-size:14px; }
.sch-hs-lbl { font-size:10px; color:rgba(255,255,255,0.55); margin-top:4px; font-family:var(--font-head); font-weight:600; text-transform:uppercase; letter-spacing:0.5px; }
.sch-hero-ctas { display:flex; gap:12px; flex-wrap:wrap; }
.sch-hero-key-rules { background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.1); border-radius:14px; padding:22px; }
.sch-kr-head { font-family:var(--font-head); font-weight:800; font-size:13px; color:rgba(255,255,255,0.6); text-transform:uppercase; letter-spacing:0.8px; margin-bottom:14px; }
.sch-kr-item { display:flex; align-items:flex-start; gap:10px; margin-bottom:10px; }
.sch-kr-dot { width:6px; height:6px; background:var(--cu-gold); border-radius:50%; flex-shrink:0; margin-top:6px; }
.sch-kr-item span { font-size:12px; color:rgba(255,255,255,0.65); line-height:1.5; }
.sch-kr-item strong { color:#fff; }

/* ─── SCH SECTIONS ─────────────────────────────────────────────*/
.sch-section { padding:64px 0; }
.sch-section--grey { background:var(--cu-off); }

/* Exam blocks */
.sch-exam-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.sch-exam-block { background:var(--cu-white); border:1px solid var(--cu-border); border-radius:14px; overflow:hidden; }
.sch-eb-header { display:flex; align-items:center; gap:12px; padding:20px 24px; background:var(--cu-dark); }
.sch-eb-icon { font-size:22px; }
.sch-eb-title { font-family:var(--font-head); font-weight:900; font-size:16px; color:#fff; }
.sch-eb-sub { font-size:11px; color:rgba(255,255,255,0.55); font-family:var(--font-head); font-weight:600; margin-left:auto; text-align:right; }
.sch-table { width:100%; border-collapse:collapse; font-size:13px; }
.sch-table thead tr { background:rgba(192,64,54,0.08); }
.sch-table thead th { padding:11px 20px; text-align:left; font-family:var(--font-head); font-weight:700; font-size:11px; text-transform:uppercase; letter-spacing:0.4px; color:var(--cu-red); }
.sch-table tbody tr { border-bottom:1px solid var(--cu-border); transition:background 0.15s; }
.sch-table tbody tr:hover { background:rgba(192,64,54,0.04); }
.sch-table tbody td { padding:12px 20px; color:var(--cu-dark); }
.sch-tr-gold { background:rgba(255,164,18,0.06); }
.sch-tr-hi { background:var(--cu-off); }
.sch-td-pct { font-family:var(--font-head); font-weight:900; font-size:15px; }
.sch-pct--gold { color:var(--cu-gold); }
.sch-pct--red { color:var(--cu-red); }
.sch-eb-note { padding:14px 20px; background:rgba(192,64,54,0.04); border-top:1px solid var(--cu-border); font-size:12px; color:var(--cu-grey); line-height:1.6; display:flex; gap:8px; }
.sch-eb-note strong { color:var(--cu-dark); }

/* Merit cards */
.sch-merit-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.sch-merit-card { background:var(--cu-white); border:1px solid var(--cu-border); border-radius:12px; padding:24px; border-top:4px solid var(--cu-border); transition:all 0.22s; }
.sch-merit-card:hover { border-top-color:var(--cu-red); box-shadow:0 6px 20px rgba(0,0,0,0.07); transform:translateY(-2px); }
.sch-mc--gold { border-top-color:var(--cu-gold); }
.sch-mc--spot { border-top-color:var(--cu-dark); }
.sch-mc-pct { font-family:var(--font-head); font-weight:900; font-size:32px; color:var(--cu-red); line-height:1; margin-bottom:8px; }
.sch-mc--gold .sch-mc-pct { color:var(--cu-gold); }
.sch-mc--spot .sch-mc-pct { font-size:18px; color:var(--cu-dark); }
.sch-pct--interview { font-size:14px; color:var(--cu-dark); }
.sch-mc-title { font-family:var(--font-head); font-weight:800; font-size:14px; color:var(--cu-dark); margin-bottom:10px; line-height:1.3; }
.sch-mc-desc { font-size:12px; color:var(--cu-grey); line-height:1.6; }

/* Special cards */
.sch-special-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.sch-sp-card { background:var(--cu-white); border:1px solid var(--cu-border); border-radius:14px; padding:24px; transition:all 0.22s; }
.sch-sp-card:hover { box-shadow:0 6px 24px rgba(0,0,0,0.09); transform:translateY(-2px); }
.sch-sp--highlight { border-color:var(--cu-gold); background:rgba(255,164,18,0.04); }
.sch-sp-top { display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:12px; }
.sch-sp-icon { font-size:32px; }
.sch-sp-pct-wrap { text-align:right; }
.sch-sp-pct { font-family:var(--font-head); font-weight:900; font-size:30px; color:var(--cu-red); line-height:1; }
.sch-sp--highlight .sch-sp-pct { color:var(--cu-gold); }
.sch-sp-pct-sub { font-size:10px; color:var(--cu-grey); font-family:var(--font-head); font-weight:600; }
.sch-sp-title { font-family:var(--font-head); font-weight:800; font-size:14px; color:var(--cu-dark); margin-bottom:8px; line-height:1.3; }
.sch-sp-desc { font-size:12px; color:var(--cu-grey); line-height:1.6; margin-bottom:14px; }
.sch-sp-breakdown { display:flex; gap:16px; margin-bottom:14px; padding:12px 0; border-top:1px solid var(--cu-border); border-bottom:1px solid var(--cu-border); }
.sch-spb-item { text-align:center; flex:1; }
.sch-spb-val { font-family:var(--font-head); font-weight:900; font-size:20px; color:var(--cu-red); }
.sch-spb-lbl { font-size:10px; color:var(--cu-grey); font-family:var(--font-head); font-weight:600; margin-top:2px; }
.sch-sp-req { font-size:11px; color:var(--cu-grey); line-height:1.55; padding:10px 12px; background:var(--cu-off); border-radius:6px; }

/* Compare table */
.sch-compare-wrap { overflow-x:auto; }
.sch-compare-table { width:100%; border-collapse:collapse; font-size:13px; }
.sch-compare-table thead tr { background:var(--cu-dark); }
.sch-compare-table thead th { padding:13px 20px; text-align:left; color:#fff; font-family:var(--font-head); font-weight:700; font-size:12px; text-transform:uppercase; letter-spacing:0.4px; }
.sch-compare-table tbody tr { border-bottom:1px solid var(--cu-border); transition:background 0.15s; }
.sch-compare-table tbody tr:hover { background:rgba(192,64,54,0.04); }
.sch-compare-table tbody td { padding:11px 20px; color:var(--cu-dark); }
.sch-ct-gold { background:rgba(255,164,18,0.07); }
.sch-pct-cell { font-family:var(--font-head); font-weight:900; font-size:15px; color:var(--cu-dark); white-space:nowrap; }

/* Renewal */
.sch-renewal-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-bottom:28px; }
.sch-rn-card { background:var(--cu-white); border:1px solid var(--cu-border); border-radius:12px; padding:24px; border-left:4px solid var(--cu-border); }
.sch-rn--pass { border-left-color:var(--cu-red); }
.sch-rn-icon { font-size:24px; margin-bottom:10px; }
.sch-rn-title { font-family:var(--font-head); font-weight:800; font-size:14px; color:var(--cu-dark); margin-bottom:8px; }
.sch-rn-desc { font-size:12px; color:var(--cu-grey); line-height:1.6; }
.sch-even-note { display:flex; align-items:flex-start; gap:16px; background:rgba(192,64,54,0.06); border:1px solid rgba(192,64,54,0.18); border-radius:12px; padding:20px 24px; }
.sch-en-icon { font-size:24px; flex-shrink:0; }
.sch-en-title { font-family:var(--font-head); font-weight:800; font-size:14px; color:var(--cu-red); margin-bottom:6px; }
.sch-en-desc { font-size:13px; color:var(--cu-grey); line-height:1.65; }

/* How to apply steps */
.sch-steps-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:0; align-items:start; margin-bottom:36px; }
.sch-step { background:var(--cu-white); border:1px solid var(--cu-border); border-radius:12px; padding:20px 14px; text-align:center; transition:all 0.22s; }
.sch-step:hover { border-color:var(--cu-red); box-shadow:0 4px 16px rgba(192,64,54,0.10); }
.sch-step--highlight { background:var(--cu-red); border-color:var(--cu-red); }
.sch-step--highlight .sch-step-num { color:rgba(255,255,255,0.5); }
.sch-step--highlight .sch-step-title,
.sch-step--highlight .sch-step-desc { color:#fff; }
.sch-step-num { font-family:var(--font-head); font-weight:900; font-size:11px; color:var(--cu-red); letter-spacing:1px; margin-bottom:8px; }
.sch-step-icon { font-size:24px; margin-bottom:8px; }
.sch-step-title { font-family:var(--font-head); font-weight:800; font-size:12px; color:var(--cu-dark); margin-bottom:8px; line-height:1.3; }
.sch-step-desc { font-size:11px; color:var(--cu-grey); line-height:1.55; }
.sch-step-arrow { display:flex; align-items:center; justify-content:center; color:var(--cu-lgrey); font-size:20px; margin-top:32px; }
.sch-contact-strip { display:flex; align-items:center; justify-content:space-between; gap:24px; background:var(--cu-dark); border-radius:12px; padding:24px 28px; flex-wrap:wrap; }
.sch-cs-text strong { display:block; font-family:var(--font-head); font-weight:800; font-size:15px; color:#fff; margin-bottom:4px; }
.sch-cs-text span { font-size:13px; color:rgba(255,255,255,0.6); }
.sch-cs-actions { display:flex; gap:12px; flex-wrap:wrap; }

/* ─── RESPONSIVE ───────────────────────────────────────────────*/
@media (max-width:1100px) {
  .fee-minor-grid      { grid-template-columns:repeat(4,1fr); }
  .fee-policy-grid     { grid-template-columns:repeat(2,1fr); }
  .sch-special-grid    { grid-template-columns:repeat(2,1fr); }
  .sch-steps-grid      { grid-template-columns:repeat(3,1fr); }
  .sch-step-arrow      { display:none; }
}
@media (max-width:900px) {
  .fee-hero-inner      { grid-template-columns:1fr; }
  .fee-hero-stats      { grid-template-columns:repeat(2,1fr); }
  .fee-hostel-grid     { grid-template-columns:1fr; }
  .fee-transport-grid  { grid-template-columns:1fr; }
  .fee-minor-grid      { grid-template-columns:repeat(3,1fr); }
  .fee-sb-inner        { justify-content:center; gap:16px 28px; }
  .fee-sb-div          { display:none; }
  .fee-pb-faculty      { display:none; }
  .sch-hero-inner      { grid-template-columns:1fr; }
  .sch-hero-stats      { grid-template-columns:repeat(2,1fr); }
  .sch-exam-grid       { grid-template-columns:1fr; }
  .sch-merit-grid      { grid-template-columns:repeat(2,1fr); }
  .sch-special-grid    { grid-template-columns:1fr; }
  .sch-renewal-grid    { grid-template-columns:repeat(2,1fr); }
  .sch-steps-grid      { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:600px) {
  .fee-hero-left h1    { font-size:28px; }
  .fee-hero-stats      { grid-template-columns:1fr 1fr; }
  .fee-minor-grid      { grid-template-columns:1fr 1fr; }
  .fee-policy-grid     { grid-template-columns:1fr; }
  .fee-jumps           { gap:6px; }
  .fee-jump            { font-size:11px; padding:6px 12px; }
  .sch-hero-content h1 { font-size:30px; }
  .sch-merit-grid      { grid-template-columns:1fr; }
  .sch-renewal-grid    { grid-template-columns:1fr; }
  .sch-steps-grid      { grid-template-columns:1fr; }
  .sch-contact-strip   { flex-direction:column; align-items:flex-start; }
  .fee-table thead th:nth-child(2),
  .fee-table tbody td:nth-child(2) { display:none; }
}
/* ═══════════════════════════════════════════════════════════════
   CAMPUS LIFE — ALL 7 PAGES  (cl- prefix)
   Paste at the bottom of vgu.css
   ═══════════════════════════════════════════════════════════════ */

/* ── HERO ─────────────────────────────────────────────────────── */
.cl-hero { position:relative; background:var(--cu-dark); padding:60px 0 48px; overflow:hidden; }
.cl-hero-bg { position:absolute; inset:0; background:radial-gradient(ellipse at 70% 50%, rgba(192,64,54,0.18) 0%, transparent 65%); pointer-events:none; }
.cl-hero-inner { display:grid; grid-template-columns:1.1fr 1fr; gap:48px; align-items:start; position:relative; }
.cl-hero-tag { display:inline-flex; align-items:center; gap:8px; background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.12); border-radius:30px; padding:5px 14px; margin-bottom:16px; }
.cl-tag-dot { width:7px; height:7px; background:var(--cu-red); border-radius:50%; }
.cl-hero-tag span { font-size:12px; color:rgba(255,255,255,0.8); font-family:var(--font-head); font-weight:600; }
.cl-hero-left h1 { font-family:var(--font-head); font-weight:900; font-size:38px; color:#fff; line-height:1.1; margin-bottom:14px; }
.cl-hero-left h1 em { color:var(--cu-gold); font-style:normal; }
.cl-hero-left p { font-size:15px; color:rgba(255,255,255,0.7); line-height:1.7; margin-bottom:24px; }
.cl-hero-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:2px; background:rgba(255,255,255,0.07); border-radius:10px; overflow:hidden; margin-bottom:24px; }
.cl-hs-item { padding:14px 10px; text-align:center; }
.cl-hs-val { font-family:var(--font-head); font-weight:900; font-size:20px; color:var(--cu-gold); line-height:1; }
.cl-hs-val span { font-size:13px; }
.cl-hs-lbl { font-size:10px; color:rgba(255,255,255,0.55); margin-top:4px; font-family:var(--font-head); font-weight:600; text-transform:uppercase; letter-spacing:0.5px; }
.cl-hero-ctas { display:flex; gap:12px; flex-wrap:wrap; }

/* Hero right card */
.cl-hd-pillars { background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.1); border-radius:14px; padding:22px; }
.cl-hdp-head { font-family:var(--font-head); font-weight:800; font-size:13px; color:rgba(255,255,255,0.6); text-transform:uppercase; letter-spacing:0.8px; margin-bottom:14px; }
.cl-hdp-item { display:flex; align-items:flex-start; gap:12px; margin-bottom:12px; padding-bottom:12px; border-bottom:1px solid rgba(255,255,255,0.07); }
.cl-hdp-item:last-child { border-bottom:none; margin-bottom:0; padding-bottom:0; }
.cl-hdp-icon { font-size:18px; flex-shrink:0; margin-top:2px; }
.cl-hdp-text strong { display:block; font-family:var(--font-head); font-weight:800; font-size:13px; color:#fff; margin-bottom:2px; }
.cl-hdp-text span { font-size:12px; color:rgba(255,255,255,0.55); line-height:1.4; }

/* ── SUB-NAV ──────────────────────────────────────────────────── */
.cl-subnav-wrap { background:var(--cu-off); border-bottom:1px solid var(--cu-border); position:sticky; top:0; z-index:90; }
.cl-subnav { display:flex; gap:0; overflow-x:auto; }
.cl-subnav-item { display:flex; align-items:center; padding:14px 20px; font-size:13px; font-weight:700; font-family:var(--font-head); color:var(--cu-grey); white-space:nowrap; border-bottom:3px solid transparent; transition:all 0.2s; text-decoration:none; }
.cl-subnav-item:hover { color:var(--cu-dark); border-bottom-color:var(--cu-red); }
.cl-subnav-item.active { color:var(--cu-red); border-bottom-color:var(--cu-red); background:rgba(192,64,54,0.05); }

/* ── STATS BAR ────────────────────────────────────────────────── */
.cl-statsbar { background:var(--cu-red); padding:16px 0; }
.cl-sb-inner { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.cl-sb-item { text-align:center; }
.cl-sb-val { font-family:var(--font-head); font-weight:900; font-size:22px; color:#fff; line-height:1; }
.cl-sb-val span { font-size:14px; }
.cl-sb-lbl { font-size:10px; color:rgba(255,255,255,0.75); margin-top:3px; font-family:var(--font-head); font-weight:600; text-transform:uppercase; letter-spacing:0.4px; }
.cl-sb-div { width:1px; height:28px; background:rgba(255,255,255,0.2); }

/* ── SECTIONS ─────────────────────────────────────────────────── */
.cl-section { padding:64px 0; }
.cl-section--grey { background:var(--cu-off); }
.cl-cta-section { background:var(--cu-dark); padding:56px 0; }
.cl-cta-inner { display:flex; align-items:center; justify-content:space-between; gap:28px; flex-wrap:wrap; }
.cl-cta-text h2 { font-family:var(--font-head); font-weight:900; font-size:28px; color:#fff; line-height:1.2; margin-bottom:8px; }
.cl-cta-text h2 em { color:var(--cu-gold); font-style:normal; }
.cl-cta-text p { font-size:14px; color:rgba(255,255,255,0.65); }
.cl-cta-actions { display:flex; gap:12px; flex-wrap:wrap; }

/* ── HOLISTIC DEVELOPMENT ────────────────────────────────────── */
.cl-pillars-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.cl-pillar-card { background:var(--cu-white); border:1px solid var(--cu-border); border-radius:12px; padding:24px; text-decoration:none; border-top:4px solid var(--cu-border); transition:all 0.22s; display:flex; flex-direction:column; gap:8px; }
.cl-pillar-card:hover { border-top-color:var(--cu-red); box-shadow:0 6px 24px rgba(0,0,0,0.08); transform:translateY(-3px); }
.cl-pillar-card--highlight { border-top-color:var(--cu-red); background:rgba(192,64,54,0.04); }
.cl-pc-icon { font-size:28px; }
.cl-pc-title { font-family:var(--font-head); font-weight:800; font-size:15px; color:var(--cu-dark); }
.cl-pc-desc { font-size:13px; color:var(--cu-grey); line-height:1.6; flex:1; }
.cl-pc-link { font-size:12px; font-weight:700; font-family:var(--font-head); color:var(--cu-red); margin-top:4px; }
.cl-sports-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:14px; margin-bottom:28px; }
.cl-sport-card { background:var(--cu-white); border:1px solid var(--cu-border); border-radius:10px; padding:18px 14px; text-align:center; transition:all 0.2s; }
.cl-sport-card:hover { border-color:var(--cu-red); transform:translateY(-2px); }
.cl-sp-icon { font-size:28px; margin-bottom:8px; }
.cl-sp-name { font-family:var(--font-head); font-weight:700; font-size:12px; color:var(--cu-dark); }
.cl-sport-callout { display:flex; align-items:center; justify-content:center; gap:32px; background:var(--cu-dark); border-radius:12px; padding:24px; flex-wrap:wrap; }
.cl-sc-stat { text-align:center; }
.cl-sc-val { font-family:var(--font-head); font-weight:900; font-size:28px; color:var(--cu-gold); line-height:1; }
.cl-sc-lbl { font-size:11px; color:rgba(255,255,255,0.6); font-family:var(--font-head); font-weight:600; margin-top:4px; }
.cl-sc-div { width:1px; height:40px; background:rgba(255,255,255,0.12); }
.cl-wellness-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.cl-wl-card { background:var(--cu-white); border:1px solid var(--cu-border); border-radius:12px; padding:24px; }
.cl-wl-icon { font-size:28px; margin-bottom:10px; }
.cl-wl-title { font-family:var(--font-head); font-weight:800; font-size:14px; color:var(--cu-dark); margin-bottom:8px; }
.cl-wl-desc { font-size:13px; color:var(--cu-grey); line-height:1.6; }
.cl-explore-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.cl-explore-card { background:var(--cu-white); border:1px solid var(--cu-border); border-radius:12px; padding:22px; text-decoration:none; display:flex; flex-direction:column; gap:6px; transition:all 0.22s; }
.cl-explore-card:hover { border-color:var(--cu-red); box-shadow:0 4px 16px rgba(192,64,54,0.10); transform:translateY(-2px); }
.cl-explore-card--highlight { background:var(--cu-red); border-color:var(--cu-red); }
.cl-explore-card--highlight .cl-ec-title,.cl-explore-card--highlight .cl-ec-desc,.cl-explore-card--highlight .cl-ec-link { color:#fff; }
.cl-ec-icon { font-size:24px; }
.cl-ec-title { font-family:var(--font-head); font-weight:800; font-size:14px; color:var(--cu-dark); }
.cl-ec-desc { font-size:12px; color:var(--cu-grey); line-height:1.55; flex:1; }
.cl-ec-link { font-size:12px; font-weight:700; font-family:var(--font-head); color:var(--cu-red); }

/* ── HOSTELS ─────────────────────────────────────────────────── */
.cl-rooms-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-bottom:20px; }
.cl-room-card { background:var(--cu-white); border:1px solid var(--cu-border); border-radius:14px; padding:28px 22px; border-top:4px solid var(--cu-border); position:relative; transition:all 0.22s; }
.cl-room-card:hover { box-shadow:0 6px 24px rgba(0,0,0,0.08); transform:translateY(-2px); }
.cl-rc--popular { border-top-color:var(--cu-red); }
.cl-rc--premium { border-top-color:var(--cu-gold); }
.cl-rc-badge { position:absolute; top:-12px; left:50%; transform:translateX(-50%); font-size:10px; font-weight:700; font-family:var(--font-head); padding:3px 12px; border-radius:20px; white-space:nowrap; background:var(--cu-border); color:var(--cu-grey); }
.cl-rc-badge--red { background:var(--cu-red); color:#fff; }
.cl-rc-badge--gold { background:var(--cu-gold); color:var(--cu-dark); }
.cl-rc-type { font-family:var(--font-head); font-weight:800; font-size:17px; color:var(--cu-dark); margin-bottom:8px; text-align:center; }
.cl-rc-price { font-family:var(--font-head); font-weight:900; font-size:30px; color:var(--cu-red); text-align:center; margin-bottom:12px; }
.cl-rc-price span { font-size:16px; color:var(--cu-grey); font-weight:700; }
.cl-rc-desc { font-size:13px; color:var(--cu-grey); line-height:1.55; margin-bottom:16px; }
.cl-rc-features { display:grid; grid-template-columns:1fr 1fr; gap:6px; }
.cl-rcf-item { font-size:11px; font-family:var(--font-head); font-weight:600; color:var(--cu-grey); }
.cl-room-note { background:rgba(255,164,18,0.08); border:1px solid rgba(255,164,18,0.2); border-radius:8px; padding:14px 16px; font-size:13px; color:var(--cu-grey); line-height:1.6; }
.cl-dining-layout { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:start; }
.cl-dining-stats { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.cl-ds-card { border-radius:10px; padding:22px; text-align:center; }
.cl-ds--red  { background:var(--cu-red); color:#fff; }
.cl-ds--dark { background:var(--cu-dark); color:#fff; }
.cl-ds--gold { background:var(--cu-gold); color:var(--cu-dark); }
.cl-ds-val { font-family:var(--font-head); font-weight:900; font-size:30px; line-height:1; margin-bottom:6px; }
.cl-ds-val span { font-size:18px; }
.cl-ds-lbl { font-size:11px; opacity:0.8; font-family:var(--font-head); font-weight:600; line-height:1.3; }
.cl-df-item { display:flex; align-items:flex-start; gap:14px; margin-bottom:16px; }
.cl-df-icon { font-size:22px; flex-shrink:0; margin-top:2px; }
.cl-df-title { font-family:var(--font-head); font-weight:800; font-size:14px; color:var(--cu-dark); margin-bottom:4px; }
.cl-df-desc { font-size:13px; color:var(--cu-grey); line-height:1.6; }
.cl-facilities-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.cl-fac-card { background:var(--cu-white); border:1px solid var(--cu-border); border-radius:12px; padding:22px; transition:all 0.22s; }
.cl-fac-card:hover { border-color:var(--cu-red); box-shadow:0 4px 14px rgba(192,64,54,0.10); }
.cl-fac-icon { font-size:26px; margin-bottom:10px; }
.cl-fac-title { font-family:var(--font-head); font-weight:800; font-size:14px; color:var(--cu-dark); margin-bottom:8px; }
.cl-fac-desc { font-size:13px; color:var(--cu-grey); line-height:1.6; }

/* ── CLUBS ───────────────────────────────────────────────────── */
.cl-club-category { margin-bottom:48px; }
.cl-cc-head { display:flex; align-items:center; gap:10px; margin-bottom:18px; padding-bottom:12px; border-bottom:2px solid var(--cu-red); }
.cl-cc-icon { font-size:22px; }
.cl-cc-title { font-family:var(--font-head); font-weight:900; font-size:18px; color:var(--cu-dark); }
.cl-clubs-row { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.cl-club-card { background:var(--cu-white); border:1px solid var(--cu-border); border-radius:12px; padding:20px; border-left:4px solid var(--cu-border); transition:all 0.22s; }
.cl-club-card:hover { box-shadow:0 4px 16px rgba(0,0,0,0.08); transform:translateY(-2px); }
.cl-club--tech    { border-left-color:var(--cu-red); }
.cl-club--culture { border-left-color:var(--cu-gold); }
.cl-club--social  { border-left-color:#4caf50; }
.cl-club--national{ border-left-color:var(--cu-dark); }
.cl-cclub-icon { font-size:24px; margin-bottom:8px; }
.cl-cclub-name { font-family:var(--font-head); font-weight:800; font-size:13px; color:var(--cu-dark); margin-bottom:8px; line-height:1.3; }
.cl-cclub-desc { font-size:12px; color:var(--cu-grey); line-height:1.6; margin-bottom:10px; }
.cl-cclub-tags { display:flex; flex-wrap:wrap; gap:5px; }
.cl-cclub-tags span { background:var(--cu-off); border:1px solid var(--cu-border); border-radius:4px; padding:2px 8px; font-size:10px; font-family:var(--font-head); font-weight:600; color:var(--cu-grey); }
.cl-scholarship-note { display:flex; align-items:center; gap:16px; background:rgba(255,164,18,0.08); border:1px solid rgba(255,164,18,0.25); border-radius:12px; padding:20px 24px; margin-top:32px; flex-wrap:wrap; }
.cl-sn-icon { font-size:28px; flex-shrink:0; }
.cl-sn-content { flex:1; }
.cl-sn-title { font-family:var(--font-head); font-weight:800; font-size:14px; color:var(--cu-dark); margin-bottom:4px; }
.cl-sn-desc { font-size:13px; color:var(--cu-grey); line-height:1.55; }
.cl-sn-link { font-size:13px; font-weight:700; font-family:var(--font-head); color:var(--cu-red); white-space:nowrap; text-decoration:none; }
.cl-join-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:0; align-items:start; }
.cl-js-step { background:var(--cu-white); border:1px solid var(--cu-border); border-radius:12px; padding:22px 16px; text-align:center; }
.cl-js-step--highlight { background:var(--cu-red); border-color:var(--cu-red); }
.cl-js-step--highlight .cl-js-num,.cl-js-step--highlight .cl-js-title,.cl-js-step--highlight .cl-js-desc { color:#fff; }
.cl-js-num { font-family:var(--font-head); font-weight:900; font-size:11px; color:var(--cu-red); letter-spacing:1px; margin-bottom:8px; }
.cl-js-title { font-family:var(--font-head); font-weight:800; font-size:14px; color:var(--cu-dark); margin-bottom:6px; }
.cl-js-desc { font-size:12px; color:var(--cu-grey); line-height:1.55; }
.cl-js-arrow { display:flex; align-items:center; justify-content:center; color:var(--cu-lgrey); font-size:20px; margin-top:40px; }

/* ── NCC / NSS ───────────────────────────────────────────────── */
.cl-ncc-layout { display:flex; flex-direction:column; gap:32px; }
.cl-ncc-wings { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.cl-wing-card { border-radius:12px; padding:24px; color:#fff; }
.cl-wing--army { background:var(--cu-dark); }
.cl-wing--air  { background:var(--cu-red); }
.cl-wc-icon { font-size:32px; margin-bottom:10px; }
.cl-wc-title { font-family:var(--font-head); font-weight:900; font-size:18px; margin-bottom:4px; }
.cl-wc-unit { font-size:11px; opacity:0.65; font-family:var(--font-head); font-weight:600; margin-bottom:10px; }
.cl-wc-desc { font-size:13px; opacity:0.8; line-height:1.6; }
.cl-ncc-act-head { font-family:var(--font-head); font-weight:900; font-size:18px; color:var(--cu-dark); margin-bottom:16px; }
.cl-ncc-acts-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.cl-na-card { background:var(--cu-white); border:1px solid var(--cu-border); border-radius:10px; padding:18px; }
.cl-na-icon { font-size:24px; margin-bottom:8px; }
.cl-na-title { font-family:var(--font-head); font-weight:800; font-size:13px; color:var(--cu-dark); margin-bottom:6px; }
.cl-na-desc { font-size:12px; color:var(--cu-grey); line-height:1.55; }
.cl-ncc-achievements { background:rgba(192,64,54,0.05); border:1px solid rgba(192,64,54,0.15); border-radius:12px; padding:24px; }
.cl-ncc-ach-head { font-family:var(--font-head); font-weight:800; font-size:16px; color:var(--cu-red); margin-bottom:16px; }
.cl-ach-item { display:flex; align-items:flex-start; gap:12px; margin-bottom:12px; }
.cl-ach-icon { font-size:18px; flex-shrink:0; }
.cl-ach-text { font-size:13px; color:var(--cu-grey); line-height:1.55; }
.cl-nss-grid { display:grid; grid-template-columns:1fr 1fr; gap:32px; }
.cl-nss-stat-row { display:flex; gap:24px; margin-top:20px; }
.cl-nss-stat { text-align:center; }
.cl-nss-sv { font-family:var(--font-head); font-weight:900; font-size:26px; color:var(--cu-red); line-height:1; }
.cl-nss-sl { font-size:11px; color:var(--cu-grey); font-family:var(--font-head); font-weight:600; margin-top:4px; line-height:1.3; }
.cl-nss-act-title { font-family:var(--font-head); font-weight:800; font-size:15px; color:var(--cu-dark); margin-bottom:12px; }
.cl-nssa-item { display:flex; align-items:flex-start; gap:10px; margin-bottom:10px; }
.cl-nssa-icon { font-size:16px; flex-shrink:0; margin-top:2px; }
.cl-nssa-item span { font-size:13px; color:var(--cu-grey); line-height:1.5; }
.cl-scouts-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.cl-sc-feat { background:var(--cu-white); border:1px solid var(--cu-border); border-radius:12px; padding:22px; text-align:center; }
.cl-scf-icon { font-size:28px; margin-bottom:10px; }
.cl-scf-title { font-family:var(--font-head); font-weight:800; font-size:14px; color:var(--cu-dark); margin-bottom:8px; }
.cl-scf-desc { font-size:13px; color:var(--cu-grey); line-height:1.6; }

/* ── INCUBATION ─────────────────────────────────────────────── */
.cl-incubator-layout { display:grid; grid-template-columns:1fr 1.4fr; gap:40px; align-items:start; margin-bottom:32px; }
.cl-incubator-stats { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.cl-inc-stat { border-radius:10px; padding:22px 16px; text-align:center; }
.cl-inc--red  { background:var(--cu-red); color:#fff; }
.cl-inc--dark { background:var(--cu-dark); color:#fff; }
.cl-inc--gold { background:var(--cu-gold); color:var(--cu-dark); }
.cl-inc-val { font-family:var(--font-head); font-weight:900; font-size:26px; line-height:1; margin-bottom:6px; }
.cl-inc-val span { font-size:16px; }
.cl-inc-lbl { font-size:11px; opacity:0.8; font-family:var(--font-head); font-weight:600; line-height:1.35; }
.cl-if-head { font-family:var(--font-head); font-weight:800; font-size:16px; color:var(--cu-dark); margin-bottom:16px; }
.cl-inc-feat { display:flex; align-items:flex-start; gap:14px; margin-bottom:16px; }
.cl-incf-icon { font-size:22px; flex-shrink:0; margin-top:2px; }
.cl-incf-title { font-family:var(--font-head); font-weight:800; font-size:13px; color:var(--cu-dark); margin-bottom:4px; }
.cl-incf-desc { font-size:12px; color:var(--cu-grey); line-height:1.6; }
.cl-sectors { margin-top:24px; }
.cl-sec-head { font-family:var(--font-head); font-weight:800; font-size:15px; color:var(--cu-dark); margin-bottom:12px; }
.cl-sec-grid { display:flex; flex-wrap:wrap; gap:8px; }
.cl-sec-tag { background:var(--cu-white); border:1.5px solid var(--cu-border); border-radius:30px; padding:7px 16px; font-size:12px; font-weight:700; font-family:var(--font-head); color:var(--cu-dark); }
.cl-tbi-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.cl-tbi-card { background:var(--cu-white); border:1px solid var(--cu-border); border-radius:12px; padding:22px; }
.cl-tbi-icon { font-size:26px; margin-bottom:10px; }
.cl-tbi-title { font-family:var(--font-head); font-weight:800; font-size:14px; color:var(--cu-dark); margin-bottom:8px; }
.cl-tbi-desc { font-size:13px; color:var(--cu-grey); line-height:1.6; }
.cl-stories-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.cl-story-card { background:var(--cu-white); border:1px solid var(--cu-border); border-radius:12px; padding:22px; display:flex; flex-direction:column; gap:8px; border-top:4px solid var(--cu-border); }
.cl-story--highlight { border-top-color:var(--cu-red); background:rgba(192,64,54,0.04); }
.cl-stc-icon { font-size:28px; }
.cl-stc-startup { font-family:var(--font-head); font-weight:900; font-size:15px; color:var(--cu-dark); }
.cl-stc-founder { font-size:11px; color:var(--cu-red); font-family:var(--font-head); font-weight:700; text-transform:uppercase; letter-spacing:0.4px; }
.cl-stc-quote { font-size:13px; color:var(--cu-grey); line-height:1.65; flex:1; font-style:italic; }
.cl-stc-cta { font-size:13px; font-weight:700; font-family:var(--font-head); color:var(--cu-red); text-decoration:none; margin-top:4px; }

/* ── CREATIVITY ─────────────────────────────────────────────── */
.cl-design-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.cl-des-card { background:var(--cu-white); border:1px solid var(--cu-border); border-radius:12px; padding:22px; border-top:4px solid var(--cu-red); transition:all 0.22s; }
.cl-des-card:hover { box-shadow:0 4px 16px rgba(0,0,0,0.08); transform:translateY(-2px); }
.cl-des-icon { font-size:26px; margin-bottom:8px; }
.cl-des-title { font-family:var(--font-head); font-weight:800; font-size:14px; color:var(--cu-dark); margin-bottom:8px; }
.cl-des-desc { font-size:13px; color:var(--cu-grey); line-height:1.6; }
.cl-arts-layout { display:grid; grid-template-columns:1.2fr 1fr; gap:40px; }
.cl-art-item { display:flex; align-items:flex-start; gap:14px; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid var(--cu-border); }
.cl-art-item:last-child { border-bottom:none; }
.cl-art-icon { font-size:24px; flex-shrink:0; margin-top:2px; }
.cl-art-title { font-family:var(--font-head); font-weight:800; font-size:14px; color:var(--cu-dark); margin-bottom:6px; }
.cl-art-desc { font-size:13px; color:var(--cu-grey); line-height:1.6; }
.cl-ams-head { font-family:var(--font-head); font-weight:900; font-size:17px; color:var(--cu-dark); margin-bottom:12px; }
.cl-arts-media-stat p { font-size:13px; color:var(--cu-grey); line-height:1.65; margin-bottom:16px; }
.cl-ams-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.cl-ams-item { background:var(--cu-off); border:1px solid var(--cu-border); border-radius:8px; padding:14px; text-align:center; }
.cl-ams-icon { font-size:22px; margin-bottom:6px; }
.cl-ams-label { font-size:11px; font-family:var(--font-head); font-weight:700; color:var(--cu-dark); }
.cl-panache-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-bottom:28px; }
.cl-pan-stat { background:var(--cu-dark); border-radius:12px; padding:24px; text-align:center; }
.cl-pan-val { font-family:var(--font-head); font-weight:900; font-size:32px; color:var(--cu-gold); line-height:1; margin-bottom:6px; }
.cl-pan-val span { font-size:18px; }
.cl-pan-lbl { font-size:12px; color:rgba(255,255,255,0.65); font-family:var(--font-head); font-weight:600; }
.cl-pa-head { font-family:var(--font-head); font-weight:800; font-size:15px; color:var(--cu-dark); margin-bottom:12px; }
.cl-pa-list { display:flex; flex-direction:column; gap:8px; }
.cl-pa-item { display:flex; align-items:center; gap:10px; }
.cl-pa-icon { font-size:16px; flex-shrink:0; }
.cl-pa-item span { font-size:13px; color:var(--cu-grey); }
.cl-panache-artists { background:var(--cu-off); border:1px solid var(--cu-border); border-radius:12px; padding:22px; }

/* ── EVENTS ─────────────────────────────────────────────────── */
.cl-panache-feature { display:grid; grid-template-columns:1fr 1.4fr; gap:36px; align-items:start; }
.cl-pfs-card { border-radius:10px; padding:22px; text-align:center; }
.cl-pfs--red  { background:var(--cu-red); color:#fff; }
.cl-pfs--dark { background:var(--cu-dark); color:#fff; }
.cl-pfs--gold { background:var(--cu-gold); color:var(--cu-dark); }
.cl-pfs-val { font-family:var(--font-head); font-weight:900; font-size:28px; line-height:1; margin-bottom:6px; }
.cl-pfs-val span { font-size:16px; }
.cl-pfs-lbl { font-size:11px; opacity:0.8; font-family:var(--font-head); font-weight:600; line-height:1.3; }
.cl-pf-days { display:flex; flex-direction:column; gap:14px; margin-bottom:20px; }
.cl-pfd-item { background:var(--cu-white); border:1px solid var(--cu-border); border-radius:10px; padding:16px; border-left:4px solid var(--cu-border); }
.cl-pfd--highlight { border-left-color:var(--cu-red); }
.cl-pfd-day { font-size:10px; font-weight:700; font-family:var(--font-head); color:var(--cu-red); text-transform:uppercase; letter-spacing:1px; margin-bottom:4px; }
.cl-pfd-title { font-family:var(--font-head); font-weight:800; font-size:13px; color:var(--cu-dark); margin-bottom:4px; }
.cl-pfd-desc { font-size:12px; color:var(--cu-grey); line-height:1.55; }
.cl-pf-trophies { background:rgba(192,64,54,0.06); border:1px solid rgba(192,64,54,0.15); border-radius:10px; padding:16px; }
.cl-pft-head { font-family:var(--font-head); font-weight:800; font-size:13px; color:var(--cu-red); margin-bottom:10px; }
.cl-pft-list { display:flex; flex-wrap:wrap; gap:6px; }
.cl-pft-list span { background:var(--cu-white); border:1px solid rgba(192,64,54,0.2); border-radius:4px; padding:4px 10px; font-size:11px; font-family:var(--font-head); font-weight:600; color:var(--cu-dark); }
.cl-events-grid { display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.cl-ev-category { background:var(--cu-white); border:1px solid var(--cu-border); border-radius:14px; overflow:hidden; }
.cl-evc-head { display:flex; align-items:center; gap:10px; padding:16px 20px; background:var(--cu-dark); font-family:var(--font-head); font-weight:800; font-size:14px; color:#fff; }
.cl-evc-icon { font-size:18px; }
.cl-ev-list { padding:16px 20px; display:flex; flex-direction:column; gap:12px; }
.cl-ev-item { padding:12px; border:1px solid var(--cu-border); border-radius:8px; border-left:3px solid var(--cu-border); transition:all 0.2s; }
.cl-ev-item:hover { border-color:var(--cu-red); background:rgba(192,64,54,0.04); }
.cl-ev--featured { border-left-color:var(--cu-red); background:rgba(192,64,54,0.04); }
.cl-evi-name { font-family:var(--font-head); font-weight:800; font-size:13px; color:var(--cu-dark); margin-bottom:3px; }
.cl-evi-time { font-size:10px; font-weight:700; font-family:var(--font-head); color:var(--cu-red); text-transform:uppercase; letter-spacing:0.5px; margin-bottom:4px; }
.cl-evi-desc { font-size:12px; color:var(--cu-grey); line-height:1.5; }

/* ── RESPONSIVE ─────────────────────────────────────────────── */
@media (max-width:1100px) {
  .cl-clubs-row   { grid-template-columns:repeat(3,1fr); }
  .cl-tbi-grid    { grid-template-columns:repeat(2,1fr); }
  .cl-stories-grid { grid-template-columns:repeat(2,1fr); }
  .cl-panache-feature { grid-template-columns:1fr; }
  .cl-incubator-layout { grid-template-columns:1fr; }
}
@media (max-width:900px) {
  .cl-hero-inner  { grid-template-columns:1fr; }
  .cl-hero-stats  { grid-template-columns:repeat(2,1fr); }
  .cl-pillars-grid { grid-template-columns:repeat(2,1fr); }
  .cl-sports-grid { grid-template-columns:repeat(4,1fr); }
  .cl-wellness-grid { grid-template-columns:repeat(2,1fr); }
  .cl-explore-grid { grid-template-columns:repeat(2,1fr); }
  .cl-rooms-grid  { grid-template-columns:1fr; }
  .cl-dining-layout { grid-template-columns:1fr; }
  .cl-facilities-grid { grid-template-columns:repeat(2,1fr); }
  .cl-clubs-row   { grid-template-columns:repeat(2,1fr); }
  .cl-join-steps  { grid-template-columns:repeat(2,1fr); }
  .cl-js-arrow    { display:none; }
  .cl-ncc-wings   { grid-template-columns:1fr; }
  .cl-ncc-acts-grid { grid-template-columns:repeat(2,1fr); }
  .cl-nss-grid    { grid-template-columns:1fr; }
  .cl-scouts-grid { grid-template-columns:repeat(2,1fr); }
  .cl-incubator-stats { grid-template-columns:repeat(3,1fr); }
  .cl-design-grid { grid-template-columns:repeat(2,1fr); }
  .cl-arts-layout { grid-template-columns:1fr; }
  .cl-panache-grid { grid-template-columns:repeat(2,1fr); }
  .cl-events-grid { grid-template-columns:1fr; }
  .cl-sb-inner    { justify-content:center; gap:14px 28px; }
  .cl-sb-div      { display:none; }
}
@media (max-width:600px) {
  .cl-hero-left h1 { font-size:28px; }
  .cl-pillars-grid { grid-template-columns:1fr; }
  .cl-sports-grid { grid-template-columns:repeat(2,1fr); }
  .cl-wellness-grid { grid-template-columns:1fr; }
  .cl-explore-grid { grid-template-columns:1fr; }
  .cl-clubs-row   { grid-template-columns:1fr; }
  .cl-join-steps  { grid-template-columns:1fr; }
  .cl-ncc-acts-grid { grid-template-columns:1fr; }
  .cl-scouts-grid { grid-template-columns:1fr; }
  .cl-incubator-stats { grid-template-columns:1fr 1fr; }
  .cl-tbi-grid    { grid-template-columns:1fr; }
  .cl-stories-grid { grid-template-columns:1fr; }
  .cl-design-grid { grid-template-columns:1fr; }
  .cl-panache-grid { grid-template-columns:1fr 1fr; }
  .cl-pfs-card    { }
  .cl-dining-stats { grid-template-columns:1fr 1fr; }
  .cl-rooms-grid  { grid-template-columns:1fr; }
}

/* ═══════════════════════════════════════════════════════════════
   CAMPUS LIFE — IMAGE COMPONENTS (added)
   ═══════════════════════════════════════════════════════════════ */

/* ── Hero photo grid (2×2) ──────────────────────────────────── */
.cl-hero-photo-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; border-radius:14px; overflow:hidden; }
.cl-hpg-img { width:100%; height:160px; object-fit:cover; display:block; transition:transform 0.3s; }
.cl-hpg-img:hover { transform:scale(1.03); }

/* ── Hero single image with overlaid stats ──────────────────── */
.cl-hero-single-img { position:relative; border-radius:14px; overflow:hidden; }
.cl-hsi-img { width:100%; height:300px; object-fit:cover; display:block; }
.cl-hsi-stats { position:absolute; bottom:0; left:0; right:0; background:linear-gradient(to top,rgba(0,0,0,0.85),transparent); padding:16px; display:flex; justify-content:space-around; }
.cl-hsi-s { text-align:center; }
.cl-hsi-val { font-family:var(--font-head); font-weight:900; font-size:22px; color:var(--cu-gold); line-height:1; }
.cl-hsi-lbl { font-size:10px; color:rgba(255,255,255,0.7); font-family:var(--font-head); font-weight:600; margin-top:3px; }

/* ── Alternating pillar rows (image + content) ──────────────── */
.cl-pillar-row { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; margin-bottom:56px; }
.cl-pillar-row:last-child { margin-bottom:0; }
.cl-pr--reverse .cl-pr-image { order:2; }
.cl-pr--reverse .cl-pr-content { order:1; }
.cl-pr-image { position:relative; border-radius:14px; overflow:hidden; }
.cl-pr-img { width:100%; height:320px; object-fit:cover; display:block; }
.cl-pr-badge { position:absolute; bottom:12px; left:12px; background:var(--cu-red); color:#fff; font-family:var(--font-head); font-weight:700; font-size:11px; padding:5px 12px; border-radius:6px; }
.cl-pr-content { }
.cl-pr-num { font-size:32px; margin-bottom:8px; }
.cl-pr-title { font-family:var(--font-head); font-weight:900; font-size:24px; color:var(--cu-dark); margin-bottom:12px; line-height:1.2; }
.cl-pr-content p { font-size:14px; color:var(--cu-grey); line-height:1.75; margin-bottom:16px; }
.cl-pr-tags { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:14px; }
.cl-pr-tags span { background:var(--cu-off); border:1px solid var(--cu-border); border-radius:4px; padding:4px 10px; font-size:11px; font-family:var(--font-head); font-weight:600; color:var(--cu-dark); }
.cl-pr-link { font-size:13px; font-weight:700; font-family:var(--font-head); color:var(--cu-red); text-decoration:none; }

/* ── Gallery grid ───────────────────────────────────────────── */
.cl-gallery-grid { display:grid; grid-template-columns:repeat(3,1fr); grid-template-rows:200px 200px; gap:8px; border-radius:12px; overflow:hidden; }
.cl-gallery-img { width:100%; height:100%; object-fit:cover; display:block; transition:transform 0.3s; }
.cl-gallery-img:hover { transform:scale(1.04); }
.cl-gallery-img--tall { grid-row:span 2; }

/* ── Photo strip (horizontal row of 4) ─────────────────────── */
.cl-photo-strip { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; border-radius:10px; overflow:hidden; }
.cl-ps-img { width:100%; height:180px; object-fit:cover; display:block; transition:transform 0.3s; }
.cl-ps-img:hover { transform:scale(1.04); }

/* ── Explore cards with images ──────────────────────────────── */
.cl-explore-card { background:var(--cu-white); border:1px solid var(--cu-border); border-radius:12px; text-decoration:none; overflow:hidden; transition:all 0.22s; display:flex; flex-direction:column; }
.cl-explore-card:hover { box-shadow:0 6px 24px rgba(0,0,0,0.10); transform:translateY(-3px); }
.cl-explore-card--highlight { border-color:var(--cu-red); }
.cl-ec-img-wrap { overflow:hidden; height:140px; }
.cl-ec-img { width:100%; height:100%; object-fit:cover; display:block; transition:transform 0.3s; }
.cl-explore-card:hover .cl-ec-img { transform:scale(1.06); }
.cl-ec-body { padding:16px; display:flex; flex-direction:column; gap:6px; flex:1; }
.cl-ec-title { font-family:var(--font-head); font-weight:800; font-size:14px; color:var(--cu-dark); }
.cl-ec-desc { font-size:12px; color:var(--cu-grey); line-height:1.55; flex:1; }
.cl-ec-link { font-size:12px; font-weight:700; font-family:var(--font-head); color:var(--cu-red); }
.cl-explore-card--highlight .cl-ec-title,.cl-explore-card--highlight .cl-ec-link { color:var(--cu-red); }

/* ── Room cards with image header ───────────────────────────── */
.cl-rc-img-wrap { position:relative; height:160px; overflow:hidden; border-radius:10px 10px 0 0; }
.cl-rc-img { width:100%; height:100%; object-fit:cover; display:block; }
.cl-rc-img-label { position:absolute; bottom:8px; left:12px; background:rgba(0,0,0,0.65); color:#fff; font-size:11px; font-weight:700; font-family:var(--font-head); padding:3px 10px; border-radius:4px; }
.cl-rc-badge-top { position:absolute; top:-12px; left:50%; transform:translateX(-50%); font-size:10px; font-weight:700; font-family:var(--font-head); padding:3px 12px; border-radius:20px; white-space:nowrap; background:var(--cu-border); color:var(--cu-grey); }
.cl-rc--popular .cl-rc-badge-top,.cl-rc-badge--red { background:var(--cu-red); color:#fff; }
.cl-rc-body { padding:18px 18px 22px; }
.cl-rc-price { font-family:var(--font-head); font-weight:900; font-size:28px; color:var(--cu-dark); margin-bottom:10px; text-align:center; }
.cl-rc-price span { font-size:14px; color:var(--cu-grey); font-weight:700; }

/* ── Dining photo with overlay ──────────────────────────────── */
.cl-dining-photo { position:relative; border-radius:14px; overflow:hidden; }
.cl-dp-img { width:100%; height:100%; min-height:260px; object-fit:cover; display:block; }
.cl-dp-overlay { position:absolute; bottom:0; left:0; right:0; background:linear-gradient(to top,rgba(192,64,54,0.9),transparent); padding:20px 16px 16px; display:flex; justify-content:space-around; }
.cl-dp-stat { text-align:center; }
.cl-dp-v { display:block; font-family:var(--font-head); font-weight:900; font-size:26px; color:#fff; line-height:1; }
.cl-dp-v sup { font-size:16px; }
.cl-dp-l { font-size:10px; color:rgba(255,255,255,0.75); font-family:var(--font-head); font-weight:600; margin-top:4px; display:block; }

/* ── NCC achievement image grid ─────────────────────────────── */
.cl-ncc-ach-img-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.cl-nai-card { background:var(--cu-white); border:1px solid var(--cu-border); border-radius:12px; overflow:hidden; transition:all 0.22s; }
.cl-nai-card:hover { box-shadow:0 6px 20px rgba(0,0,0,0.09); transform:translateY(-2px); }
.cl-nai-img { width:100%; height:160px; object-fit:cover; display:block; }
.cl-nai-content { padding:14px 16px; }
.cl-nai-title { font-family:var(--font-head); font-weight:800; font-size:13px; color:var(--cu-dark); margin-bottom:6px; }
.cl-nai-desc { font-size:12px; color:var(--cu-grey); line-height:1.55; }
.cl-nss-act-row { display:flex; flex-direction:column; gap:8px; }
.cl-nss-act-row .cl-nssa-item { display:flex; align-items:flex-start; gap:10px; }
.cl-nss-act-row .cl-nssa-icon { font-size:16px; flex-shrink:0; }
.cl-nss-act-row .cl-nssa-item span { font-size:13px; color:var(--cu-grey); line-height:1.5; }

/* ── Incubation studio grid ─────────────────────────────────── */
.cl-studio-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.cl-studio-card { border-radius:10px; overflow:hidden; position:relative; }
.cl-studio-img { width:100%; height:160px; object-fit:cover; display:block; }
.cl-studio-label { position:absolute; bottom:0; left:0; right:0; background:linear-gradient(to top,rgba(0,0,0,0.75),transparent); color:#fff; font-family:var(--font-head); font-weight:700; font-size:12px; padding:16px 10px 8px; }

/* ── Startup quote list ─────────────────────────────────────── */
.cl-stories-quote-list { display:flex; flex-direction:column; gap:14px; margin-bottom:16px; }
.cl-sq-item { border-left:3px solid var(--cu-red); padding:10px 14px; background:var(--cu-off); border-radius:0 8px 8px 0; }
.cl-sq-startup { font-family:var(--font-head); font-weight:800; font-size:12px; color:var(--cu-red); margin-bottom:4px; }
.cl-sq-text { font-size:12px; color:var(--cu-grey); line-height:1.6; font-style:italic; }

/* ── Design streams ─────────────────────────────────────────── */
.cl-design-streams { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:14px; }
.cl-ds-item { display:flex; align-items:center; gap:8px; font-size:13px; color:var(--cu-dark); font-family:var(--font-head); font-weight:600; }
.cl-ds-icon { font-size:16px; }

/* ── Panache content ────────────────────────────────────────── */
.cl-pf-content { display:grid; grid-template-columns:1.4fr 1fr; gap:24px; align-items:start; }
.cl-pf-days { display:flex; flex-direction:column; gap:10px; }
.cl-pfd-item { background:var(--cu-white); border:1px solid var(--cu-border); border-radius:10px; padding:14px 16px; border-left:4px solid var(--cu-border); }
.cl-pfd--highlight { border-left-color:var(--cu-red); }
.cl-pfd-day { font-size:10px; font-weight:700; font-family:var(--font-head); color:var(--cu-red); text-transform:uppercase; letter-spacing:1px; margin-bottom:3px; }
.cl-pfd-title { font-family:var(--font-head); font-weight:800; font-size:13px; color:var(--cu-dark); margin-bottom:4px; }
.cl-pfd-desc { font-size:12px; color:var(--cu-grey); line-height:1.5; }
.cl-pf-trophies { background:rgba(192,64,54,0.06); border:1px solid rgba(192,64,54,0.15); border-radius:10px; padding:16px; }
.cl-pft-head { font-family:var(--font-head); font-weight:800; font-size:13px; color:var(--cu-red); margin-bottom:10px; }
.cl-pft-list { display:flex; flex-wrap:wrap; gap:6px; }
.cl-pft-list span { background:var(--cu-white); border:1px solid rgba(192,64,54,0.2); border-radius:4px; padding:4px 10px; font-size:11px; font-family:var(--font-head); font-weight:600; color:var(--cu-dark); }

/* ── Join steps ─────────────────────────────────────────────── */
.cl-js-icon { font-size:24px; margin-bottom:8px; }

/* ── RESPONSIVE (image-specific additions) ──────────────────── */
@media (max-width:1100px) {
  .cl-gallery-grid { grid-template-rows:180px 180px; }
  .cl-ncc-ach-img-grid { grid-template-columns:1fr 1fr; }
  .cl-studio-grid { grid-template-columns:repeat(2,1fr); }
  .cl-pf-content { grid-template-columns:1fr; }
}
@media (max-width:900px) {
  .cl-pillar-row { grid-template-columns:1fr; gap:24px; }
  .cl-pr--reverse .cl-pr-image { order:0; }
  .cl-pr--reverse .cl-pr-content { order:0; }
  .cl-hero-photo-grid { grid-template-columns:1fr 1fr; }
  .cl-hpg-img { height:130px; }
  .cl-hsi-img { height:240px; }
  .cl-gallery-grid { grid-template-columns:1fr 1fr; grid-template-rows:160px 160px 160px; }
  .cl-gallery-img--tall { grid-row:span 1; }
  .cl-photo-strip { grid-template-columns:repeat(2,1fr); }
  .cl-ps-img { height:150px; }
  .cl-explore-grid { grid-template-columns:repeat(2,1fr); }
  .cl-ncc-ach-img-grid { grid-template-columns:1fr; }
  .cl-studio-grid { grid-template-columns:repeat(3,1fr); }
}
@media (max-width:600px) {
  .cl-hero-photo-grid { grid-template-columns:1fr 1fr; }
  .cl-hpg-img { height:110px; }
  .cl-gallery-grid { grid-template-columns:1fr 1fr; grid-template-rows:130px 130px 130px; }
  .cl-photo-strip { grid-template-columns:1fr 1fr; }
  .cl-explore-grid { grid-template-columns:1fr; }
  .cl-studio-grid { grid-template-columns:1fr 1fr; }
  .cl-pr-img { height:220px; }
  .cl-rooms-grid { grid-template-columns:1fr; }
  .cl-design-streams { grid-template-columns:1fr; }
  .cl-pf-content { grid-template-columns:1fr; }
}
/* ═══════════════════════════════════════════════════════════════════
   CONFERENCE PAGES  (conf- prefix)
   Add this to the bottom of vgu.css
   Images and content are set directly in the PHP/HTML file.
   ═══════════════════════════════════════════════════════════════════ */

/* ── Hero ─────────────────────────────────────────────────────────── */
.conf-hero {
  position: relative;
  padding: 80px 0 64px;
  overflow: hidden;
}
.conf-hero-glow {
  position: absolute; inset: 0;
  background: linear-gradient(135deg, rgba(192,64,54,0.28) 0%, transparent 60%);
  pointer-events: none;
}
.conf-hero-inner { position: relative; text-align: center; }

.conf-hero-tag {
  display: inline-flex; align-items: center; gap: 8px;
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.20);
  border-radius: 30px; padding: 6px 18px; margin-bottom: 20px;
}
.conf-tag-dot {
  width: 8px; height: 8px; border-radius: 50%;
  background: var(--cu-gold);
  animation: confPulse 2s infinite;
}
@keyframes confPulse { 0%,100%{opacity:1} 50%{opacity:.4} }
.conf-hero-tag span {
  font-size: 12px; color: var(--cu-gold);
  font-family: var(--font-head); font-weight: 700;
  letter-spacing: .8px; text-transform: uppercase;
}

.conf-hero-h1 {
  font-family: var(--font-head); font-weight: 900;
  font-size: clamp(24px, 3.8vw, 48px);
  color: #fff; line-height: 1.18; margin-bottom: 16px;
}
.conf-hero-h1 em { color: var(--cu-gold); font-style: normal; }

.conf-hero-sub {
  font-size: 16px; color: rgba(255,255,255,.75);
  margin-bottom: 32px; line-height: 1.6;
}

.conf-hero-meta {
  display: flex; align-items: center; justify-content: center;
  gap: 28px; flex-wrap: wrap; margin-bottom: 32px;
}
.conf-hm-item {
  display: flex; align-items: center; gap: 8px;
  color: rgba(255,255,255,.85);
  font-size: 14px; font-family: var(--font-head); font-weight: 600;
}
.conf-hm-icon { font-size: 18px; }

.conf-hero-btn {
  display: inline-block;
  background: var(--cu-red); color: #fff;
  padding: 14px 38px; border-radius: 8px;
  font-family: var(--font-head); font-weight: 800; font-size: 15px;
  text-decoration: none; transition: background .2s;
}
.conf-hero-btn:hover { background: #a32e25; }

/* ── Sections ─────────────────────────────────────────────────────── */
.conf-section         { padding: 60px 0; }
.conf-section--grey   { background: var(--cu-off); }
.conf-section--dark   { background: var(--cu-dark); }

/* ── Section header ───────────────────────────────────────────────── */
.conf-sh { margin-bottom: 32px; }
.conf-sh h2 {
  font-family: var(--font-head); font-weight: 900;
  font-size: clamp(22px, 2.8vw, 32px);
  color: var(--cu-dark); margin-bottom: 8px;
}
.conf-sh h2 em { color: var(--cu-red); font-style: normal; }
.conf-rule { display: flex; align-items: center; gap: 12px; margin-top: 6px; }
.conf-rule hr { flex: 1; border: none; border-top: 2px solid var(--cu-red); }

/* ── Two-column layout with image ─────────────────────────────────── */
.conf-two-col {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 48px; align-items: center;
}
.conf-two-col--rev .conf-img-wrap { order: -1; }

.conf-img-wrap { border-radius: 12px; overflow: hidden; box-shadow: 0 8px 32px rgba(0,0,0,.12); }
.conf-img      { width: 100%; height: 280px; object-fit: cover; display: block; }

.conf-text p {
  font-size: 15px; color: var(--cu-grey);
  line-height: 1.78; margin-bottom: 14px;
}
.conf-text p:last-child { margin-bottom: 0; }

/* ── Important Dates ──────────────────────────────────────────────── */
.conf-dates-list { display: flex; flex-direction: column; gap: 14px; }
.conf-date-item {
  display: flex; align-items: center; gap: 16px;
  background: #fff;
  border: 1px solid var(--cu-border); border-left: 4px solid var(--cu-red);
  border-radius: 8px; padding: 16px 20px;
}
.conf-date-icon  { font-size: 22px; flex-shrink: 0; }
.conf-date-body  { flex: 1; }
.conf-date-label { font-family: var(--font-head); font-weight: 800; font-size: 14px; color: var(--cu-dark); margin-bottom: 3px; }
.conf-date-note  { font-size: 12px; color: var(--cu-grey); line-height: 1.4; }
.conf-date-val   { font-family: var(--font-head); font-weight: 900; font-size: 14px; color: var(--cu-red); white-space: nowrap; margin-left: auto; }

/* ── Registration ─────────────────────────────────────────────────── */
.conf-intro-text { font-size: 15px; color: var(--cu-grey); margin-bottom: 20px; }

.conf-reg-table { width: 100%; border-collapse: collapse; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 12px rgba(0,0,0,.07); margin-bottom: 20px; }
.conf-reg-table thead tr { background: var(--cu-dark); color: #fff; }
.conf-reg-table thead th { padding: 14px 16px; font-family: var(--font-head); font-weight: 700; font-size: 13px; text-align: center; }
.conf-reg-table thead th:first-child { text-align: left; }
.conf-reg-table thead th small { font-weight: 400; opacity: .8; }
.conf-reg-table tbody tr:nth-child(even) { background: rgba(192,64,54,.04); }
.conf-reg-table tbody td { padding: 13px 16px; font-size: 14px; color: var(--cu-dark); text-align: center; border-bottom: 1px solid var(--cu-border); }
.conf-reg-table tbody td:first-child { text-align: left; font-weight: 700; font-family: var(--font-head); }
.conf-early { color: var(--cu-red); font-weight: 700; }

.conf-note {
  background: rgba(255,164,18,.08); border: 1px solid rgba(255,164,18,.25);
  border-radius: 8px; padding: 14px 18px;
  font-size: 13px; color: var(--cu-grey); line-height: 1.65; margin-bottom: 24px;
}
.conf-note strong { color: var(--cu-dark); }

.conf-subhead {
  font-family: var(--font-head); font-weight: 800; font-size: 16px;
  color: var(--cu-dark); margin: 28px 0 14px;
}

.conf-links-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 24px; }
.conf-link-card { background: #fff; border: 1px solid var(--cu-border); border-radius: 10px; padding: 20px; text-align: center; }
.conf-link-title { font-family: var(--font-head); font-weight: 800; font-size: 13px; color: var(--cu-dark); margin-bottom: 8px; }
.conf-link-card a { color: var(--cu-red); font-weight: 700; font-size: 14px; text-decoration: none; }
.conf-link-card a:hover { text-decoration: underline; }

.conf-bank-table { width: 100%; border-collapse: collapse; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 10px rgba(0,0,0,.06); }
.conf-bank-table tr:nth-child(odd) { background: var(--cu-off); }
.conf-bank-table td { padding: 12px 18px; font-size: 14px; color: var(--cu-dark); border-bottom: 1px solid var(--cu-border); }
.conf-bank-table td:first-child { font-weight: 700; font-family: var(--font-head); color: var(--cu-grey); width: 38%; }
.conf-bank-table td:last-child { font-weight: 700; }

.conf-deadline {
  margin-top: 14px; background: rgba(192,64,54,.06);
  border: 1px solid rgba(192,64,54,.15); border-radius: 8px;
  padding: 12px 18px; font-size: 13px; font-weight: 700;
  font-family: var(--font-head); color: var(--cu-red);
}

/* ── Call for Papers ──────────────────────────────────────────────── */
.conf-cfp-intro { font-size: 15px; color: var(--cu-grey); line-height: 1.7; margin-bottom: 24px; }

.conf-topics-grid {
  display: grid; grid-template-columns: 1fr 1fr;
  border: 1px solid var(--cu-border); border-radius: 10px; overflow: hidden;
}
.conf-topic-item {
  padding: 13px 20px;
  font-size: 13px; font-family: var(--font-head); font-weight: 600;
  color: var(--cu-dark); text-align: center;
  border-bottom: 1px solid var(--cu-border);
  border-right: 1px solid var(--cu-border);
  transition: background .18s;
}
.conf-topic-item:hover { background: rgba(192,64,54,.06); color: var(--cu-red); }
.conf-topic-item:nth-child(even) { border-right: none; }
.conf-topic-item:nth-last-child(-n+2) { border-bottom: none; }

/* ── Publication ──────────────────────────────────────────────────── */
.conf-pub-box { background: rgba(192,64,54,.06); border: 1px solid rgba(192,64,54,.15); border-radius: 10px; padding: 22px 26px; }
.conf-pub-box p { font-size: 15px; color: var(--cu-grey); line-height: 1.75; margin: 0; }

/* ── Patrons ──────────────────────────────────────────────────────── */
.conf-patrons-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 24px; }
.conf-patron-card  { text-align: center; }
.conf-patron-img   { width: 110px; height: 110px; border-radius: 50%; object-fit: cover; border: 3px solid rgba(255,255,255,.25); margin-bottom: 12px; }
.conf-patron-placeholder {
  width: 110px; height: 110px; border-radius: 50%;
  background: rgba(255,255,255,.1); border: 3px solid rgba(255,255,255,.2);
  margin: 0 auto 12px;
  display: flex; align-items: center; justify-content: center; font-size: 36px;
}
.conf-patron-name { font-family: var(--font-head); font-weight: 800; font-size: 14px; color: #fff; margin-bottom: 4px; }
.conf-patron-role { font-size: 12px; color: rgba(255,255,255,.6); }

/* ── Advisory / Organizing committees ────────────────────────────── */
.conf-committee-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
.conf-committee-box  { background: #fff; border: 1px solid var(--cu-border); border-radius: 12px; padding: 24px; }
.conf-cb-title { font-family: var(--font-head); font-weight: 900; font-size: 15px; color: var(--cu-dark); margin-bottom: 14px; padding-bottom: 10px; border-bottom: 2px solid var(--cu-red); text-align: center; }
.conf-cb-list  { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0; }
.conf-cb-list li { font-size: 13px; color: var(--cu-grey); line-height: 1.5; padding: 7px 0; border-bottom: 1px solid var(--cu-border); }
.conf-cb-list li:last-child { border-bottom: none; }
.conf-cb-list li strong { color: var(--cu-dark); font-family: var(--font-head); }

/* ── Convener section (dark) ──────────────────────────────────────── */
.conf-convener-grid   { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.conf-convener-card   { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); border-radius: 12px; padding: 24px; text-align: center; }
.conf-cv-role   { font-size: 11px; font-family: var(--font-head); font-weight: 700; color: var(--cu-gold); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px; }
.conf-cv-name   { font-family: var(--font-head); font-weight: 900; font-size: 17px; color: #fff; margin-bottom: 6px; }
.conf-cv-dept   { font-size: 13px; color: rgba(255,255,255,.6); margin-bottom: 10px; line-height: 1.55; }
.conf-cv-contact { font-size: 12px; color: var(--cu-gold); }
.conf-cv-contact a { color: var(--cu-gold); }

.conf-sub-group-title { font-family: var(--font-head); font-weight: 800; font-size: 14px; color: var(--cu-gold); margin-bottom: 14px; }
.conf-sub-group-title--center { text-align: center; font-size: 17px; }

.conf-co-conveners  { display: flex; flex-direction: column; gap: 12px; }
.conf-secretary-wrap { margin-top: 36px; }
.conf-secretary-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }

.conf-small-card { background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.10); border-radius: 10px; padding: 16px 18px; }
.conf-sc-name    { font-family: var(--font-head); font-weight: 800; font-size: 14px; color: #fff; margin-bottom: 4px; }
.conf-sc-dept    { font-size: 12px; color: rgba(255,255,255,.55); margin-bottom: 6px; line-height: 1.45; }
.conf-sc-contact { font-size: 11px; color: var(--cu-gold); }
.conf-sc-contact a { color: var(--cu-gold); }

/* ── Invited Talks ────────────────────────────────────────────────── */
.conf-talks-grid {
  display: grid; grid-template-columns: 1fr 1fr;
  border: 1px solid var(--cu-border); border-radius: 10px; overflow: hidden;
}
.conf-talk-item {
  padding: 13px 18px; font-size: 13px; color: var(--cu-grey);
  border-bottom: 1px solid var(--cu-border); border-right: 1px solid var(--cu-border); line-height: 1.5;
}
.conf-talk-item:nth-child(even)         { border-right: none; }
.conf-talk-item:nth-last-child(-n+2)    { border-bottom: none; }
.conf-talk-item:nth-child(odd):last-child { border-bottom: none; }
.conf-talk-item strong { color: var(--cu-dark); font-family: var(--font-head); }

/* ── Local Organizing Committee ───────────────────────────────────── */
.conf-loc-grid {
  display: grid; grid-template-columns: 1fr 1fr;
  border: 1px solid var(--cu-border); border-radius: 10px; overflow: hidden;
}
.conf-loc-item {
  padding: 11px 18px; font-size: 13px; color: var(--cu-grey);
  border-bottom: 1px solid var(--cu-border); border-right: 1px solid var(--cu-border); line-height: 1.45;
}
.conf-loc-item:nth-child(even)      { border-right: none; }
.conf-loc-item:nth-last-child(-n+2) { border-bottom: none; }
.conf-loc-item:nth-child(odd):last-child { border-bottom: none; }
.conf-loc-item strong { color: var(--cu-dark); font-family: var(--font-head); }

/* ── Highlight box (Awards / Submission) ──────────────────────────── */
.conf-highlight-box {
  background: #fff; border: 1px solid var(--cu-border);
  border-left: 5px solid var(--cu-red); border-radius: 8px;
  padding: 20px 24px; font-size: 15px; color: var(--cu-grey); line-height: 1.75;
}
.conf-email-link { font-family: var(--font-head); font-weight: 700; color: var(--cu-red); font-size: 16px; display: inline-block; margin-top: 8px; }
.conf-email-link:hover { text-decoration: underline; }

/* ── Organized By ─────────────────────────────────────────────────── */
.conf-organized-box { background: #fff; border: 1px solid var(--cu-border); border-radius: 12px; padding: 36px; text-align: center; }
.conf-org-name { font-family: var(--font-head); font-weight: 900; font-size: 20px; color: var(--cu-red); margin-bottom: 12px; line-height: 1.35; }
.conf-org-addr { font-size: 14px; color: var(--cu-grey); line-height: 1.9; }
.conf-org-addr a { color: var(--cu-red); }

/* ── Responsive ───────────────────────────────────────────────────── */
@media (max-width: 960px) {
  .conf-two-col,
  .conf-committee-grid,
  .conf-convener-grid,
  .conf-links-row,
  .conf-secretary-grid  { grid-template-columns: 1fr; }

  .conf-two-col--rev .conf-img-wrap { order: 0; }
  .conf-patrons-grid { grid-template-columns: repeat(2,1fr); }

  .conf-topics-grid,
  .conf-talks-grid,
  .conf-loc-grid   { grid-template-columns: 1fr; }

  .conf-topic-item,
  .conf-talk-item,
  .conf-loc-item   { border-right: none; }

  .conf-topic-item:nth-last-child(-n+2),
  .conf-talk-item:nth-last-child(-n+2),
  .conf-loc-item:nth-last-child(-n+2)  { border-bottom: 1px solid var(--cu-border); }

  .conf-topic-item:last-child,
  .conf-talk-item:last-child,
  .conf-loc-item:last-child  { border-bottom: none; }
}

@media (max-width: 600px) {
  .conf-hero          { padding: 56px 0 44px; }
  .conf-hero-h1       { font-size: 24px; }
  .conf-hero-meta     { flex-direction: column; gap: 10px; }
  .conf-patrons-grid  { grid-template-columns: 1fr 1fr; }
  .conf-reg-table     { font-size: 12px; }
  .conf-reg-table thead th,
  .conf-reg-table tbody td { padding: 10px 10px; }
  .conf-img           { height: 200px; }
  .conf-organized-box { padding: 24px 16px; }
}
/* ═══════════════════════════════════════════════════════════════════
   INTERNATIONAL PAGE  (intl- prefix)
   Paste at bottom of vgu.css
   ═══════════════════════════════════════════════════════════════════ */

/* ── Hero ─────────────────────────────────────────────────────────── */
.intl-hero { padding:80px 0 72px; position:relative; }

.intl-hero-inner {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: 64px;
  align-items: center;
}

/* Left */
.intl-hero-tag {
  display: inline-flex; align-items: center; gap: 8px;
  background: rgba(255,255,255,.10); border: 1px solid rgba(255,255,255,.20);
  border-radius: 30px; padding: 6px 16px; margin-bottom: 18px;
}
.intl-tag-dot {
  width: 7px; height: 7px; border-radius: 50%;
  background: var(--cu-gold); animation: intlPulse 2s infinite;
}
@keyframes intlPulse { 0%,100%{opacity:1} 50%{opacity:.35} }
.intl-hero-tag span {
  font-size: 11px; color: var(--cu-gold);
  font-family: var(--font-head); font-weight: 700;
  letter-spacing: .8px; text-transform: uppercase;
}

.intl-hero-h1 {
  font-family: var(--font-head); font-weight: 900;
  font-size: clamp(28px, 3.8vw, 52px);
  color: #fff; line-height: 1.12; margin-bottom: 18px;
}
.intl-hero-h1 em     { color: var(--cu-gold); font-style: normal; }
.intl-hero-h1 strong { color: #fff; }
.intl-hero-p {
  font-size: 15px; color: rgba(255,255,255,.72);
  line-height: 1.75; margin-bottom: 30px; max-width: 480px;
}
.intl-hero-ctas { display: flex; gap: 12px; flex-wrap: wrap; }

/* Right — stats grid */
.intl-stats-grid {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 12px; margin-bottom: 16px;
}
.intl-sg-item {
  border-radius: 12px; padding: 20px 18px;
  text-align: center;
}
.intl-sg--red  { background: var(--cu-red); }
.intl-sg--dark { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12); }
.intl-sg--gold { background: var(--cu-gold); }

.intl-sg-val {
  font-family: var(--font-head); font-weight: 900; font-size: 28px;
  color: #fff; line-height: 1; margin-bottom: 5px;
}
.intl-sg--gold .intl-sg-val { color: var(--cu-dark); }
.intl-sg-val span { font-size: 18px; }
.intl-sg-lbl {
  font-size: 11px; color: rgba(255,255,255,.7);
  font-family: var(--font-head); font-weight: 600;
  text-transform: uppercase; letter-spacing: .4px; line-height: 1.3;
}
.intl-sg--gold .intl-sg-lbl { color: rgba(0,0,0,.6); }

.intl-hero-badge {
  display: flex; align-items: center; gap: 10px;
  background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12);
  border-radius: 10px; padding: 14px 18px;
}
.intl-hero-badge span { font-size: 20px; flex-shrink: 0; }
.intl-hero-badge em {
  font-size: 13px; color: rgba(255,255,255,.72);
  font-style: italic; line-height: 1.55;
  font-family: var(--font-head);
}

/* ── Sections ─────────────────────────────────────────────────────── */
.intl-section       { padding: 64px 0; }
.intl-section--grey { background: var(--cu-off); }
.intl-section--dark { background: var(--cu-dark); }

/* ── Section heading ──────────────────────────────────────────────── */
.intl-sh           { margin-bottom: 36px; }
.intl-sh--center   { text-align: center; }
.intl-sh-tag {
  display: inline-block; font-size: 11px;
  font-family: var(--font-head); font-weight: 700;
  color: var(--cu-red); letter-spacing: 1.5px;
  text-transform: uppercase; margin-bottom: 8px;
}
.intl-sh-tag--gold { color: var(--cu-gold); }
.intl-sh h2 {
  font-family: var(--font-head); font-weight: 900;
  font-size: clamp(22px, 3vw, 34px); color: var(--cu-dark); line-height: 1.18;
}
.intl-sh h2 em { color: var(--cu-red); font-style: normal; }

/* ── About program — two col ──────────────────────────────────────── */
.intl-two-col {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 56px; align-items: center;
}
.intl-body-text {
  font-size: 15px; color: var(--cu-grey);
  line-height: 1.78; margin-bottom: 14px;
}
.intl-body-text:last-of-type { margin-bottom: 16px; }
.intl-cta-inline {
  display: inline-block; font-family: var(--font-head); font-weight: 700;
  font-size: 14px; color: var(--cu-red); text-decoration: none;
  border-bottom: 2px solid var(--cu-red); padding-bottom: 2px;
  transition: opacity .2s;
}
.intl-cta-inline:hover { opacity: .75; }

/* Image frame */
.intl-tc-img       { position: relative; }
.intl-img-frame    { position: relative; }
.intl-frame-main   {
  width: 100%; height: 360px; object-fit: cover;
  border-radius: 14px; display: block;
  box-shadow: 0 16px 48px rgba(0,0,0,.14);
}
.intl-frame-accent {
  position: absolute; bottom: -20px; left: -20px;
  width: 150px; height: 110px;
  border-radius: 10px; overflow: hidden;
  border: 4px solid #fff;
  box-shadow: 0 8px 24px rgba(0,0,0,.18);
}
.intl-frame-accent-img { width: 100%; height: 100%; object-fit: cover; display: block; }

.intl-frame-badge {
  position: absolute; top: -16px; right: -16px;
  background: var(--cu-red); color: #fff;
  border-radius: 12px; padding: 16px 20px; text-align: center;
  box-shadow: 0 8px 24px rgba(192,64,54,.4);
}
.intl-fb-num {
  display: block; font-family: var(--font-head);
  font-weight: 900; font-size: 26px; line-height: 1;
}
.intl-fb-num sup { font-size: 15px; }
.intl-fb-lbl {
  font-size: 11px; opacity: .85;
  font-family: var(--font-head); font-weight: 600;
  margin-top: 4px; display: block; line-height: 1.3;
}

/* ── Highlights 2×2 ──────────────────────────────────────────────── */
.intl-highlights-grid {
  display: grid; grid-template-columns: repeat(2,1fr); gap: 24px;
}
.intl-hl-card {
  background: #fff; border: 1px solid var(--cu-border);
  border-radius: 14px; overflow: hidden;
  transition: transform .22s, box-shadow .22s;
}
.intl-hl-card:hover { transform: translateY(-4px); box-shadow: 0 12px 36px rgba(0,0,0,.10); }

.intl-hl-img-wrap { position: relative; height: 200px; overflow: hidden; }
.intl-hl-img      { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .35s; }
.intl-hl-card:hover .intl-hl-img { transform: scale(1.05); }
.intl-hl-num {
  position: absolute; top: 12px; left: 12px;
  width: 36px; height: 36px; background: var(--cu-red); color: #fff;
  border-radius: 8px; display: flex; align-items: center; justify-content: center;
  font-family: var(--font-head); font-weight: 900; font-size: 15px;
}

.intl-hl-body  { padding: 22px; }
.intl-hl-body h3 {
  font-family: var(--font-head); font-weight: 800;
  font-size: 15px; color: var(--cu-dark); margin-bottom: 10px;
}
.intl-hl-body p {
  font-size: 13.5px; color: var(--cu-grey);
  line-height: 1.7; margin-bottom: 12px;
}
.intl-hl-depts { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; }
.intl-hl-depts span {
  background: var(--cu-off); border: 1px solid var(--cu-border);
  border-radius: 4px; padding: 3px 10px;
  font-size: 11px; font-family: var(--font-head);
  font-weight: 600; color: var(--cu-dark);
}
.intl-hl-link {
  font-size: 13px; font-weight: 700;
  font-family: var(--font-head); color: var(--cu-red); text-decoration: none;
}
.intl-hl-link:hover { text-decoration: underline; }

/* ── Mosaic ───────────────────────────────────────────────────────── */
.intl-mosaic {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 180px 180px;
  gap: 6px;
}
.intl-mc { overflow: hidden; }
.intl-mc img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s; }
.intl-mc:hover img { transform: scale(1.06); }
.intl-mc--tall { grid-row: span 2; }

/* Assign positions so layout is clean */
.intl-mc:nth-child(1) { grid-column: 1; grid-row: 1 / 3; } /* tall left */
.intl-mc:nth-child(2) { grid-column: 2; grid-row: 1; }
.intl-mc:nth-child(3) { grid-column: 2; grid-row: 2; }
.intl-mc:nth-child(4) { grid-column: 3; grid-row: 1 / 3; } /* tall middle-right */
.intl-mc:nth-child(5) { grid-column: 4; grid-row: 1; }
.intl-mc:nth-child(6) { grid-column: 4; grid-row: 2; }

/* ── Stories ──────────────────────────────────────────────────────── */
.intl-stories-sub {
  font-size: 15px; color: rgba(255,255,255,.6);
  max-width: 520px; margin: 8px auto 0; line-height: 1.65; text-align: center;
}
.intl-stories-grid {
  display: grid; grid-template-columns: repeat(3,1fr);
  gap: 20px; margin-top: 36px;
}
.intl-story-card {
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 14px; overflow: hidden;
  display: flex; flex-direction: column;
}
.intl-story-top {
  display: flex; align-items: flex-start; gap: 12px;
  padding: 20px 20px 0; position: relative;
}
.intl-story-avatar {
  width: 52px; height: 52px; border-radius: 50%;
  object-fit: cover; flex-shrink: 0;
  border: 2px solid var(--cu-gold);
}
.intl-story-info   { flex: 1; min-width: 0; }
.intl-story-name   { font-family: var(--font-head); font-weight: 800; font-size: 13px; color: #fff; margin-bottom: 3px; line-height: 1.35; }
.intl-story-country{ font-size: 11px; color: var(--cu-gold); font-family: var(--font-head); font-weight: 600; margin-bottom: 2px; }
.intl-story-prog   { font-size: 11px; color: rgba(255,255,255,.45); font-family: var(--font-head); font-weight: 600; }
.intl-story-qmark  { font-size: 36px; color: var(--cu-red); line-height: 1; font-family: Georgia, serif; opacity: .55; flex-shrink: 0; }
.intl-story-body   { padding: 14px 20px 20px; flex: 1; }
.intl-story-body p { font-size: 13px; color: rgba(255,255,255,.7); line-height: 1.72; margin-bottom: 10px; }
.intl-story-body p:last-child { margin-bottom: 0; }

/* ── Explore more ─────────────────────────────────────────────────── */
.intl-explore-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 28px;
}
.intl-explore-card {
  background: #fff; border: 1px solid var(--cu-border);
  border-radius: 14px; overflow: hidden;
  transition: box-shadow .22s, transform .22s;
}
.intl-explore-card:hover { box-shadow: 0 8px 28px rgba(0,0,0,.10); transform: translateY(-3px); }

.intl-explore-img-wrap { height: 220px; overflow: hidden; position: relative; }
.intl-explore-img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .35s; }
.intl-explore-card:hover .intl-explore-img { transform: scale(1.05); }

.intl-explore-overlay {
  position: absolute; bottom: 0; left: 0; right: 0;
  background: linear-gradient(to top, rgba(0,0,0,.8), transparent);
  padding: 20px 16px 14px;
  display: flex; gap: 24px;
}
.intl-eo-stat { }
.intl-eos-val  { font-family: var(--font-head); font-weight: 900; font-size: 22px; color: var(--cu-gold); line-height: 1; }
.intl-eos-val span { font-size: 14px; }
.intl-eos-lbl  { font-size: 11px; color: rgba(255,255,255,.7); font-family: var(--font-head); font-weight: 600; margin-top: 3px; }

.intl-explore-body { padding: 20px 22px; }
.intl-explore-body h3 { font-family: var(--font-head); font-weight: 800; font-size: 15px; color: var(--cu-dark); margin-bottom: 8px; }
.intl-explore-body p  { font-size: 13.5px; color: var(--cu-grey); line-height: 1.7; margin-bottom: 12px; }
.intl-explore-link    { font-size: 13px; font-weight: 700; font-family: var(--font-head); color: var(--cu-red); text-decoration: none; }
.intl-explore-link:hover { text-decoration: underline; }

/* ── CTA strip ────────────────────────────────────────────────────── */
.intl-cta-strip { padding: 64px 0; }
.intl-cta-inner {
  display: flex; align-items: center;
  justify-content: space-between; gap: 32px; flex-wrap: wrap;
}
.intl-cta-tag  { font-size: 11px; font-family: var(--font-head); font-weight: 700; color: rgba(255,255,255,.65); letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 8px; }
.intl-cta-h2   { font-family: var(--font-head); font-weight: 900; font-size: clamp(22px, 3vw, 34px); color: #fff; line-height: 1.2; margin-bottom: 8px; }
.intl-cta-h2 em{ color: var(--cu-gold); font-style: normal; }
.intl-cta-p    { font-size: 14px; color: rgba(255,255,255,.65); max-width: 380px; line-height: 1.6; }
.intl-cta-actions { display: flex; gap: 12px; flex-wrap: wrap; }

/* ── Responsive ───────────────────────────────────────────────────── */
@media (max-width: 1024px) {
  .intl-hero-inner  { grid-template-columns: 1fr 1fr; gap: 40px; }
  .intl-stories-grid{ grid-template-columns: 1fr 1fr; }
}

@media (max-width: 860px) {
  .intl-hero-inner       { grid-template-columns: 1fr; gap: 32px; }
  .intl-hero-p           { max-width: 100%; }
  .intl-stats-grid       { grid-template-columns: repeat(4,1fr); gap: 8px; }
  .intl-sg-item          { padding: 14px 10px; }
  .intl-sg-val           { font-size: 22px; }
  .intl-two-col          { grid-template-columns: 1fr; gap: 36px; }
  .intl-frame-main       { height: 280px; }
  .intl-highlights-grid  { grid-template-columns: 1fr; }
  .intl-mosaic           { grid-template-columns: repeat(3,1fr); grid-template-rows: 160px 160px; }
  .intl-mc:nth-child(1)  { grid-column:1; grid-row:1/3; }
  .intl-mc:nth-child(2)  { grid-column:2; grid-row:1; }
  .intl-mc:nth-child(3)  { grid-column:2; grid-row:2; }
  .intl-mc:nth-child(4)  { grid-column:3; grid-row:1/3; }
  .intl-mc:nth-child(5),
  .intl-mc:nth-child(6)  { display:none; }
  .intl-explore-grid     { grid-template-columns: 1fr; }
  .intl-cta-inner        { flex-direction: column; text-align: center; }
  .intl-cta-actions      { justify-content: center; }
  .intl-cta-p            { max-width: 100%; }
}

@media (max-width: 640px) {
  .intl-hero         { padding: 52px 0 44px; }
  .intl-hero-h1      { font-size: 28px; }
  .intl-stats-grid   { grid-template-columns: 1fr 1fr; gap: 10px; }
  .intl-stories-grid { grid-template-columns: 1fr; }
  .intl-story-name   { font-size: 12px; }
  .intl-mosaic       { grid-template-columns: 1fr 1fr; grid-template-rows: 140px 140px; }
  .intl-mc:nth-child(1) { grid-column:1; grid-row:1/3; }
  .intl-mc:nth-child(2) { grid-column:2; grid-row:1; }
  .intl-mc:nth-child(3) { grid-column:2; grid-row:2; }
  .intl-mc:nth-child(4),
  .intl-mc:nth-child(5),
  .intl-mc:nth-child(6) { display:none; }
  .intl-frame-accent    { display: none; }
  .intl-frame-badge     { top:-12px; right:-8px; padding:12px 14px; }
  .intl-fb-num          { font-size:20px; }
}
/* ── Hero ──────────────────────────────── */
.sp-hero { padding:80px 0 72px; position:relative; }
.sp-hero-inner { display:grid; grid-template-columns:1.2fr 1fr; gap:60px; align-items:center; }
 
.sp-hero-tag { display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.20);border-radius:30px;padding:6px 16px;margin-bottom:18px; }
.sp-tag-dot  { width:7px;height:7px;border-radius:50%;background:var(--cu-gold);animation:spPulse 2s infinite; }
@keyframes spPulse{0%,100%{opacity:1}50%{opacity:.35}}
.sp-hero-tag span { font-size:11px;color:var(--cu-gold);font-family:var(--font-head);font-weight:700;letter-spacing:.8px;text-transform:uppercase; }
 
.sp-hero-h1 { font-family:var(--font-head);font-weight:900;font-size:clamp(28px,3.8vw,52px);color:#fff;line-height:1.12;margin-bottom:18px; }
.sp-hero-h1 em { color:var(--cu-gold);font-style:normal; }
.sp-hero-p  { font-size:15px;color:rgba(255,255,255,.72);line-height:1.75;margin-bottom:28px;max-width:500px; }
.sp-hero-ctas { display:flex;gap:12px;flex-wrap:wrap; }
 
.sp-stats-grid { display:grid;grid-template-columns:1fr 1fr;gap:12px; }
.sp-sg-item    { border-radius:12px;padding:20px 16px;text-align:center; }
.sp-sg--red    { background:var(--cu-red); }
.sp-sg--dark   { background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12); }
.sp-sg--gold   { background:var(--cu-gold); }
.sp-sg-val     { font-family:var(--font-head);font-weight:900;font-size:28px;color:#fff;line-height:1;margin-bottom:5px; }
.sp-sg--gold .sp-sg-val { color:var(--cu-dark); }
.sp-sg-val span { font-size:18px; }
.sp-sg-lbl     { font-size:10px;color:rgba(255,255,255,.7);font-family:var(--font-head);font-weight:600;text-transform:uppercase;letter-spacing:.3px;line-height:1.4; }
.sp-sg--gold .sp-sg-lbl { color:rgba(0,0,0,.6); }
 
/* ── Sections ──────────────────────────── */
.sp-section       { padding:64px 0; }
.sp-section--grey { background:var(--cu-off); }
.sp-section--dark { background:var(--cu-dark); }
 
/* ── Section heading ───────────────────── */
.sp-sh         { margin-bottom:32px; }
.sp-sh--center { text-align:center; }
.sp-sh-tag     { display:inline-block;font-size:11px;font-family:var(--font-head);font-weight:700;color:var(--cu-red);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px; }
.sp-sh-tag--gold { color:var(--cu-gold); }
.sp-sh h2      { font-family:var(--font-head);font-weight:900;font-size:clamp(22px,3vw,34px);color:var(--cu-dark);line-height:1.18; }
.sp-sh h2 em   { color:var(--cu-red);font-style:normal; }
 
/* ── Two col ───────────────────────────── */
.sp-two-col    { display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center; }
.sp-body-text  { font-size:15px;color:var(--cu-grey);line-height:1.78;margin-bottom:14px; }
 
/* ── Outdoor sports icons ──────────────── */
.sp-outdoor-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px; }
.sp-og-item      { background:#fff;border:1px solid var(--cu-border);border-radius:10px;padding:14px 10px;text-align:center;transition:all .2s; }
.sp-og-item:hover{ background:var(--cu-red);border-color:var(--cu-red); }
.sp-og-item:hover .sp-og-name { color:#fff; }
.sp-og-icon      { font-size:24px;margin-bottom:6px; }
.sp-og-name      { font-size:11px;font-family:var(--font-head);font-weight:700;color:var(--cu-dark);line-height:1.3; }
 
/* ── Image with badge ──────────────────── */
.sp-img-wrap   { position:relative; }
.sp-main-img   { width:100%;height:340px;object-fit:cover;border-radius:14px;display:block;box-shadow:0 12px 40px rgba(0,0,0,.12); }
.sp-img-badge  { position:absolute;bottom:-16px;right:-16px;background:var(--cu-red);color:#fff;border-radius:12px;padding:16px 18px;text-align:center;box-shadow:0 8px 24px rgba(192,64,54,.4); }
.sp-ib-val     { font-family:var(--font-head);font-weight:900;font-size:26px;line-height:1;display:block; }
.sp-ib-lbl     { font-size:11px;opacity:.85;font-family:var(--font-head);font-weight:600;margin-top:4px;display:block;line-height:1.3; }
 
/* ── Facility cards (3 col) ────────────── */
.sp-facility-cards { display:grid;grid-template-columns:repeat(3,1fr);gap:24px; }
.sp-fc-card        { background:#fff;border:1px solid var(--cu-border);border-radius:14px;overflow:hidden;transition:transform .22s,box-shadow .22s; }
.sp-fc-card:hover  { transform:translateY(-4px);box-shadow:0 12px 36px rgba(0,0,0,.10); }
.sp-fc-img-wrap    { position:relative;height:200px;overflow:hidden; }
.sp-fc-img         { width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s; }
.sp-fc-card:hover .sp-fc-img { transform:scale(1.05); }
.sp-fc-num         { position:absolute;top:12px;left:12px;width:36px;height:36px;background:var(--cu-red);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-weight:900;font-size:15px; }
.sp-fc-body        { padding:20px; }
.sp-fc-body h3     { font-family:var(--font-head);font-weight:800;font-size:15px;color:var(--cu-dark);margin-bottom:8px; }
.sp-fc-body p      { font-size:13px;color:var(--cu-grey);line-height:1.7;margin-bottom:12px; }
.sp-fc-tags        { display:flex;flex-wrap:wrap;gap:6px; }
.sp-fc-tags span   { background:var(--cu-off);border:1px solid var(--cu-border);border-radius:4px;padding:3px 10px;font-size:11px;font-family:var(--font-head);font-weight:600;color:var(--cu-dark); }
 
/* ── Photo strip mosaic ────────────────── */
.sp-photo-strip    { display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:180px 180px;gap:6px; }
.sp-ps-cell        { overflow:hidden; }
.sp-ps-cell img    { width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s; }
.sp-ps-cell:hover img { transform:scale(1.06); }
.sp-ps--tall       { grid-row:span 2; }
.sp-ps-cell:nth-child(1) { grid-column:1;grid-row:1/3; }
.sp-ps-cell:nth-child(2) { grid-column:2;grid-row:1; }
.sp-ps-cell:nth-child(3) { grid-column:2;grid-row:2; }
.sp-ps-cell:nth-child(4) { grid-column:3;grid-row:1/3; }
.sp-ps-cell:nth-child(5) { grid-column:4;grid-row:1; }
.sp-ps-cell:nth-child(6) { grid-column:4;grid-row:2; }
 
/* ── Diploma intro ─────────────────────── */
.sp-diploma-sub   { font-size:15px;color:rgba(255,255,255,.65);max-width:680px;margin:8px auto 0;line-height:1.7;text-align:center; }
.sp-diploma-intro { background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);border-radius:12px;padding:24px 28px;margin-bottom:36px; }
.sp-diploma-intro p { font-size:14px;color:rgba(255,255,255,.72);line-height:1.75;margin-bottom:12px; }
.sp-diploma-intro p:last-child { margin-bottom:0; }
.sp-diploma-intro strong { color:#fff; }
 
/* ── 4-course grid ─────────────────────── */
.sp-courses-grid   { display:grid;grid-template-columns:repeat(2,1fr);gap:20px; }
.sp-course-card    { background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:24px;transition:background .22s; }
.sp-course-card:hover { background:rgba(255,255,255,.10); }
.sp-course-header  { display:flex;align-items:flex-start;gap:12px;margin-bottom:14px; }
.sp-course-icon    { font-size:28px;flex-shrink:0;line-height:1; }
.sp-course-title   { font-family:var(--font-head);font-weight:900;font-size:16px;color:#fff;line-height:1.3; }
.sp-course-meta    { display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px; }
.sp-course-meta span { font-size:11px;color:rgba(255,255,255,.6);font-family:var(--font-head);font-weight:600;background:rgba(255,255,255,.07);border-radius:4px;padding:4px 10px; }
.sp-course-desc    { font-size:13px;color:rgba(255,255,255,.65);line-height:1.7;margin-bottom:14px; }
.sp-course-modules,.sp-course-who { margin-bottom:12px; }
.sp-cm-title,.sp-cw-title { font-size:11px;font-family:var(--font-head);font-weight:700;color:var(--cu-gold);text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px; }
.sp-course-modules ul,.sp-course-who ul { list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:5px; }
.sp-course-modules li,.sp-course-who li { font-size:12.5px;color:rgba(255,255,255,.65);padding-left:14px;position:relative;line-height:1.4; }
.sp-course-modules li::before,.sp-course-who li::before { content:'›';position:absolute;left:0;color:var(--cu-gold); }
 
/* ── Highlights 3×2 ────────────────────── */
.sp-highlights-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:20px; }
.sp-hl-card         { background:#fff;border:1px solid var(--cu-border);border-radius:12px;padding:24px;transition:transform .2s,box-shadow .2s; }
.sp-hl-card:hover   { transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.09); }
.sp-hl--red         { background:var(--cu-red);border-color:var(--cu-red); }
.sp-hl--red h3,.sp-hl--red p { color:#fff; }
.sp-hl-icon         { font-size:28px;margin-bottom:10px; }
.sp-hl-card h3      { font-family:var(--font-head);font-weight:800;font-size:14px;color:var(--cu-dark);margin-bottom:8px;line-height:1.3; }
.sp-hl-card p       { font-size:13px;color:var(--cu-grey);line-height:1.65; }
 
/* ── Partners 4-col ────────────────────── */
.sp-partners-sub   { font-size:15px;color:var(--cu-grey);max-width:520px;margin:8px auto 0;text-align:center; }
.sp-partners-grid  { display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:32px; }
.sp-partner-card   { background:#fff;border:1px solid var(--cu-border);border-radius:12px;padding:24px;text-align:center;transition:all .2s; }
.sp-partner-card:hover { box-shadow:0 8px 24px rgba(0,0,0,.09);transform:translateY(-3px); }
.sp-partner-icon   { font-size:32px;margin-bottom:10px; }
.sp-partner-name   { font-family:var(--font-head);font-weight:800;font-size:14px;color:var(--cu-dark);margin-bottom:8px; }
.sp-partner-desc   { font-size:12.5px;color:var(--cu-grey);line-height:1.6; }
 
/* ── Benefits 2×2 ──────────────────────── */
.sp-benefits-grid  { display:grid;grid-template-columns:1fr 1fr;gap:14px; }
.sp-benefit-item   { display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--cu-border);border-radius:10px;padding:16px 20px;font-size:14px;color:var(--cu-dark);font-family:var(--font-head);font-weight:600; }
.sp-benefit-check  { width:28px;height:28px;background:var(--cu-red);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0; }
 
/* ── Career tags ───────────────────────── */
.sp-career-tags    { display:flex;flex-wrap:wrap;gap:8px;margin-top:16px; }
.sp-career-tags span { background:var(--cu-off);border:1px solid var(--cu-border);border-radius:6px;padding:6px 14px;font-size:12px;font-family:var(--font-head);font-weight:700;color:var(--cu-dark); }
 
/* ── FAQ ───────────────────────────────── */
.sp-faq-list     { max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:12px; }
.sp-faq-item     { background:#fff;border:1px solid var(--cu-border);border-radius:10px;overflow:hidden; }
.sp-faq-q        { font-family:var(--font-head);font-weight:800;font-size:14px;color:var(--cu-dark);padding:16px 20px;cursor:default;border-left:4px solid var(--cu-red); }
.sp-faq-a        { font-size:13.5px;color:var(--cu-grey);padding:0 20px 16px 24px;line-height:1.7; }
 
/* ── CTA strip ─────────────────────────── */
.sp-cta-strip  { padding:64px 0; }
.sp-cta-inner  { display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap; }
.sp-cta-tag    { font-size:11px;font-family:var(--font-head);font-weight:700;color:rgba(255,255,255,.65);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px; }
.sp-cta-h2     { font-family:var(--font-head);font-weight:900;font-size:clamp(22px,3vw,34px);color:#fff;line-height:1.2;margin-bottom:8px; }
.sp-cta-h2 em  { color:var(--cu-gold);font-style:normal; }
.sp-cta-p      { font-size:14px;color:rgba(255,255,255,.65);max-width:420px;line-height:1.65; }
.sp-cta-actions { display:flex;gap:12px;flex-wrap:wrap; }
 
/* ── Responsive ────────────────────────── */
@media(max-width:1060px){
  .sp-hero-inner      { grid-template-columns:1fr 1fr;gap:40px; }
  .sp-highlights-grid { grid-template-columns:1fr 1fr; }
  .sp-partners-grid   { grid-template-columns:1fr 1fr; }
  .sp-courses-grid    { grid-template-columns:1fr 1fr; }
}
@media(max-width:860px){
  .sp-hero-inner      { grid-template-columns:1fr;gap:32px; }
  .sp-stats-grid      { grid-template-columns:repeat(4,1fr); }
  .sp-sg-item         { padding:14px 10px; }
  .sp-sg-val          { font-size:22px; }
  .sp-two-col         { grid-template-columns:1fr;gap:32px; }
  .sp-main-img        { height:260px; }
  .sp-facility-cards  { grid-template-columns:1fr; }
  .sp-photo-strip     { grid-template-columns:1fr 1fr;grid-template-rows:150px 150px 150px; }
  .sp-ps-cell:nth-child(1){grid-column:1;grid-row:1/3;}
  .sp-ps-cell:nth-child(2){grid-column:2;grid-row:1;}
  .sp-ps-cell:nth-child(3){grid-column:2;grid-row:2;}
  .sp-ps-cell:nth-child(4){grid-column:1;grid-row:3;}
  .sp-ps-cell:nth-child(5){grid-column:2;grid-row:3;}
  .sp-ps-cell:nth-child(6){display:none;}
  .sp-outdoor-grid    { grid-template-columns:repeat(3,1fr); }
  .sp-courses-grid    { grid-template-columns:1fr; }
  .sp-highlights-grid { grid-template-columns:1fr 1fr; }
  .sp-benefits-grid   { grid-template-columns:1fr; }
  .sp-cta-inner       { flex-direction:column;text-align:center; }
  .sp-cta-actions     { justify-content:center; }
}
@media(max-width:640px){
  .sp-hero           { padding:52px 0 44px; }
  .sp-hero-h1        { font-size:28px; }
  .sp-stats-grid     { grid-template-columns:1fr 1fr;gap:10px; }
  .sp-outdoor-grid   { grid-template-columns:1fr 1fr; }
  .sp-highlights-grid{ grid-template-columns:1fr; }
  .sp-partners-grid  { grid-template-columns:1fr 1fr; }
  .sp-courses-grid   { grid-template-columns:1fr; }
}
/* ================================================================
   TDP PAGE — ADD TO BOTTOM OF vgu.css
   Prefix: tdp-
   Reuses: ls-hero, ls-hero-radial, ls-tag, section-head, tag,
           ap-breadcrumb, btn, btn-solid, btn-outline,
           container, cu-* vars, font-* vars
   ================================================================ */

/* ── Hero layout ─────────────────────────────────────── */
.tdp-hero-grid {
  display: grid;
  grid-template-columns: 1fr 380px;
  gap: 48px;
  align-items: center;
  padding-bottom: 52px;
}
.ls-hero h1 { text-align: left; }
.ls-hero p  { text-align: left; margin-left: 0; }

.tdp-taglines { display: flex; flex-direction: column; gap: 8px; margin: 20px 0 28px; }
.tdp-tl {
  font-size: 13px; font-family: var(--font-head); font-weight: 600;
  font-style: italic; color: rgba(255,255,255,.65);
}

/* ── Hero stat grid ──────────────────────────────────── */
.tdp-stats-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 12px;
}
.tdp-stat {
  background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12);
  border-radius: 12px; padding: 20px 16px; text-align: center;
}
.tdp-stat--red  { background: rgba(192,64,54,.22);  border-color: rgba(192,64,54,.4); }
.tdp-stat--gold { background: rgba(255,164,18,.14); border-color: rgba(255,164,18,.35); }
.tdp-stat-val {
  font-family: var(--font-head); font-weight: 900; font-size: 30px;
  color: var(--cu-gold); line-height: 1; margin-bottom: 6px;
}
.tdp-stat-val sup { font-size: 16px; }
.tdp-stat-lbl { font-size: 11px; color: rgba(255,255,255,.55); font-weight: 600; line-height: 1.4; }

/* ── Semester staircase bar ──────────────────────────── */
.tdp-sem-bar {
  background: rgba(0,0,0,.3); border-top: 1px solid rgba(255,255,255,.08);
  padding: 18px 0;
}
.tdp-sem-bar .container {
  display: flex; overflow-x: auto;
}
.tdp-sem-bar .container::-webkit-scrollbar { display: none; }
.tdp-sem-step {
  flex: 1; text-align: center; padding: 10px 8px;
  border-right: 1px solid rgba(255,255,255,.07); min-width: 100px;
}
.tdp-sem-step:last-child { border-right: none; }
.tdp-sem-num  { font-family: var(--font-head); font-weight: 900; font-size: 13px; color: var(--cu-gold); margin-bottom: 3px; }
.tdp-sem-title { font-size: 11px; color: rgba(255,255,255,.5); font-weight: 600; margin-bottom: 5px; }
.tdp-sem-phase {
  display: inline-block; font-size: 9px; font-weight: 700;
  letter-spacing: .8px; text-transform: uppercase;
  padding: 2px 8px; border-radius: 4px; font-family: var(--font-head);
}
.tdp-phase--explore { background: rgba(59,130,246,.22); color: #93c5fd; }
.tdp-phase--build   { background: rgba(34,197,94,.18);  color: #86efac; }
.tdp-phase--launch  { background: rgba(192,64,54,.25);  color: #fca5a5; }

/* ── About two-col ───────────────────────────────────── */
.tdp-two-col {
  display: grid; grid-template-columns: 1fr 1fr; gap: 52px; align-items: start;
}
.tdp-highlight-box {
  background: rgba(192,64,54,.06); border: 1px solid rgba(192,64,54,.18);
  border-left: 4px solid var(--cu-red); border-radius: 0 10px 10px 0;
  padding: 16px 18px; margin-bottom: 20px; font-size: 14px;
  color: var(--cu-dark); line-height: 1.7; font-family: var(--font-head); font-weight: 600;
}
.tdp-mandatory-badge {
  display: flex; align-items: center; gap: 12px;
  background: var(--cu-red); border-radius: 10px; padding: 14px 18px; margin-top: 8px;
}

/* Shape compare box */
.tdp-shape-box {
  background: #fff; border: 1px solid var(--cu-border); border-radius: 14px;
  padding: 24px; box-shadow: var(--shadow);
}
.tdp-ishape-compare { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.tdp-ishape, .tdp-tshape {
  text-align: center; padding: 16px 12px; border-radius: 10px;
}
.tdp-ishape { background: rgba(107,114,128,.07); border: 1px solid rgba(107,114,128,.2); }
.tdp-tshape { background: rgba(192,64,54,.06);   border: 1px solid rgba(192,64,54,.2); }
.tdp-shape-letter {
  font-family: var(--font-head); font-weight: 900; font-size: 42px; line-height: 1; margin-bottom: 8px;
}
.tdp-sem-progress { display: flex; flex-direction: column; gap: 9px; }
.tdp-sem-prog-row { display: flex; align-items: flex-start; gap: 10px; font-size: 13px; color: var(--cu-grey); }
.tdp-sem-prog-label {
  min-width: 64px; font-family: var(--font-head); font-weight: 700;
  color: var(--cu-red); font-size: 11px; padding-top: 2px; flex-shrink: 0;
}

/* ── Objectives grid ─────────────────────────────────── */
.tdp-obj-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.tdp-obj-card {
  background: #fff; border: 1px solid var(--cu-border); border-radius: 12px;
  padding: 24px 20px; border-top: 4px solid var(--cu-red);
  transition: transform .22s, box-shadow .22s;
}
.tdp-obj-card:hover { transform: translateY(-3px); box-shadow: var(--shadow); }
.tdp-obj-num {
  width: 34px; height: 34px; border-radius: 50%; background: var(--cu-red);
  color: #fff; font-family: var(--font-head); font-weight: 900; font-size: 14px;
  display: flex; align-items: center; justify-content: center; margin-bottom: 12px;
}
.tdp-obj-title { font-family: var(--font-head); font-weight: 800; font-size: 15px; color: var(--cu-dark); margin-bottom: 8px; }
.tdp-obj-desc  { font-size: 13.5px; color: var(--cu-grey); line-height: 1.65; }

/* ── Week list ───────────────────────────────────────── */
.tdp-week-list { background: #fff; border: 1px solid var(--cu-border); border-radius: 12px; overflow: hidden; }
.tdp-week-row {
  display: grid; grid-template-columns: 120px 1fr;
  border-bottom: 1px solid var(--cu-border);
}
.tdp-week-row:last-child { border-bottom: none; }
.tdp-week-label {
  padding: 16px 18px; font-family: var(--font-head); font-weight: 800;
  font-size: 12px; color: var(--cu-red); text-transform: uppercase;
  letter-spacing: .5px; background: rgba(192,64,54,.04);
  border-right: 2px solid var(--cu-red); white-space: nowrap;
}
.tdp-week-content { padding: 16px 20px; font-size: 14px; color: var(--cu-grey); line-height: 1.65; }
.tdp-week-content strong { color: var(--cu-dark); font-weight: 800; }

/* ── Project cards (dark bg) ─────────────────────────── */
.tdp-proj-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.tdp-proj-card {
  background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1);
  border-radius: 12px; padding: 22px; transition: background .2s;
}
.tdp-proj-card:hover { background: rgba(255,255,255,.09); }
.tdp-proj-domain {
  display: inline-block; font-size: 10px; font-weight: 700; letter-spacing: 1px;
  text-transform: uppercase; padding: 3px 10px; border-radius: 4px;
  margin-bottom: 10px; font-family: var(--font-head);
}
.tdp-dom--blue   { background: rgba(59,130,246,.2);  color: #93c5fd; }
.tdp-dom--green  { background: rgba(16,185,129,.2);  color: #6ee7b7; }
.tdp-dom--purple { background: rgba(139,92,246,.2);  color: #c4b5fd; }
.tdp-dom--amber  { background: rgba(245,158,11,.2);  color: #fcd34d; }
.tdp-dom--pink   { background: rgba(236,72,153,.2);  color: #f9a8d4; }
.tdp-dom--teal   { background: rgba(20,184,166,.2);  color: #5eead4; }

.tdp-proj-title { font-family: var(--font-head); font-weight: 800; font-size: 15px; color: #fff; margin-bottom: 8px; line-height: 1.35; }
.tdp-proj-desc  { font-size: 13px; color: rgba(255,255,255,.58); line-height: 1.65; margin-bottom: 12px; }
.tdp-proj-tags  { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 12px; }
.tdp-proj-tag {
  background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12);
  border-radius: 4px; padding: 3px 8px; font-size: 11px;
  font-family: var(--font-head); font-weight: 600; color: rgba(255,255,255,.5);
}
.tdp-proj-outcome {
  padding-top: 10px; border-top: 1px solid rgba(255,255,255,.08);
  font-size: 12px; color: var(--cu-gold); font-family: var(--font-head); font-weight: 700;
}

/* ── Outcome big numbers ─────────────────────────────── */
.tdp-out-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; margin-bottom: 36px; }
.tdp-out-card {
  background: #fff; border: 1px solid var(--cu-border); border-radius: 12px;
  padding: 26px 18px; text-align: center; transition: transform .22s, box-shadow .22s;
}
.tdp-out-card:hover { transform: translateY(-3px); box-shadow: var(--shadow); }
.tdp-out-icon  { font-size: 28px; margin-bottom: 10px; }
.tdp-out-val   { font-family: var(--font-head); font-weight: 900; font-size: 34px; color: var(--cu-red); line-height: 1; margin-bottom: 6px; }
.tdp-out-val sup { font-size: 18px; }
.tdp-out-label { font-family: var(--font-head); font-weight: 800; font-size: 13px; color: var(--cu-dark); margin-bottom: 5px; }
.tdp-out-desc  { font-size: 12px; color: var(--cu-grey); line-height: 1.5; }

/* ── Outcome categories ──────────────────────────────── */
.tdp-out-cats { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 40px; }
.tdp-out-cat {
  background: var(--cu-off); border: 1px solid var(--cu-border);
  border-radius: 12px; padding: 24px; border-top: 4px solid transparent;
}
.tdp-cat--red   { border-top-color: var(--cu-red); }
.tdp-cat--blue  { border-top-color: #2563eb; }
.tdp-cat--gold  { border-top-color: var(--cu-gold); }
.tdp-cat--green { border-top-color: #16a34a; }
.tdp-out-cat-head {
  display: flex; align-items: center; gap: 10px; margin-bottom: 14px;
  font-family: var(--font-head); font-weight: 800; font-size: 15px; color: var(--cu-dark);
}
.tdp-out-cat-head span { font-size: 22px; }
.tdp-out-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 7px; }
.tdp-out-list li {
  font-size: 13.5px; color: var(--cu-grey); line-height: 1.55;
  padding-left: 14px; position: relative;
}
.tdp-out-list li::before { content: '›'; position: absolute; left: 0; font-weight: 900; color: var(--cu-red); }
.tdp-cat--blue  .tdp-out-list li::before { color: #2563eb; }
.tdp-cat--gold  .tdp-out-list li::before { color: #b45309; }
.tdp-cat--green .tdp-out-list li::before { color: #16a34a; }

/* ── Use cases ───────────────────────────────────────── */
.tdp-cases { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; margin-bottom: 40px; }
.tdp-case-card {
  background: var(--cu-dark); border: 1px solid rgba(255,255,255,.08);
  border-radius: 12px; padding: 24px;
}
.tdp-case-num   { font-family: var(--font-head); font-weight: 900; font-size: 36px; color: rgba(255,255,255,.07); line-height: 1; margin-bottom: 10px; }
.tdp-case-title { font-family: var(--font-head); font-weight: 800; font-size: 15px; color: var(--cu-gold); margin-bottom: 8px; line-height: 1.3; }
.tdp-case-desc  { font-size: 13px; color: rgba(255,255,255,.58); line-height: 1.65; margin-bottom: 12px; }
.tdp-case-badge {
  display: inline-block; font-size: 10px; font-weight: 700; letter-spacing: .8px;
  text-transform: uppercase; padding: 3px 10px; border-radius: 4px; font-family: var(--font-head);
}

/* ── Quotes ──────────────────────────────────────────── */
.tdp-quotes { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.tdp-quote-card {
  background: #fff; border: 1px solid var(--cu-border); border-radius: 12px; padding: 22px;
}
.tdp-quote-mark {
  font-size: 48px; color: var(--cu-red); font-family: Georgia, serif;
  line-height: .7; opacity: .25; margin-bottom: 4px;
}
.tdp-quote-text   { font-size: 13.5px; color: var(--cu-grey); line-height: 1.75; font-style: italic; margin-bottom: 12px; }
.tdp-quote-author { font-family: var(--font-head); font-weight: 800; font-size: 12px; color: var(--cu-dark); }

/* ── Responsive ──────────────────────────────────────── */
@media(max-width:1060px) {
  .tdp-hero-grid  { grid-template-columns: 1fr; }
  .tdp-stats-grid { max-width: 380px; }
  .tdp-obj-grid   { grid-template-columns: 1fr 1fr; }
  .tdp-proj-grid  { grid-template-columns: 1fr 1fr; }
  .tdp-out-grid   { grid-template-columns: 1fr 1fr; }
  .tdp-cases      { grid-template-columns: 1fr 1fr; }
}
@media(max-width:768px) {
  .tdp-two-col    { grid-template-columns: 1fr; }
  .tdp-out-cats   { grid-template-columns: 1fr; }
  .tdp-quotes     { grid-template-columns: 1fr; }
}
@media(max-width:640px) {
  .tdp-obj-grid   { grid-template-columns: 1fr; }
  .tdp-proj-grid  { grid-template-columns: 1fr; }
  .tdp-out-grid   { grid-template-columns: 1fr 1fr; }
  .tdp-cases      { grid-template-columns: 1fr; }
  .tdp-ishape-compare { grid-template-columns: 1fr; }
  .tdp-week-row   { grid-template-columns: 1fr; }
  .tdp-week-label { border-right: none; border-bottom: 2px solid var(--cu-red); padding: 10px 16px 8px; white-space: normal; }
  .tdp-week-content { padding: 10px 16px 14px; }
  .tdp-stats-grid { max-width: 100%; }
}
/* ================================================================
   CONTACT PAGE — ADD TO BOTTOM OF vgu.css
   Prefix: ct-
   Reuses: ap-breadcrumb, ap-contact-grid, ap-contact-card,
           ap-cc-icon, ap-cc-title, ap-cc-line,
           section-head, tag, form-group, form-row,
           form-submit, form-note, btn, container, cu-* vars
   ================================================================ */

/* ── Hero ─────────────────────────────────────────────── */
.ct-hero {
  background: linear-gradient(135deg, var(--cu-dark) 0%, #1a0a0a 60%, var(--cu-dark) 100%);
  padding: 56px 0;
  position: relative; overflow: hidden;
}
.ct-hero::before {
  content: ''; position: absolute; inset: 0;
  background: radial-gradient(ellipse 70% 60% at 20% 50%, rgba(192,64,54,.2) 0%, transparent 65%);
  pointer-events: none;
}
.ct-hero-inner {
  position: relative; z-index: 1;
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 48px; align-items: center;
}
.ct-hero .tag { background: rgba(192,64,54,.2); color: #ff8a93; margin-bottom: 16px; }
.ct-hero h1   { font-family: var(--font-head); font-weight: 900; font-size: clamp(28px,4vw,48px); color: #fff; line-height: 1.1; margin-bottom: 14px; }
.ct-hero h1 em { color: var(--cu-gold); font-style: normal; }
.ct-hero p    { font-size: 15px; color: rgba(255,255,255,.65); line-height: 1.75; margin-bottom: 28px; }

.ct-quick-links { display: flex; gap: 10px; flex-wrap: wrap; }
.ct-ql-btn {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 11px 20px; border-radius: 8px;
  background: var(--cu-red); color: #fff;
  font-family: var(--font-head); font-weight: 700; font-size: 13px;
  text-decoration: none; transition: all .2s; white-space: nowrap;
}
.ct-ql-btn:hover { background: var(--cu-red2); transform: translateY(-1px); }
.ct-ql-btn--outline {
  background: transparent; border: 1.5px solid rgba(255,255,255,.3); color: #fff;
}
.ct-ql-btn--outline:hover { background: rgba(255,255,255,.1); transform: translateY(-1px); }
.ct-ql-btn--wa { background: #25D366; }
.ct-ql-btn--wa:hover { background: #1ea952; }
.ct-ql-btn small { font-size: 10px; opacity: .7; }

.ct-hero-map {
  border-radius: 14px; overflow: hidden;
  height: 320px; box-shadow: 0 20px 60px rgba(0,0,0,.4);
  border: 1px solid rgba(255,255,255,.1);
}

/* ── Form layout (form + right col) ──────────────────── */
.ct-form-layout {
  display: grid; grid-template-columns: 1fr 320px;
  gap: 40px; align-items: start;
}
.ct-form-card {
  background: var(--cu-dark); border-radius: 14px;
  padding: 32px 28px;
  box-shadow: 0 8px 40px rgba(0,0,0,.12);
}
/* Override form-group textarea focus */
.ct-form-card textarea:focus {
  border-color: rgba(192,64,54,.6) !important;
  outline: none;
}

/* ── Right column ────────────────────────────────────── */
.ct-visit-col { display: flex; flex-direction: column; gap: 16px; }
.ct-visit-card {
  background: #fff; border: 1px solid var(--cu-border);
  border-radius: 12px; padding: 22px 20px;
}
.ct-vc-title {
  font-family: var(--font-head); font-weight: 800;
  font-size: 14px; color: var(--cu-dark); margin-bottom: 14px;
}
.ct-vc-row {
  display: flex; justify-content: space-between; align-items: center;
  padding: 8px 0; border-bottom: 1px solid var(--cu-border);
  font-size: 13px;
}
.ct-vc-day  { color: var(--cu-dark); font-weight: 600; font-family: var(--font-head); }
.ct-vc-time { color: var(--cu-grey); }

/* Social buttons */
.ct-socials { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.ct-social-btn {
  display: flex; align-items: center; gap: 8px;
  padding: 9px 12px; border-radius: 8px;
  font-family: var(--font-head); font-weight: 700; font-size: 12px;
  text-decoration: none; transition: opacity .2s;
  color: #fff;
}
.ct-social-btn:hover { opacity: .88; }
.ct-soc-fb { background: #1877F2; }
.ct-soc-tw { background: #000; }
.ct-soc-ig { background: linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888); }
.ct-soc-li { background: #0A66C2; }

/* Quick links */
.ct-qlink {
  font-family: var(--font-head); font-weight: 700; font-size: 13px;
  color: var(--cu-dark); text-decoration: none; padding: 6px 0;
  border-bottom: 1px solid var(--cu-border); display: block; transition: color .18s;
}
.ct-qlink:last-child { border-bottom: none; }
.ct-qlink:hover { color: var(--cu-red); }

/* Full-width map strip */
.ct-map-full { border-top: 1px solid var(--cu-border); }

/* ── Responsive ──────────────────────────────────────── */
@media(max-width:1024px) {
  .ct-form-layout { grid-template-columns: 1fr; }
  .ct-visit-col   { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
}
@media(max-width:900px) {
  .ct-hero-inner  { grid-template-columns: 1fr; }
  .ct-hero-map    { height: 240px; }
}
@media(max-width:640px) {
  .ct-visit-col   { grid-template-columns: 1fr; }
  .ct-quick-links { flex-direction: column; }
  .ct-socials     { grid-template-columns: 1fr; }
  .ap-contact-grid[style*="repeat(4"] { grid-template-columns: 1fr 1fr !important; }
}
@media(max-width:400px) {
  .ap-contact-grid[style*="repeat(4"] { grid-template-columns: 1fr !important; }
}
/* ================================================================
   AUTO SWIPER DOTS  —  .swiper-pagination--auto
   Injected by vgu.js section 1.
   Control with CSS classes on the .swiper element:
     slider-no-dots          → no dots anywhere
     slider-no-dots-mobile   → no dots on mobile  (< 1025px)
     slider-no-dots-desktop  → no dots on desktop (≥ 1025px)
   ================================================================ */
.swiper-wrapper{
    padding-bottom:30px !important;
}
.swiper-pagination--auto {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 14px 0 4px;
  width: 100%;
  position: absolute !important;
}

.swiper-pagination--auto .swiper-pagination-bullet {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--cu-border);
  opacity: 1;
  margin: 0 !important;
  transition: all 0.25s;
  cursor: pointer;
  flex-shrink: 0;
}

.swiper-pagination--auto .swiper-pagination-bullet-active {
  background: var(--cu-red);
  width: 20px;
  border-radius: 4px;
}
 .swiper-pagination-dark .swiper-pagination--auto .swiper-pagination-bullet-active{
    background: #000 !important;
}