:root {
      --navy:      #12344d;
      --navy2:     #1a4a6b;
      --navy3:     #0d2638;
      --orange:    #F07535;
      --orange2:   #e8601a;
      --cream:     #f7f4f0;
      --white:     #ffffff;
      --text:      #1e2a35;
      --muted:     #6b7f8e;
      --light-bg:  #eef3f7;
      --border:    #d8e4ec;
      --shadow-sm: 0 2px 12px rgba(18,52,77,.1);
      --shadow-md: 0 8px 32px rgba(18,52,77,.15);
      --shadow-lg: 0 16px 56px rgba(18,52,77,.2);
      --radius:    12px;
    }
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }
    body { font-family: 'Inter', sans-serif; background: var(--cream); color: var(--text); overflow-x: hidden; }
    .row{
        margin-right:0px;
        margin-left:0px;
    }
    /* ═══ TOPBAR ══════════════════════════════ */
    .topbar {
      background: var(--navy3);
      padding: 7px 0;
      border-bottom: 2px solid var(--orange);
    }
    .topbar .ti { color: #9ab5c8; font-size: .78rem; display: flex; align-items: center; gap: 6px; }
    .topbar .ti i { color: var(--orange); }
    .topbar a { color: #c5d9e6; text-decoration: none; transition: color .2s; }
    .topbar a:hover { color: var(--orange); }
    .topbar .top-soc a { color: #6a8fa5; font-size: .95rem; margin-left: 10px; transition: color .2s, transform .2s; display: inline-block; }
    .topbar .top-soc a:hover { color: var(--orange); transform: translateY(-2px); }
    .top-date { font-size: .73rem; color: #5a7a90; display: flex; align-items: center; gap: 5px; }
    .top-date i { color: var(--orange); }

    /* ═══ HEADER ══════════════════════════════ */
    .site-header {
      background: var(--white);
      box-shadow: var(--shadow-sm);
      position: sticky; top: 0; z-index: 900;
    }
    .header-top-row { padding: 10px 10px 8px; border-bottom: 1px solid var(--border); }
    .school-logo-img { height: 68px; width: auto; transition: height .35s; }
    .brand-info { padding-left: 14px; border-left: 3px solid var(--orange); }
    .brand-name {
      font-family: 'Cinzel', serif; font-size: 1.28rem; font-weight: 700;
      color: var(--navy); line-height: 1.1; letter-spacing: .03em;
    }
    .brand-sub { font-size: .7rem; color: var(--muted); letter-spacing: .1em; text-transform: uppercase; margin-top: 2px; }
    .brand-est { font-size: .68rem; color: var(--orange); font-weight: 600; letter-spacing: .08em; }
    .hdr-cta-wrap { display: flex; gap: 8px; align-items: center; }
    .hdr-cta {
      display: inline-flex; align-items: center; gap: 6px;
      padding: 8px 14px; border-radius: 6px; font-size: .65rem;
      font-weight: 600; letter-spacing: .05em; text-transform: uppercase;
      text-decoration: none; transition: all .25s; border: none; cursor: pointer;
    }
    .cta-primary { background: var(--navy); color: #fff; }
    .cta-primary:hover { background: var(--navy2); color: #fff; transform: translateY(-2px); box-shadow: 0 6px 20px rgba(18,52,77,.3); }
    .cta-accent { background: var(--orange); color: #fff; }
    .cta-accent:hover { background: var(--orange2); color: #fff; transform: translateY(-2px); box-shadow: 0 6px 20px rgba(240,117,53,.35); }
    .cta-ghost { border: 1.5px solid var(--border); color: var(--navy); background: transparent; }
    .cta-ghost:hover { border-color: var(--navy); background: var(--light-bg); }

    /* ═══ DESKTOP NAV ═════════════════════════ */
    .desktop-nav {
      background: var(--navy);
      display: block;
    }
    .desktop-nav .nav-list { list-style: none; margin: 0; padding: 0; display: flex; align-items: stretch; }
    .desktop-nav .nav-item { position: relative; }
    .desktop-nav .nav-link-d {
      display: flex; align-items: center; gap: 5px;
      padding: 14px 20px; font-size: .78rem; font-weight: 600;
      letter-spacing: .07em; text-transform: uppercase;
      color: rgba(255,255,255,.82); text-decoration: none;
      transition: color .2s, background .2s; white-space: nowrap;
      position: relative;
    }
    .desktop-nav .nav-link-d::after {
      content: ''; position: absolute; bottom: 0; left: 0; right: 0;
      height: 3px; background: var(--orange);
      transform: scaleX(0); transition: transform .25s; transform-origin: center;
    }
    .desktop-nav .nav-link-d:hover,
    .desktop-nav .nav-item:hover > .nav-link-d,
    .desktop-nav .nav-link-d.active {
      color: #fff; background: rgba(255,255,255,.07);
    }
    .desktop-nav .nav-link-d:hover::after,
    .desktop-nav .nav-item:hover > .nav-link-d::after,
    .desktop-nav .nav-link-d.active::after { transform: scaleX(1); }
    .desktop-nav .nav-link-d .arrow-ic { font-size: .6rem; transition: transform .2s; }
    .desktop-nav .nav-item:hover > .nav-link-d .arrow-ic { transform: rotate(180deg); }

    /* Dropdown */
    .desktop-nav .dropdown-panel {
      position: absolute; top: 100%; left: 0;
      background: var(--white); min-width: 250px;
      border-radius: 0 0 var(--radius) var(--radius);
      box-shadow: var(--shadow-lg);
      border-top: 3px solid var(--orange);
      padding: 8px 0;
      opacity: 0; visibility: hidden; transform: translateY(8px);
      transition: opacity .22s, transform .22s, visibility .22s;
      z-index: 999;
    }
    .desktop-nav .nav-item:hover > .dropdown-panel,
    .desktop-nav .nav-item.open > .dropdown-panel {
      opacity: 1; visibility: visible; transform: translateY(0);
    }
    .desktop-nav .dp-item {
      display: flex; align-items: center; gap: 9px;
      padding: 9px 20px; font-size: .81rem; color: var(--text);
      text-decoration: none; transition: all .18s;
    }
    .desktop-nav .dp-item i { color: var(--navy); font-size: .75rem; transition: color .18s; }
    .desktop-nav .dp-item:hover { background: var(--light-bg); color: var(--navy); padding-left: 26px; }
    .desktop-nav .dp-item:hover i { color: var(--orange); }

    /* Mobile toggle */
    .mobile-toggle {
      display: none; background: none; border: none;
      width: 42px; height: 42px; border-radius: 8px;
      flex-direction: column; align-items: center; justify-content: center; gap: 5px;
      cursor: pointer; transition: background .2s;
    }
    .mobile-toggle:hover { background: var(--light-bg); }
    .mobile-toggle span {
      display: block; width: 24px; height: 2px;
      background: var(--navy); border-radius: 2px;
      transition: transform .3s, opacity .3s, width .3s;
    }
    .mobile-toggle.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
    .mobile-toggle.open span:nth-child(2) { opacity: 0; width: 0; }
    .mobile-toggle.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

    /* ═══ OFFCANVAS SIDEBAR (MOBILE) ══════════ */
    .sidebar-overlay {
      position: fixed; inset: 0; background: rgba(13,38,56,.7);
      backdrop-filter: blur(4px); z-index: 1050;
      opacity: 0; visibility: hidden; transition: opacity .3s, visibility .3s;
    }
    .sidebar-overlay.show { opacity: 1; visibility: visible; }
    .sidebar {
      position: fixed; top: 0; left: -100%; width: min(320px, 85vw); height: 100vh;
      background: var(--navy3); z-index: 1060; overflow-y: auto;
      transition: left .35s cubic-bezier(.4,0,.2,1);
      display: flex; flex-direction: column;
    }
    .sidebar.open { left: 0; }
    .sidebar-head {
      background: var(--navy); padding: 16px 20px;
      display: flex; align-items: center; justify-content: space-between;
      border-bottom: 2px solid var(--orange); flex-shrink: 0;
    }
    .sidebar-head img { height: 44px; }
    .sidebar-close {
      width: 36px; height: 36px; border-radius: 8px;
      background: rgba(255,255,255,.1); border: none;
      color: #fff; font-size: 1.1rem; cursor: pointer;
      display: flex; align-items: center; justify-content: center;
      transition: background .2s;
    }
    .sidebar-close:hover { background: var(--orange); }
    .sidebar-body { flex: 1; padding: 12px 0; }
    .sb-nav-item { border-bottom: 1px solid rgba(255,255,255,.06); }
    .sb-link {
      display: flex; align-items: center; justify-content: space-between;
      padding: 13px 20px; color: rgba(255,255,255,.82); font-size: .85rem;
      font-weight: 600; letter-spacing: .05em; text-transform: uppercase;
      text-decoration: none; transition: all .2s; cursor: pointer;
    }
    .sb-link:hover, .sb-link.active { color: #fff; background: rgba(255,255,255,.07); border-left: 3px solid var(--orange); padding-left: 17px; }
    .sb-link .sb-arrow { font-size: .65rem; transition: transform .3s; }
    .sb-link.expanded .sb-arrow { transform: rotate(180deg); }
    .sb-submenu {
      max-height: 0; overflow: hidden;
      background: rgba(0,0,0,.2);
      transition: max-height .35s ease;
    }
    .sb-submenu.open { max-height: 400px; }
    .sb-sublink {
      display: flex; align-items: center; gap: 10px;
      padding: 10px 20px 10px 30px;
      color: rgba(255,255,255,.55); font-size: .8rem;
      text-decoration: none; transition: all .2s;
    }
    .sb-sublink i { color: var(--orange); font-size: .65rem; }
    .sb-sublink:hover { color: #fff; background: rgba(255,255,255,.05); padding-left: 36px; }
    .sidebar-foot {
      padding: 20px; border-top: 1px solid rgba(255,255,255,.08); flex-shrink: 0;
    }
    .sidebar-foot .sb-cta {
      display: flex; align-items: center; justify-content: center; gap: 8px;
      padding: 12px; background: var(--orange); color: #fff;
      font-weight: 700; font-size: .82rem; text-transform: uppercase;
      letter-spacing: .08em; text-decoration: none; border-radius: 8px;
      margin-bottom: 12px; transition: background .2s;
    }
    .sidebar-foot .sb-cta:hover { background: var(--orange2); }
    .sb-contact-info { color: rgba(255,255,255,.45); font-size: .74rem; text-align: center; line-height: 1.7; }
    .sb-contact-info a { color: rgba(255,255,255,.65); text-decoration: none; }
    .sb-contact-info a:hover { color: var(--orange); }

    /* ═══ HERO CAROUSEL ═══════════════════════ */
    .hero-wrap .carousel-item { height: 540px; position: relative; overflow: hidden; }
    .hero-bg { position: absolute; inset: 0; }
    .hs1 .hero-bg { 
      background: url('https://images.unsplash.com/photo-1580582932707-520aed937b7b?w=1600&q=80') center center / cover no-repeat;
    }
    /*.hs1 .hero-bg { background: linear-gradient(140deg, var(--navy3) 0%, #1a3a52 55%, #2a5070 100%); }*/
    .hero-bgg { position: absolute; inset: 0; }
    .hs2 .hero-bgg { 
      background: url('https://images.unsplash.com/photo-1580582932707-520aed937b7b?w=1600&q=80') center center / cover no-repeat;
    }
    /*.hs2 .hero-bg { background: linear-gradient(140deg, #0d2030 0%, #162d40 50%, #1e3d52 100%); }*/
    .hs3 .hero-bg { background: linear-gradient(140deg, #12263a 0%, #1a3448 55%, var(--navy2) 100%); }
    .hero-bg::after {
      content: ''; position: absolute; inset: 0;
      background: linear-gradient(100deg, rgba(13,38,56,.9) 30%, rgba(13,38,56,.3) 100%);
    }
    .hero-dots-pattern {
      position: absolute; inset: 0; z-index: 1;
      background-image: radial-gradient(circle, rgba(240,117,53,.12) 1.5px, transparent 1.5px);
      background-size: 36px 36px;
    }
    .hero-geo {
      position: absolute; z-index: 1; right: 5%; top: 50%;
      transform: translateY(-50%);
      width: clamp(220px, 35vw, 440px); height: clamp(220px, 35vw, 440px);
      border-radius: 50%;
      border: 1px solid rgba(240,117,53,.15);
      display: flex; align-items: center; justify-content: center;
    }
    .hero-geo::before {
      content: ''; width: 78%; height: 78%; border-radius: 50%;
      border: 1px solid rgba(240,117,53,.1);
      position: absolute;
    }
    .hero-geo::after {
      content: ''; width: 55%; height: 55%; border-radius: 50%;
      background: rgba(240,117,53,.05);
      border: 1px solid rgba(240,117,53,.12);
      position: absolute;
    }
    .hero-content { position: absolute; inset: 0; z-index: 2; display: flex; align-items: center; }
    .hero-tag {
      display: inline-flex; align-items: center; gap: 7px;
      background: rgba(240,117,53,.18); border: 1px solid rgba(240,117,53,.4);
      color: #ffb890; font-size: .71rem; font-weight: 700;
      letter-spacing: .14em; text-transform: uppercase;
      padding: 5px 14px; border-radius: 50px; margin-bottom: 16px;
    }
    .hero-tag i { color: var(--orange); }
    .hero-title {
      font-family: 'Playfair Display', serif;
      font-size: clamp(1.9rem, 4vw, 3.1rem);
      color: #fff; font-weight: 700; line-height: 1.18; margin-bottom: 16px;
      text-shadow: 0 2px 24px rgba(0,0,0,.4);
    }
    .hero-title span { color: var(--orange); }
    .hero-desc { font-size: .9rem; color: rgba(255,255,255,.75); line-height: 1.8; margin-bottom: 28px; max-width: 500px; }
    .h-btn-primary {
      background: var(--orange); color: #fff; border: none;
      font-weight: 700; font-size: .78rem; letter-spacing: .08em; text-transform: uppercase;
      padding: 13px 28px; border-radius: 8px; text-decoration: none;
      transition: all .28s; display: inline-flex; align-items: center; gap: 7px;
      box-shadow: 0 6px 22px rgba(240,117,53,.35);
    }
    .h-btn-primary:hover { background: var(--orange2); color: #fff; transform: translateY(-3px); box-shadow: 0 10px 28px rgba(240,117,53,.5); }
    .h-btn-ghost {
      border: 1.5px solid rgba(255,255,255,.4); color: rgba(255,255,255,.88); background: transparent;
      font-weight: 600; font-size: .78rem; letter-spacing: .08em; text-transform: uppercase;
      padding: 11px 24px; border-radius: 8px; text-decoration: none;
      transition: all .28s; display: inline-flex; align-items: center; gap: 7px;
    }
    .h-btn-ghost:hover { background: rgba(255,255,255,.1); border-color: #fff; color: #fff; transform: translateY(-3px); }
    .hero-stats { position: absolute; bottom: 30px; right: 36px; z-index: 2; display: flex; gap: 14px; }
    .hs-card {
      background: rgba(255,255,255,.08); backdrop-filter: blur(12px);
      border: 1px solid rgba(255,255,255,.15); border-radius: 10px;
      padding: 12px 18px; text-align: center; min-width: 80px;
    }
    .hs-card .n { font-family: 'Cinzel', serif; font-size: 1.45rem; font-weight: 700; color: var(--orange); display: block; line-height: 1; }
    .hs-card .l { font-size: .63rem; color: rgba(255,255,255,.6); letter-spacing: .08em; text-transform: uppercase; }
    .carousel-control-prev, .carousel-control-next {
      width: 42px; height: 42px; top: 50%; transform: translateY(-50%);
      background: rgba(255,255,255,.1); backdrop-filter: blur(6px);
      border-radius: 50%; border: 1px solid rgba(255,255,255,.2);
      opacity: 1; margin: 0 14px;
    }
    .carousel-control-prev:hover, .carousel-control-next:hover { background: var(--orange); border-color: var(--orange); }
    .carousel-indicators [data-bs-target] { width: 8px; height: 8px; border-radius: 50%; border: none; background: rgba(255,255,255,.35); transition: all .3s; }
    .carousel-indicators .active { background: var(--orange); width: 24px; border-radius: 4px; }

    /* ═══ TICKER ══════════════════════════════ */
    .ticker-bar { background: var(--navy); border-bottom: 3px solid var(--orange); display: flex; overflow: hidden; }
    .ticker-lbl {
      background: var(--orange); color: #fff; font-weight: 800;
      font-size: .75rem; letter-spacing: .1em; text-transform: uppercase;
      padding: 11px 18px; white-space: nowrap; display: flex; align-items: center; gap: 7px; flex-shrink: 0;
    }
    .ticker-lbl i { animation: bell 2s infinite; }
    @keyframes bell { 0%,100%{transform:rotate(0)} 20%{transform:rotate(-13deg)} 40%{transform:rotate(13deg)} 60%{transform:rotate(-7deg)} 80%{transform:rotate(7deg)} }
    .ticker-runner { flex: 1; overflow: hidden; display: flex; align-items: center; padding: 0 14px; }
    .ticker-inner { display: flex; animation: run-ticker 32s linear infinite; white-space: nowrap; }
    @keyframes run-ticker { 0%{transform:translateX(100vw)} 100%{transform:translateX(-100%)} }
    .ticker-item { color: rgba(255,255,255,.82); font-size: .81rem; padding: 11px 36px 11px 0; display: flex; align-items: center; gap: 8px; }
    .ticker-item span { color: var(--orange); font-size: .45rem; }

    /* ═══ SECTION HEADER ══════════════════════ */
    .s-label { display: inline-block; font-size: .68rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--orange); margin-bottom: 6px; }
    .s-title { font-family: 'Playfair Display', serif; font-size: clamp(1.5rem,3vw,2.1rem); color: var(--navy); font-weight: 700; line-height: 1.2; margin-bottom: 10px; }
    .s-line { width: 44px; height: 3px; background: linear-gradient(90deg, var(--orange), #f8a87a); border-radius: 2px; margin: 0 auto 20px; }
    .s-line.left { margin-left: 0; }
    .s-title.light { color: #fff; }

    /* ═══ NEWS ════════════════════════════════ */
    /*.news-sec { padding: 68px 0; background: var(--white); }
    .news-card {
      border: 1px solid var(--border); border-radius: var(--radius);
      overflow: hidden; transition: transform .3s, box-shadow .3s;
      height: 100%; background: var(--white);
    }
    .news-card:hover { transform: translateY(-7px); box-shadow: var(--shadow-lg); border-color: transparent; }
    .news-img-w { height: 190px; overflow: hidden; position: relative; }
    .news-cat-p { position: absolute; top: 12px; left: 12px; z-index: 2; background: var(--navy); color: #fff; font-size: .66rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; padding: 4px 12px; border-radius: 50px; }
    .news-ph { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; transition: transform .5s; }
    .news-card:hover .news-ph { transform: scale(1.06); }
    .news-body { padding: 20px; }
    .news-meta-r { font-size: .72rem; color: var(--muted); margin-bottom: 8px; display: flex; gap: 12px; }
    .news-meta-r i { color: var(--orange); }
    .news-h { font-family: 'Playfair Display', serif; font-size: 1.06rem; font-weight: 600; color: var(--navy); line-height: 1.4; margin-bottom: 8px; transition: color .2s; }
    .news-card:hover .news-h { color: var(--orange); }
    .news-ex { font-size: .79rem; color: var(--muted); line-height: 1.65; }
    .news-rm { display: inline-flex; align-items: center; gap: 5px; color: var(--navy); font-weight: 600; font-size: .77rem; text-decoration: none; margin-top: 12px; transition: all .2s; }
    .news-rm:hover { gap: 9px; color: var(--orange); }*/
    /* ═══ NEWS TABS ══════════════════════════════════════ */
    .news-sec { padding: 72px 0; background: var(--white); }

    /* Tab Nav */
    .nt-nav-wrap {
      display: flex; justify-content: center; margin-bottom: 44px;
    }
    .nt-nav {
      display: inline-flex; background: var(--light-bg);
      border-radius: 50px; padding: 5px; gap: 3px;
      border: 1px solid var(--border); flex-wrap: wrap;
    }
    .nt-btn {
      display: inline-flex; align-items: center; gap: 7px;
      padding: 10px 22px; border-radius: 50px; border: none;
      background: transparent; cursor: pointer; font-size: .8rem;
      font-weight: 700; color: var(--muted); font-family: 'Inter', sans-serif;
      letter-spacing: .04em; transition: all .3s; white-space: nowrap;
    }
    .nt-btn i { font-size: .9rem; transition: color .3s; }
    .nt-btn:hover { color: var(--navy); background: rgba(255,255,255,.7); }
    .nt-btn.active {
      background: var(--navy); color: #fff;
      box-shadow: 0 4px 16px rgba(18,52,77,.28);
    }
    .nt-btn.active i { color: var(--orange); }
    .nt-btn .nt-count {
      background: var(--orange); color: #fff; font-size: .62rem;
      padding: 1px 6px; border-radius: 50px; font-weight: 800;
      min-width: 18px; text-align: center; line-height: 1.5;
    }
    .nt-btn.active .nt-count { background: rgba(255,255,255,.25); }

    /* Tab Panels */
    .nt-panel { display: none; animation: ntFadeIn .35s ease; }
    .nt-panel.active { display: block; }
    @keyframes ntFadeIn { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }

    /* ── TAB 1: Recent News ─────────────────────────────── */
    .rn-grid { display: grid; grid-template-columns: 1.6fr 1fr; gap: 20px; align-items: start; }
    .rn-featured { grid-row: span 2; position: relative; border-radius: 14px; overflow: hidden; cursor: pointer; }
    .rn-img-ph {
      width: 100%; aspect-ratio: 4/3; display: flex; align-items: center;
      justify-content: center; position: relative; overflow: hidden;
    }
    .rn-featured .rn-img-ph { aspect-ratio: unset; height: 380px; }
    .rn-overlay {
      position: absolute; inset: 0;
      background: linear-gradient(transparent 35%, rgba(13,38,56,.92) 100%);
      transition: opacity .3s;
    }
    .rn-featured:hover .rn-overlay { opacity: .9; }
    .rn-body-ov {
      position: absolute; bottom: 0; left: 0; right: 0; padding: 20px 22px;
    }
    .rn-cat {
      display: inline-flex; align-items: center; gap: 5px;
      background: var(--orange); color: #fff; font-size: .63rem;
      font-weight: 800; letter-spacing: .1em; text-transform: uppercase;
      padding: 3px 11px; border-radius: 50px; margin-bottom: 8px;
    }
    .rn-title-ov {
      font-family: 'Playfair Display', serif; font-size: 1.18rem;
      color: #fff; font-weight: 700; line-height: 1.35; margin-bottom: 8px;
    }
    .rn-excerpt-ov { font-size: .76rem; color: rgba(255,255,255,.7); line-height: 1.6; margin-bottom: 10px; }
    .rn-meta-ov { font-size: .7rem; color: rgba(255,255,255,.55); display: flex; gap: 12px; }
    .rn-meta-ov i { color: var(--orange); }
    .rn-sm { background: var(--white); border: 1px solid var(--border); border-radius: 12px; overflow: hidden; display: flex; gap: 0; transition: transform .3s, box-shadow .3s; cursor: pointer; height: 180px; }
    .rn-sm:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); border-color: transparent; }
    .rn-sm-img { width: 170px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; position: relative; }
    .rn-sm-body { padding: 12px 14px; flex: 1; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; }
    .rn-sm-cat { font-size: .62rem; font-weight: 800; color: var(--orange); letter-spacing: .1em; text-transform: uppercase; margin-bottom: 4px; }
    .rn-sm-title { font-family: 'Playfair Display', serif; font-size: .9rem; color: var(--navy); font-weight: 600; line-height: 1.35; flex: 1; }
    .rn-sm-meta { font-size: .67rem; color: var(--muted); display: flex; gap: 10px; margin-top: 4px; }
    .rn-sm-meta i { color: var(--orange); }

    /* ── TAB 2: Events & Functions ─────────────────────── */
    .ev-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px; }
    .ev-card { background: var(--navy3); border-radius: 14px; overflow: hidden; transition: transform .3s, box-shadow .3s; border: 1px solid rgba(255,255,255,.06); }
    .ev-card:hover { transform: translateY(-5px); box-shadow: 0 20px 48px rgba(18,52,77,.35); }
    .ev-vid-wrap { position: relative; aspect-ratio: 16/9; background: linear-gradient(135deg, #07151f, #102232); cursor: pointer; overflow: hidden; }
    .ev-vid-wrap img { width: 100%; height: 100%; object-fit: cover; opacity: .6; transition: opacity .3s; }
    .ev-card:hover .ev-vid-wrap img { opacity: .8; }
    .ev-play-btn {
      position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
    }
    .ev-play-circle {
      width: 52px; height: 52px; background: rgba(240,117,53,.9); border-radius: 50%;
      display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.1rem;
      border: 2px solid rgba(255,255,255,.3); transition: transform .3s, box-shadow .3s;
      box-shadow: 0 4px 20px rgba(240,117,53,.5);
    }
    .ev-card:hover .ev-play-circle { transform: scale(1.12); box-shadow: 0 8px 30px rgba(240,117,53,.7); }
    .ev-duration {
      position: absolute; bottom: 8px; right: 10px;
      background: rgba(0,0,0,.7); color: #fff; font-size: .66rem; font-weight: 700;
      padding: 2px 8px; border-radius: 4px;
    }
    .ev-type-tag {
      position: absolute; top: 10px; left: 10px;
      background: var(--orange); color: #fff; font-size: .6rem; font-weight: 800;
      padding: 3px 10px; border-radius: 50px; letter-spacing: .1em; text-transform: uppercase;
    }
    .ev-body { padding: 16px; }
    .ev-title { font-family: 'Playfair Display', serif; font-size: .96rem; color: rgba(255,255,255,.88); font-weight: 600; line-height: 1.4; margin-bottom: 8px; }
    .ev-meta-row { display: flex; gap: 12px; flex-wrap: wrap; }
    .ev-meta-item { font-size: .7rem; color: rgba(255,255,255,.4); display: flex; align-items: center; gap: 5px; }
    .ev-meta-item i { color: var(--orange); font-size: .65rem; }
    .ev-views { display: flex; align-items: center; gap: 5px; color: rgba(255,255,255,.35); font-size: .68rem; margin-top: 10px; padding-top: 10px; border-top: 1px solid rgba(255,255,255,.06); }
    .ev-views i { color: var(--orange); }

    /* ── TAB 3: Media Coverage ──────────────────────────── */
    .mc-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
    .mc-card { border-radius: 12px; overflow: hidden; background: var(--white); border: 1px solid var(--border); transition: transform .3s, box-shadow .3s; cursor: pointer; }
    .mc-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-lg); border-color: transparent; }
    .mc-img-wrap { position: relative; aspect-ratio: 4/3; overflow: hidden; }
    .mc-img-ph { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; transition: transform .5s; }
    .mc-card:hover .mc-img-ph { transform: scale(1.06); }
    .mc-source-badge {
      position: absolute; top: 9px; left: 9px; z-index: 2;
      background: rgba(18,52,77,.85); backdrop-filter: blur(6px);
      color: #c8dde8; font-size: .6rem; font-weight: 700; letter-spacing: .08em;
      text-transform: uppercase; padding: 3px 10px; border-radius: 50px;
      border: 1px solid rgba(255,255,255,.1);
    }
    .mc-zoom-btn {
      position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
      background: rgba(18,52,77,.65); opacity: 0; transition: opacity .3s;
    }
    .mc-card:hover .mc-zoom-btn { opacity: 1; }
    .mc-zoom-btn i { color: #fff; font-size: 1.5rem; }
    .mc-info { padding: 13px 14px; }
    .mc-title { font-family: 'Playfair Display', serif; font-size: .88rem; color: var(--navy); font-weight: 600; line-height: 1.4; margin-bottom: 6px; }
    .mc-meta { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 4px; }
    .mc-date { font-size: .67rem; color: var(--muted); display: flex; align-items: center; gap: 5px; }
    .mc-date i { color: var(--orange); }
    .mc-time { font-size: .65rem; color: var(--orange); font-weight: 600; background: rgba(240,117,53,.08); padding: 2px 8px; border-radius: 50px; }

    /* ── TAB 4: Circulars ───────────────────────────────── */
    .circ-toolbar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; flex-wrap: wrap; gap: 10px; }
    .circ-search {
      display: flex; align-items: center; gap: 8px;
      border: 1.5px solid var(--border); border-radius: 8px; padding: 8px 14px;
      background: var(--white); transition: border-color .2s;
    }
    .circ-search:focus-within { border-color: var(--navy); }
    .circ-search i { color: var(--muted); font-size: .85rem; }
    .circ-search input { border: none; outline: none; font-size: .8rem; color: var(--text); background: transparent; width: 200px; }
    .circ-filter { display: flex; gap: 6px; flex-wrap: wrap; }
    .cf-btn {
      padding: 6px 14px; border-radius: 6px; border: 1.5px solid var(--border);
      background: var(--white); font-size: .72rem; font-weight: 600; color: var(--muted);
      cursor: pointer; transition: all .2s;
    }
    .cf-btn:hover, .cf-btn.active { background: var(--navy); color: #fff; border-color: var(--navy); }
    .circ-table-wrap { border-radius: 12px; overflow: hidden; border: 1px solid var(--border); box-shadow: var(--shadow-sm); }
    .circ-table { width: 100%; border-collapse: collapse; }
    .circ-table thead { background: var(--navy); }
    .circ-table thead th { color: rgba(255,255,255,.85); font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; padding: 14px 16px; text-align: left; white-space: nowrap; }
    .circ-table thead th:first-child { border-left: 3px solid var(--orange); }
    .circ-table tbody tr { border-bottom: 1px solid var(--border); transition: background .18s; }
    .circ-table tbody tr:last-child { border-bottom: none; }
    .circ-table tbody tr:hover { background: var(--light-bg); }
    .circ-table tbody td { padding: 13px 16px; font-size: .8rem; color: var(--text); vertical-align: middle; }
    .ct-sno { font-weight: 700; color: var(--muted); font-size: .75rem; }
    .ct-title-cell { display: flex; align-items: flex-start; gap: 10px; }
    .ct-icon { width: 32px; height: 32px; border-radius: 7px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: .85rem; }
    .ct-icon.pdf { background: rgba(220,38,38,.1); color: #dc2626; }
    .ct-icon.doc { background: rgba(37,99,235,.1); color: #2563eb; }
    .ct-icon.notice { background: rgba(240,117,53,.1); color: var(--orange); }
    .ct-name { font-weight: 600; color: var(--navy); font-size: .8rem; line-height: 1.35; }
    .ct-desc { font-size: .71rem; color: var(--muted); margin-top: 1px; }
    .ct-type-badge { font-size: .63rem; font-weight: 800; padding: 3px 9px; border-radius: 50px; letter-spacing: .07em; text-transform: uppercase; display: inline-block; }
    .ctb-circular { background: rgba(240,117,53,.1); color: var(--orange); }
    .ctb-notice { background: rgba(37,99,235,.1); color: #2563eb; }
    .ctb-exam { background: rgba(220,38,38,.1); color: #dc2626; }
    .ctb-holiday { background: rgba(5,150,105,.1); color: #059669; }
    .ctb-fee { background: rgba(124,58,237,.1); color: #7c3aed; }
    .ct-date { font-size: .76rem; color: var(--muted); white-space: nowrap; }
    .ct-date strong { display: block; color: var(--text); font-weight: 600; font-size: .78rem; }
    .ct-dl-btn {
      display: inline-flex; align-items: center; gap: 5px;
      padding: 6px 13px; border-radius: 6px; font-size: .72rem; font-weight: 700;
      text-decoration: none; transition: all .2s; border: none; cursor: pointer;
      background: var(--navy); color: #fff;
    }
    .ct-dl-btn:hover { background: var(--orange); color: #fff; transform: translateY(-1px); }
    .ct-new-badge { background: var(--orange); color: #fff; font-size: .56rem; font-weight: 800; padding: 1px 6px; border-radius: 50px; margin-left: 5px; letter-spacing: .07em; vertical-align: middle; animation: pulse-badge 1.5s infinite; }
    @keyframes pulse-badge { 0%,100%{opacity:1} 50%{opacity:.6} }
    .circ-pagination { display: flex; justify-content: space-between; align-items: center; margin-top: 16px; flex-wrap: wrap; gap: 8px; }
    .circ-pagination .cp-info { font-size: .76rem; color: var(--muted); }
    .cp-pages { display: flex; gap: 4px; }
    .cp-pg { width: 32px; height: 32px; border-radius: 6px; border: 1px solid var(--border); background: var(--white); color: var(--muted); font-size: .78rem; font-weight: 600; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all .2s; }
    .cp-pg:hover, .cp-pg.active { background: var(--navy); color: #fff; border-color: var(--navy); }

    @media(max-width:991px) {
      .rn-grid { grid-template-columns: 1fr 1fr; }
      .rn-featured { grid-row: span 1; grid-column: span 2; }
      .rn-featured .rn-img-ph { height: 260px; }
      .mc-grid { grid-template-columns: repeat(2, 1fr); }
      .ev-grid { grid-template-columns: repeat(2, 1fr); }
    }

    /* ── MOBILE TAB NAV ── */
    @media(max-width:767px) {
      /* Tab nav: horizontal scrollable strip */
      .nt-nav-wrap { justify-content: flex-start; overflow-x: auto; padding-bottom: 4px; }
      .nt-nav-wrap::-webkit-scrollbar { height: 0; }
      .nt-nav {
        flex-wrap: nowrap; border-radius: 12px; padding: 4px;
        gap: 2px; min-width: max-content;
      }
      .nt-btn {
        padding: 9px 13px; font-size: .72rem; gap: 5px;
        border-radius: 8px; white-space: nowrap;
      }
      .nt-btn .nt-count { display: none; }

      /* Recent News: single column */
      .rn-grid { grid-template-columns: 1fr; gap: 12px; }
      .rn-featured { grid-column: span 1; }
      .rn-featured .rn-img-ph { height: 220px; }
      .rn-sm { height: 100px; }
      .rn-sm-img { width: 100px; }
      .rn-sm-title { font-size: .82rem; }

      /* Events: single column */
      .ev-grid { grid-template-columns: 1fr; gap: 14px; }

      /* Media: 2 col */
      .mc-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
      .mc-title { font-size: .78rem; }
      .mc-info { padding: 10px 11px; }

      /* Circulars table: make scrollable */
      .circ-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
      .circ-table { min-width: 640px; }
      .circ-toolbar { flex-direction: column; align-items: flex-start; gap: 8px; }
      .circ-search { width: 100%; }
      .circ-search input { width: 100%; flex: 1; }
      .circ-filter { width: 100%; overflow-x: auto; flex-wrap: nowrap; padding-bottom: 2px; }
      .circ-filter::-webkit-scrollbar { height: 0; }
      .cf-btn { white-space: nowrap; }
      .circ-pagination { flex-direction: column; align-items: center; gap: 10px; }
    }

    @media(max-width:480px) {
      .nt-btn { padding: 8px 11px; font-size: .68rem; }
      .mc-grid { grid-template-columns: 1fr; }
      .mc-img-wrap { aspect-ratio: 16/9; }
      .rn-featured .rn-img-ph { height: 190px; }
      .rn-title-ov { font-size: 1rem; }
      .rn-excerpt-ov { display: none; }
      .rn-sm { height: 90px; }
      .rn-sm-img { width: 85px; }
    }
    .news-card {
      border: 1px solid var(--border); border-radius: var(--radius);
      overflow: hidden; transition: transform .3s, box-shadow .3s;
      height: 100%; background: var(--white);
    }
    .news-card:hover { transform: translateY(-7px); box-shadow: var(--shadow-lg); border-color: transparent; }
    .news-img-w { height: 190px; overflow: hidden; position: relative; }
    .news-cat-p { position: absolute; top: 12px; left: 12px; z-index: 2; background: var(--navy); color: #fff; font-size: .66rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; padding: 4px 12px; border-radius: 50px; }
    .news-ph { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; transition: transform .5s; }
    .news-card:hover .news-ph { transform: scale(1.06); }
    .news-body { padding: 20px; }
    .news-meta-r { font-size: .72rem; color: var(--muted); margin-bottom: 8px; display: flex; gap: 12px; }
    .news-meta-r i { color: var(--orange); }
    .news-h { font-family: 'Playfair Display', serif; font-size: 1.06rem; font-weight: 600; color: var(--navy); line-height: 1.4; margin-bottom: 8px; transition: color .2s; }
    .news-card:hover .news-h { color: var(--orange); }
    .news-ex { font-size: .79rem; color: var(--muted); line-height: 1.65; }
    .news-rm { display: inline-flex; align-items: center; gap: 5px; color: var(--navy); font-weight: 600; font-size: .77rem; text-decoration: none; margin-top: 12px; transition: all .2s; }
    .news-rm:hover { gap: 9px; color: var(--orange); }

    /* ═══ ABOUT ═══════════════════════════════ */
    .about-sec {
      padding: 72px 0; position: relative; overflow: hidden;
      background: linear-gradient(135deg, var(--navy3) 0%, var(--navy) 60%, var(--navy2) 100%);
    }
    .about-sec::before { content: ''; position: absolute; top: -100px; right: -100px; width: 350px; height: 350px; border-radius: 50%; background: rgba(240,117,53,.04); border: 1px solid rgba(240,117,53,.08); }
    .about-sec::after { content: ''; position: absolute; bottom: -60px; left: -60px; width: 220px; height: 220px; border-radius: 50%; border: 1px solid rgba(240,117,53,.06); }
    .about-quote { font-family: 'Playfair Display', serif; font-size: 7rem; color: var(--orange); opacity: .1; line-height: .5; position: absolute; top: 28px; left: 20px; user-select: none; }
    .about-text { font-family: 'Playfair Display', serif; font-size: 1.12rem; color: rgba(255,255,255,.85); line-height: 1.85; font-style: italic; position: relative; z-index: 1; }
    .af-row { display: flex; align-items: flex-start; gap: 13px; margin-top: 20px; }
    .af-ic { width: 42px; height: 42px; background: rgba(240,117,53,.12); border: 1px solid rgba(240,117,53,.25); border-radius: 10px; display: flex; align-items: center; justify-content: center; color: var(--orange); font-size: 1.1rem; flex-shrink: 0; }
    .af-tx h6 { color: #c8dde8; font-weight: 600; font-size: .83rem; margin-bottom: 2px; }
    .af-tx p { color: rgba(255,255,255,.45); font-size: .76rem; margin: 0; }
    .about-img-box { width: 100%; border-radius: var(--radius); aspect-ratio: 4/3; background: linear-gradient(135deg, rgba(255,255,255,.05), rgba(255,255,255,.02)); border: 1px solid rgba(255,255,255,.1); display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; }
    .about-img-box i { font-size: 5rem; color: rgba(255,255,255,.08); }
    .about-img-box::before { content: ''; position: absolute; top: -30px; right: -30px; width: 140px; height: 140px; border-radius: 50%; background: rgba(240,117,53,.07); }
    .about-badge { position: absolute; bottom: -12px; right: -12px; background: var(--orange); color: #fff; border-radius: 10px; padding: 13px 18px; text-align: center; box-shadow: var(--shadow-md); }
    .ab-n { font-family: 'Cinzel', serif; font-size: 1.7rem; font-weight: 700; display: block; line-height: 1; }
    .ab-t { font-size: .65rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; opacity: .9; }
    .float-chip { position: absolute; top: -14px; left: -14px; background: rgba(255,255,255,.96); border-radius: 10px; padding: 10px 14px; box-shadow: var(--shadow-md); display: flex; align-items: center; gap: 9px; z-index: 2; }
    .fc-ic { width: 36px; height: 36px; border-radius: 50%; background: var(--navy); display: flex; align-items: center; justify-content: center; }
    .fc-ic i { color: var(--orange); font-size: .95rem; }
    .fc-n { font-weight: 800; font-size: .88rem; color: var(--navy); }
    .fc-l { font-size: .63rem; color: var(--muted); }

    /* ═══ GALLERY ═════════════════════════════ */
    .gallery-sec { padding: 68px 0; background: var(--light-bg); }
    .gal-slide { display: flex; gap: 10px; height: 330px; }
    .gal-item { border-radius: 10px; overflow: hidden; position: relative; cursor: pointer; flex: 1; }
    .gal-item-lg { flex: 1.65; }
    .gal-col { display: flex; flex-direction: column; gap: 10px; flex: 1; }
    .gal-col .gal-item { flex: 1; }
    .gal-hover { position: absolute; inset: 0; background: rgba(18,52,77,.72); display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity .3s; border-radius: 10px; }
    .gal-item:hover .gal-hover { opacity: 1; }
    .gal-hover i { color: #fff; font-size: 1.7rem; }
    .gal-cap { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(transparent, rgba(18,52,77,.8)); padding: 20px 12px 10px; }
    .gal-cap span { color: #fff; font-size: .7rem; font-weight: 600; letter-spacing: .07em; text-transform: uppercase; }
    .vid-card { background: var(--navy3); border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow-md); height: 100%; display: flex; flex-direction: column; border: 1px solid rgba(255,255,255,.06); }
    .vid-hdr { background: var(--navy); padding: 12px 16px; display: flex; align-items: center; gap: 8px; border-bottom: 2px solid var(--orange); }
    .vid-hdr i { color: var(--orange); font-size: 1.15rem; }
    .vid-hdr span { font-weight: 700; font-size: .78rem; color: rgba(255,255,255,.9); letter-spacing: .07em; text-transform: uppercase; }
    .vid-ph { padding-bottom: 56.25%; position: relative; background: linear-gradient(135deg, #07151f, #0f2333); }
    .vid-ph-inner { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; }
    .play-circle { width: 56px; height: 56px; border-radius: 50%; background: var(--orange); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; cursor: pointer; border: none; transition: transform .3s, box-shadow .3s; box-shadow: 0 6px 22px rgba(240,117,53,.45); }
    .play-circle:hover { transform: scale(1.1); box-shadow: 0 10px 30px rgba(240,117,53,.6); }
    .vid-ph-inner p { color: rgba(255,255,255,.4); font-size: .75rem; margin: 0; }
    .vid-info-box { padding: 14px 16px; }
    .vid-info-box h6 { color: #9dbdd0; font-size: .82rem; font-weight: 600; margin-bottom: 3px; }
    .vid-info-box p { color: rgba(255,255,255,.38); font-size: .73rem; margin: 0; }

    /* ═══ FOOTER ══════════════════════════════ */
    .site-footer { background: var(--navy3); padding: 60px 0 0; border-top: 3px solid var(--orange); }
    .ftr-logo-img { height: 52px; }
    .ftr-name { font-family: 'Cinzel', serif; font-size: .96rem; font-weight: 700; color: #fff; line-height: 1.2; margin-top: 8px; }
    .ftr-name span { display: block; color: var(--orange); font-size: .67rem; font-weight: 400; letter-spacing: .1em; }
    .ftr-info { color: rgba(255,255,255,.4); font-size: .78rem; line-height: 1.75; margin: 12px 0; }
    .ftr-row { display: flex; align-items: flex-start; gap: 9px; color: rgba(255,255,255,.55); font-size: .78rem; margin-bottom: 8px; }
    .ftr-row i { color: var(--orange); flex-shrink: 0; margin-top: 2px; }
    .ftr-row a { color: rgba(255,255,255,.55); text-decoration: none; transition: color .2s; }
    .ftr-row a:hover { color: var(--orange); }
    .ftr-h { font-family: 'Cinzel', serif; font-size: .88rem; font-weight: 600; color: #fff; margin-bottom: 5px; letter-spacing: .05em; }
    .ftr-dv { width: 32px; height: 2px; background: var(--orange); margin-bottom: 15px; border-radius: 2px; }
    .ftr-ul { list-style: none; padding: 0; margin: 0; }
    .ftr-ul li { margin-bottom: 7px; }
    .ftr-ul a { color: rgba(255,255,255,.45); font-size: .78rem; text-decoration: none; display: flex; align-items: center; gap: 7px; transition: all .2s; }
    .ftr-ul a i { color: var(--orange); font-size: .6rem; }
    .ftr-ul a:hover { color: rgba(255,255,255,.85); padding-left: 5px; }
    .ftr-nl-t { color: rgba(255,255,255,.4); font-size: .77rem; line-height: 1.7; margin-bottom: 14px; }
    .nl-group { display: flex; border: 1px solid rgba(255,255,255,.1); border-radius: 8px; overflow: hidden; }
    .nl-group input { flex: 1; background: rgba(255,255,255,.06); border: none; color: #fff; font-size: .79rem; padding: 10px 13px; outline: none; }
    .nl-group input::placeholder { color: rgba(255,255,255,.22); }
    .nl-group input:focus { background: rgba(255,255,255,.09); }
    .nl-group button { background: var(--orange); border: none; color: #fff; padding: 0 16px; cursor: pointer; font-size: .8rem; font-weight: 700; transition: background .2s; }
    .nl-group button:hover { background: var(--orange2); }
    .nl-ok { font-size: .72rem; color: #7dc898; margin-top: 7px; display: none; }
    .soc-row { display: flex; gap: 7px; flex-wrap: wrap; margin-top: 14px; }
    .soc-b { width: 33px; height: 33px; border-radius: 8px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.08); display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,.4); font-size: .85rem; text-decoration: none; transition: all .25s; }
    .soc-b:hover { background: var(--orange); border-color: var(--orange); color: #fff; transform: translateY(-3px); }
    .ftr-vid-wrap { border-radius: var(--radius); overflow: hidden; border: 1px solid rgba(255,255,255,.06); }
    .ftr-vid-ph { aspect-ratio: 16/9; background: linear-gradient(135deg, #07151f, #0f2333); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; cursor: pointer; transition: background .3s; }
    .ftr-vid-ph:hover { background: linear-gradient(135deg, #0d1d2a, #162a3a); }
    .ftr-vid-ph p { color: rgba(255,255,255,.35); font-size: .74rem; margin: 0; }
    .office-box { margin-top: 14px; padding: 12px; background: rgba(255,255,255,.03); border-radius: 8px; border: 1px solid rgba(255,255,255,.06); }
    .office-box .ot { font-size: .66rem; color: rgba(255,255,255,.28); letter-spacing: .12em; text-transform: uppercase; margin-bottom: 7px; }
    .office-box div { font-size: .76rem; color: rgba(255,255,255,.5); margin-bottom: 3px; }
    .office-box i { color: var(--orange); margin-right: 6px; }
    .ftr-bot { margin-top: 48px; border-top: 1px solid rgba(255,255,255,.06); padding: 16px 0; }
    .ftr-bot p { color: rgba(255,255,255,.25); font-size: .72rem; margin: 0; }
    .ftr-bot a { color: var(--orange); text-decoration: none; }

    /* ═══ ANIMATIONS ══════════════════════════ */
    .fade-up { opacity: 0; transform: translateY(26px); transition: opacity .65s ease, transform .65s ease; }
    .fade-up.vis { opacity: 1; transform: none; }
    .fade-up:nth-child(2){transition-delay:.1s}.fade-up:nth-child(3){transition-delay:.2s}.fade-up:nth-child(4){transition-delay:.3s}

    /* Scroll top */
    .scroll-top { position: fixed; bottom: 22px; right: 22px; width: 42px; height: 42px; border-radius: 10px; background: var(--navy); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 1rem; cursor: pointer; z-index: 999; opacity: 0; transform: translateY(16px); transition: opacity .3s, transform .3s, background .2s; border: none; box-shadow: var(--shadow-md); }
    .scroll-top.show { opacity: 1; transform: none; }
    .scroll-top:hover { background: var(--orange); }

    /* ═══ RESPONSIVE ══════════════════════════ */
    @media(max-width:991px) {
      .desktop-nav { display: none !important; }
      .mobile-toggle { display: flex; }
      .hdr-cta-wrap .cta-ghost { display: none; }
      .school-logo-img { height: 58px; }
    }
    @media(max-width:767px) {
      .hero-wrap .carousel-item { height: 420px; }
      .hero-title { font-size: 1.7rem; }
      .hero-desc { font-size: .84rem; }
      .h-btn-ghost { display: none; }
      .hero-stats { display: none; }
      .about-badge { position: static; margin-top: 14px; display: inline-block; }
      .float-chip { display: none; }
      .gal-slide { height: 240px; }
      .topbar .ti:last-of-type { display: none; }
      .hdr-cta-wrap .cta-primary { display: none; }
      .school-logo-img { height: 50px; }
    }
    @media(max-width:480px) {
      .hero-wrap .carousel-item { height: 360px; }
      .hero-title { font-size: 1.4rem; }
      .hero-geo { display: none; }
      .gal-slide { flex-direction: column; height: auto; }
      .gal-col { flex-direction: row; height: 130px; }
      .gal-col .gal-item { height: 130px; }
      .gal-item-lg { height: 150px; }
    }