:root {
      --blue:#1a3c6e; --blue2:#234f8f; --blue3:#0e274c;
      --gold:#f5a623; --gold2:#e19312;
      --silver:#c0c0c0; --dark:#0b1628; --light:#f7f9fc; --text:#1d2b42;
    }
    html { scroll-behavior:smooth; }
    body { font-family:'Poppins',sans-serif; background:#fff; color:var(--text); overflow-x:hidden; }

    /* ANNOUNCE BAR */
    .announce-bar {
      background:linear-gradient(90deg,var(--blue3),var(--blue));
      color:rgba(255,255,255,.9); font-size:.8rem; font-weight:500; overflow:hidden;
      border-bottom:2px solid rgba(245,166,35,.4);
    }
    .announce-inner { display:flex; align-items:center; }
    .announce-label {
      background:var(--gold); color:#111; font-weight:800; font-size:.75rem;
      padding:10px 16px; white-space:nowrap; flex-shrink:0;
    }
    .announce-scroll { overflow:hidden; flex:1; padding:10px 0; }
    .announce-text { display:inline-block; white-space:nowrap; animation:marquee 35s linear infinite; }
    @keyframes marquee { from{transform:translateX(100%)} to{transform:translateX(-100%)} }

    /* TOP BAR */
    .topbar {
      background:linear-gradient(90deg,#0b1d36,var(--blue));
      color:rgba(255,255,255,.85); font-size:.8rem; font-weight:500;
      border-bottom:1px solid rgba(255,255,255,.06);
    }
    .topbar a { color:var(--gold); text-decoration:none; }
    .topbar .soc a {
      width:26px; height:26px; border-radius:6px;
      display:inline-grid; place-items:center;
      background:rgba(255,255,255,.08); color:rgba(255,255,255,.8); font-size:.75rem; transition:.2s;
    }
    .topbar .soc a:hover { background:var(--gold); color:#111; }

    /* NAVBAR */
    .navbar {
      backdrop-filter:blur(18px) saturate(1.9);
      -webkit-backdrop-filter:blur(18px) saturate(1.9);
      background:rgba(255,255,255,.96);
      box-shadow:0 2px 20px rgba(11,22,40,.08);
      border-bottom:2px solid rgba(26,60,110,.05);
      padding:8px 0;
    }
    .navbar-brand img { height:48px; width:auto; max-width:180px; object-fit:contain; display:block; }
    .nav-link {
      font-weight:600; font-size:.8rem; color:#2c3e56!important;
      padding:6px 8px!important; border-radius:8px; transition:.2s;
    }
    .nav-link:hover,.nav-link.active { background:rgba(26,60,110,.08); color:var(--blue)!important; }
    .nav-cta {
      background:linear-gradient(135deg,var(--gold),var(--gold2))!important;
      color:#111!important; font-weight:700!important; border-radius:10px!important;
    }
    .nav-cta:hover { filter:brightness(1.05); transform:translateY(-1px); }

    /* HERO */
    .hero {
      min-height:100vh; position:relative; display:flex; align-items:center; color:#fff;
      background:url('images/banner.jfif') center/cover no-repeat;
    }
    .hero-overlay {
      position:absolute; inset:0;
      background:linear-gradient(110deg,rgba(10,20,45,.9) 0%,rgba(10,20,45,.65) 55%,rgba(10,20,45,.2) 100%);
    }
    .hero-content { position:relative; z-index:2; }
    .hero h1 { font-size:clamp(2.1rem,4.2vw,4.2rem); font-weight:800; line-height:1.08; letter-spacing:-.5px; }
    .hero h1 em { color:var(--gold); font-style:normal; }
    .hero .tagline { font-size:1rem; color:rgba(255,255,255,.85); max-width:580px; }
    .hero-pill {
      display:inline-flex; align-items:center; gap:8px;
      background:rgba(255,255,255,.1); backdrop-filter:blur(8px);
      border:1px solid rgba(255,255,255,.18); border-radius:50px;
      padding:7px 18px; font-size:.78rem; font-weight:600; margin-bottom:22px;
    }
    .hero-stats { display:flex; gap:36px; flex-wrap:wrap; margin-top:38px; }
    .hero-stat .n { font-size:2rem; font-weight:800; color:var(--gold); line-height:1; }
    .hero-stat .l { font-size:.75rem; color:rgba(255,255,255,.7); margin-top:3px; }
    .scroll-hint {
      position:absolute; bottom:30px; left:50%; transform:translateX(-50%); z-index:2;
      width:36px; height:36px; border-radius:50%;
      border:2px solid rgba(255,255,255,.35); display:grid; place-items:center;
      color:rgba(255,255,255,.6); animation:bob 2.2s ease-in-out infinite;
    }
    @keyframes bob { 0%,100%{transform:translateX(-50%) translateY(0)} 50%{transform:translateX(-50%) translateY(7px)} }

    /* BUTTONS */
    .btn-gold {
      background:var(--gold); border:0; color:#111; font-weight:700;
      border-radius:12px; padding:12px 28px; transition:.25s;
    }
    .btn-gold:hover {
      background:var(--gold2); color:#111; transform:translateY(-1px);
      box-shadow:0 8px 24px rgba(245,166,35,.4);
    }
    .btn-outline-white {
      border:2px solid rgba(255,255,255,.55); color:#fff; font-weight:600;
      border-radius:12px; padding:11px 28px; transition:.25s;
    }
    .btn-outline-white:hover { background:rgba(255,255,255,.15); color:#fff; border-color:#fff; }

    /* SECTION COMMONS */
    .section-pad { padding:96px 0; }
    .section-title { color:var(--blue); font-weight:800; letter-spacing:-.3px; }
    .sec-divider { width:48px; height:4px; background:linear-gradient(90deg,var(--gold),var(--blue)); border-radius:4px; margin:12px 0 0; }
    .sec-divider.center { margin:12px auto 0; }
    .section-sub { color:#62738a; font-size:.93rem; }

    /* ABOUT */
    .about-main-img { width:100%; height:420px; object-fit:cover; border-radius:24px; box-shadow:0 20px 56px rgba(11,22,40,.16); }
    .about-float-card {
      position:absolute; bottom:-24px; right:-16px;
      background:linear-gradient(135deg,var(--blue),var(--blue2));
      color:#fff; border-radius:18px; padding:22px 26px; text-align:center;
      box-shadow:0 12px 32px rgba(26,60,110,.3); min-width:140px;
    }
    .about-float-card .n { font-size:1.8rem; font-weight:800; color:var(--gold); }
    .about-float-card .l { font-size:.72rem; opacity:.8; }
    .trust-pill {
      display:inline-flex; align-items:center; gap:8px;
      background:linear-gradient(90deg,var(--gold),#e8961a); color:#111;
      border-radius:50px; padding:5px 16px; font-size:.76rem; font-weight:700; margin-bottom:14px;
    }
    .about-feat { display:flex; gap:14px; align-items:flex-start; padding:14px; border-radius:14px; transition:.2s; }
    .about-feat:hover { background:#f7f9fc; }
    .feat-icon {
      width:44px; height:44px; border-radius:13px;
      background:rgba(26,60,110,.09); color:var(--blue);
      display:grid; place-items:center; font-size:1rem; flex-shrink:0;
    }

    /* LEADERS */
    .leader-card {
      background:#fff; border-radius:20px; padding:28px 20px;
      box-shadow:0 8px 28px rgba(11,22,40,.08); text-align:center; transition:.3s;
    }
    .leader-card:hover { transform:translateY(-5px); box-shadow:0 16px 48px rgba(11,22,40,.14); }
    .leader-img {
      width:110px; height:110px; border-radius:50%; object-fit:cover;
      border:3px solid var(--gold); margin:0 auto 16px; display:block;
    }

    /* STATS STRIP */
    .stats-strip {
      background:linear-gradient(135deg,var(--blue3) 0%,var(--blue) 100%);
      color:#fff; padding:60px 0;
    }
    .stat-box { text-align:center; }
    .stat-box .n { font-size:2.8rem; font-weight:800; color:var(--gold); line-height:1; }
    .stat-box .l { font-size:.82rem; margin-top:6px; opacity:.78; font-weight:500; }

    /* STREAMS */
    .stream-card {
      border:0; border-radius:22px; overflow:hidden;
      box-shadow:0 10px 32px rgba(11,22,40,.1); transition:.35s;
    }
    .stream-card:hover { transform:translateY(-8px); box-shadow:0 22px 54px rgba(11,22,40,.18); }
    .stream-img { width:100%; height:230px; object-fit:cover; display:block; }
    .stream-badge {
      position:absolute; top:14px; left:14px;
      background:var(--blue); color:#fff;
      border-radius:8px; padding:4px 12px; font-size:.74rem; font-weight:700;
    }
    .stream-body { padding:24px; background:#fff; }
    .combo-tag {
      background:rgba(26,60,110,.07); color:var(--blue);
      border-radius:6px; padding:3px 10px; font-size:.74rem; font-weight:600;
      display:inline-block; margin:3px 2px;
    }

    /* WHY / FEATURE CARDS */
    .feat-card {
      background:#fff; border:0; border-radius:20px;
      padding:30px 24px; box-shadow:0 8px 26px rgba(11,22,40,.07);
      transition:.3s; height:100%;
    }
    .feat-card:hover { transform:translateY(-5px); box-shadow:0 18px 44px rgba(11,22,40,.12); }
    .feat-card-icon {
      width:60px; height:60px; border-radius:18px;
      background:linear-gradient(135deg,rgba(26,60,110,.08),rgba(26,60,110,.15));
      color:var(--blue); display:grid; place-items:center;
      font-size:1.4rem; margin-bottom:18px; flex-shrink:0;
    }
    .feat-card:not(.text-center) {
      display:flex; flex-wrap:wrap; align-items:flex-start; gap:0 16px;
    }
    .feat-card:not(.text-center) .feat-card-icon {
      margin-bottom:0; align-self:center;
    }
    .feat-card:not(.text-center) > h5 {
      flex:1; min-width:0; align-self:center; margin-bottom:12px;
    }
    .feat-card:not(.text-center) > p,
    .feat-card:not(.text-center) > a,
    .feat-card:not(.text-center) > div:not(.feat-card-icon) {
      flex-basis:100%;
      margin-top:10px;
    }

    /* GALLERY */
    .gallery-item { overflow:hidden; border-radius:16px; cursor:pointer; position:relative; background:#111; }
    .gallery-item img { width:100%; height:240px; object-fit:cover; transition:.4s; display:block; }
    .gallery-item:hover img { transform:scale(1.08); opacity:.82; }
    .gal-ov {
      position:absolute; inset:0;
      background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.65));
      opacity:0; transition:.3s; display:flex; align-items:flex-end; padding:14px;
    }
    .gallery-item:hover .gal-ov { opacity:1; }
    .gal-ov i { color:#fff; font-size:1.4rem; margin-left:auto; }

    /* TESTIMONIALS */
    .testi-card {
      border:0; border-radius:20px; padding:26px;
      box-shadow:0 8px 26px rgba(11,22,40,.07); background:#fff; height:100%;
      transition:.3s; border-top:3px solid transparent;
    }
    .testi-card:hover { transform:translateY(-4px); border-top-color:var(--gold); }
    .stars { color:var(--gold); font-size:.88rem; }
    .quote-i { font-size:1.9rem; color:rgba(26,60,110,.12); line-height:1; }

    /* CONTACT */
    .contact-wrap { background:linear-gradient(155deg,#eef2f9 0%,#fff 65%); }
    .c-info-card {
      background:linear-gradient(145deg,var(--blue3),var(--blue));
      border-radius:24px; padding:38px; color:#fff;
      box-shadow:0 20px 56px rgba(11,22,40,.22); height:100%;
    }
    .ci-row {
      display:flex; gap:14px; align-items:flex-start;
      padding:15px 0; border-bottom:1px solid rgba(255,255,255,.09);
    }
    .ci-row:last-of-type { border-bottom:0; padding-bottom:0; }
    .ci-ico {
      width:42px; height:42px; border-radius:12px;
      background:rgba(245,166,35,.18); color:var(--gold);
      display:grid; place-items:center; font-size:1rem; flex-shrink:0;
    }
    .ci-lbl { font-size:.72rem; opacity:.65; font-weight:500; margin-bottom:2px; }
    .ci-val { font-size:.88rem; font-weight:600; }
    .ci-val a { color:rgba(255,255,255,.82); text-decoration:none; }
    .ci-val a:hover { color:var(--gold); }
    .c-social { display:flex; gap:10px; margin-top:22px; }
    .c-social a {
      width:40px; height:40px; border-radius:11px;
      background:rgba(255,255,255,.09); color:rgba(255,255,255,.8);
      display:grid; place-items:center; font-size:.95rem; transition:.2s; text-decoration:none;
    }
    .c-social a:hover { background:var(--gold); color:#111; }
    .enq-card {
      background:#fff; border-radius:24px; padding:38px;
      box-shadow:0 12px 38px rgba(11,22,40,.09);
    }
    .enq-card .form-control,.enq-card .form-select {
      border:1.5px solid #e2e8f0; border-radius:11px;
      padding:11px 15px; font-size:.88rem; font-family:'Poppins',sans-serif; transition:.2s;
    }
    .enq-card .form-control:focus,.enq-card .form-select:focus {
      border-color:var(--blue); box-shadow:0 0 0 3px rgba(26,60,110,.09);
    }
    .enq-card label { font-size:.8rem; font-weight:600; color:#4a5568; margin-bottom:5px; }
    .map-wrap { border-radius:22px; overflow:hidden; box-shadow:0 10px 36px rgba(11,22,40,.1); }
    .map-wrap iframe { width:100%; height:300px; border:0; display:block; }

    /* FOOTER */
    footer {
      background:linear-gradient(160deg,#060e1d 0%,#0e1c33 100%);
      color:#c5d0e0; border-top:1px solid rgba(255,255,255,.05);
    }
    footer h6 {
      color:#fff; font-weight:700; font-size:.82rem;
      letter-spacing:.6px; text-transform:uppercase; margin-bottom:14px;
    }
    footer a { color:#c5d0e0; text-decoration:none; font-size:.86rem; transition:.2s; }
    footer a:hover { color:var(--gold); }
    .footer-logo img { height:52px; object-fit:contain; }
    .f-social a {
      width:36px; height:36px; border-radius:10px;
      background:rgba(255,255,255,.07); color:#c5d0e0;
      display:inline-grid; place-items:center; transition:.2s;
    }
    .f-social a:hover { background:var(--gold); color:#111; }
    .footer-hr { border-color:rgba(255,255,255,.07); }
    .footer-bottom { font-size:.78rem; color:rgba(197,208,224,.55); }

    /* FLOATING BTN */
    .floating-btn {
      position:fixed; right:20px; bottom:20px; z-index:1040;
      width:48px; height:48px; border-radius:13px;
      background:linear-gradient(135deg,var(--blue),var(--blue2));
      color:#fff; display:grid; place-items:center;
      box-shadow:0 8px 24px rgba(11,22,40,.25); transition:.25s;
      opacity:0; pointer-events:none; text-decoration:none;
    }
    .floating-btn.vis { opacity:1; pointer-events:all; }
    .floating-btn:hover { transform:translateY(-3px); color:#fff; }

    /* MODAL */
    #lightboxImg { width:100%; height:auto; border-radius:12px; }

    /* RESPONSIVE */
    @media(max-width:768px) {
      .about-float-card { right:0; bottom:-18px; }
      .hero-stats { display:none; }
      .section-pad { padding:64px 0; }
      .c-info-card { padding:26px 20px; }
      .enq-card { padding:26px 20px; }
    }
    @media(max-width:576px) {
      .navbar-brand img { height:40px; max-width:150px; }
    }