
    .about-page .about-hero{background:linear-gradient(135deg,var(--brand-blue),var(--brand-blue-2));color:var(--white);border-radius:28px;padding:3rem;box-shadow:var(--shadow);position:relative;overflow:hidden}
    .about-page .about-hero::after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-80px;top:-100px;background:rgba(255,255,255,.08)}
    .about-page .about-kicker{display:inline-flex;align-items:center;gap:.55rem;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-gold);margin-bottom:1rem}
    .about-page .about-hero h1{font-size:clamp(2.3rem,4.5vw,4.4rem);font-weight:800;letter-spacing:-.035em;margin-bottom:1rem}
    .about-page .about-hero p{max-width:820px;color:rgba(255,255,255,.9);font-size:1.04rem;line-height:1.8;margin-bottom:0}
    .about-page .about-stat{height:100%;background:var(--white);border:1px solid rgba(10,47,102,.1);border-radius:20px;padding:1.35rem;text-align:center;box-shadow:var(--shadow)}
    .about-page .about-stat strong{display:block;color:var(--brand-blue);font-size:1.8rem;font-weight:800}.about-page .about-stat span{color:var(--muted);font-size:.9rem}
    .about-page .about-card{height:100%;background:var(--white);border:1px solid rgba(10,47,102,.1);border-radius:24px;padding:2rem;box-shadow:var(--shadow);transition:transform .3s ease,box-shadow .3s ease}
    .about-page .about-card:hover{transform:translateY(-6px);box-shadow:0 18px 34px rgba(10,47,102,.14)}
    .about-page .about-icon{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand-blue),var(--brand-blue-2));color:var(--white);font-size:1.45rem;margin-bottom:1.2rem}
    .about-page .about-card h2,.about-page .about-card h3{color:var(--brand-blue);font-weight:800}.about-page .about-card p{color:var(--muted);line-height:1.8}
    .about-page .vision-list{list-style:none;padding:0;margin:0}.about-page .vision-list li{display:flex;gap:.8rem;align-items:flex-start;padding:.65rem 0;color:var(--text);border-bottom:1px solid rgba(10,47,102,.08)}.about-page .vision-list li:last-child{border-bottom:0}.about-page .vision-list i{color:var(--brand-gold);font-size:1.1rem;margin-top:.15rem}
    .about-page .legacy-wrap{background:var(--brand-light);border-radius:28px;padding:2.3rem;box-shadow:var(--shadow)}
    .about-page .legacy-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--white);color:var(--brand-blue);border:1px solid rgba(10,47,102,.1);padding:.55rem .9rem;border-radius:999px;font-weight:800;font-size:.82rem}
    .about-page .legacy-title{color:var(--brand-blue);font-weight:800}.about-page .legacy-copy{color:var(--muted);line-height:1.85}
    .about-page .timeline{position:relative;padding-left:2rem}.about-page .timeline::before{content:"";position:absolute;left:.48rem;top:.4rem;bottom:.4rem;width:2px;background:rgba(10,47,102,.16)}
    .about-page .timeline-item{position:relative;padding:0 0 1.45rem 1rem}.about-page .timeline-item:last-child{padding-bottom:0}.about-page .timeline-dot{position:absolute;left:-1.95rem;top:.25rem;width:16px;height:16px;border-radius:50%;background:var(--brand-gold);border:4px solid var(--white);box-shadow:0 0 0 2px rgba(10,47,102,.15)}.about-page .timeline-item h3{font-size:1.05rem;color:var(--brand-blue);font-weight:800;margin-bottom:.35rem}.about-page .timeline-item p{color:var(--muted);margin:0;line-height:1.7}
    .about-page .leadership-strip{background:linear-gradient(135deg,var(--brand-blue),var(--brand-blue-2));color:var(--white);border-radius:24px;padding:2rem;box-shadow:var(--shadow)}.about-page .leadership-strip h2{font-weight:800}.about-page .leadership-strip p{color:rgba(255,255,255,.88);line-height:1.75;margin-bottom:0}
    @media(max-width:767.98px){.about-page .about-hero{padding:2rem 1.5rem}.about-page .legacy-wrap{padding:1.5rem}.about-page .about-card{padding:1.5rem}}
  

    /* Creative About page — header/footer remain untouched */
    .about-page{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#f8fbff 34%,#fffaf1 67%,#fff 100%)}
    .about-page::before,.about-page::after{content:"";position:absolute;border-radius:50%;filter:blur(10px);pointer-events:none;z-index:0}
    .about-page::before{width:420px;height:420px;background:radial-gradient(circle,rgba(236,72,153,.14),rgba(236,72,153,0) 68%);top:220px;left:-180px}
    .about-page::after{width:500px;height:500px;background:radial-gradient(circle,rgba(16,185,129,.12),rgba(16,185,129,0) 68%);top:900px;right:-220px}
    .about-page>section,.about-page>.modal,.about-page>script{position:relative;z-index:1}

    .about-page .about-hero{position:relative;overflow:hidden;border-radius:32px;padding:4rem 3rem;color:#fff;background:linear-gradient(125deg,#0A2F66 0%,#0D4D9C 44%,#6d28d9 74%,#db2777 100%);box-shadow:0 28px 60px rgba(10,47,102,.24);isolation:isolate}
    .about-page .about-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 18%,rgba(255,255,255,.26),transparent 18%),radial-gradient(circle at 68% 80%,rgba(245,158,11,.28),transparent 24%);z-index:-1}
    .about-page .about-hero::after{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(255,255,255,.14);border-radius:50%;right:-90px;top:-120px;box-shadow:0 0 0 55px rgba(255,255,255,.04),0 0 0 110px rgba(255,255,255,.025);z-index:-1}
    .about-page .about-kicker{display:inline-flex;align-items:center;gap:.55rem;padding:.5rem .85rem;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#ffd166;margin-bottom:1rem;backdrop-filter:blur(8px)}
    .about-page .about-hero h1{font-size:clamp(2.7rem,5vw,5rem);font-weight:800;letter-spacing:-.045em;margin-bottom:1rem;text-shadow:0 8px 24px rgba(0,0,0,.16)}
    .about-page .about-hero p{max-width:900px;color:rgba(255,255,255,.92);font-size:1.07rem;line-height:1.85;margin-bottom:0}

    .about-page .row.g-3.mt-1{margin-top:-1.8rem!important;position:relative;z-index:3;padding:0 1rem}
    .about-page .about-stat{height:100%;position:relative;overflow:hidden;border:0;border-radius:22px;padding:1.45rem 1rem;text-align:center;color:#fff;box-shadow:0 16px 34px rgba(10,47,102,.16);transition:.3s ease}
    .about-page .row.g-3.mt-1>div:nth-child(1) .about-stat{background:linear-gradient(135deg,#0D4D9C,#2563eb)}
    .about-page .row.g-3.mt-1>div:nth-child(2) .about-stat{background:linear-gradient(135deg,#7c3aed,#db2777)}
    .about-page .row.g-3.mt-1>div:nth-child(3) .about-stat{background:linear-gradient(135deg,#059669,#10b981)}
    .about-page .about-stat::after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-28px;top:-28px;background:rgba(255,255,255,.13)}
    .about-page .about-stat:hover{transform:translateY(-7px) scale(1.015)}
    .about-page .about-stat strong{display:block;color:#fff;font-size:1.9rem;font-weight:800}.about-page .about-stat span{color:rgba(255,255,255,.88);font-size:.9rem}

    .about-page .section-title small{color:var(--brand-gold);font-weight:800;letter-spacing:.14em;text-transform:uppercase}.about-page .section-title h2{color:var(--brand-blue);font-weight:800}
    .about-page .about-card{height:100%;position:relative;overflow:hidden;background:#fff;border:0;border-radius:28px;padding:2.2rem;box-shadow:0 18px 42px rgba(10,47,102,.11);transition:transform .35s ease,box-shadow .35s ease}
    .about-page .about-card::before{content:"";position:absolute;left:0;top:0;width:100%;height:7px}
    .about-page .col-lg-6:nth-child(1) .about-card::before{background:linear-gradient(90deg,#0D4D9C,#06b6d4,#10b981)}
    .about-page .col-lg-6:nth-child(2) .about-card::before{background:linear-gradient(90deg,#7c3aed,#db2777,#f59e0b)}
    .about-page .about-card:hover{transform:translateY(-9px);box-shadow:0 26px 52px rgba(10,47,102,.17)}
    .about-page .about-icon{width:64px;height:64px;border-radius:19px;display:grid;place-items:center;color:#fff;font-size:1.55rem;margin-bottom:1.3rem;box-shadow:0 12px 24px rgba(10,47,102,.18)}
    .about-page .col-lg-6:nth-child(1) .about-icon{background:linear-gradient(135deg,#0D4D9C,#06b6d4)}
    .about-page .col-lg-6:nth-child(2) .about-icon{background:linear-gradient(135deg,#7c3aed,#db2777)}
    .about-page .about-card h2,.about-page .about-card h3{color:var(--brand-blue);font-weight:800}.about-page .about-card p{color:var(--muted);line-height:1.8}
    .about-page .vision-list{list-style:none;padding:0;margin:0}.about-page .vision-list li{display:flex;gap:.8rem;align-items:flex-start;padding:.7rem .8rem;margin:.45rem 0;border:0;border-radius:14px;background:linear-gradient(90deg,#faf5ff,#fff7ed);color:var(--text);transition:.25s ease}.about-page .vision-list li:hover{transform:translateX(5px);background:linear-gradient(90deg,#eef6ff,#ecfdf5)}.about-page .vision-list i{color:#db2777;font-size:1.1rem;margin-top:.15rem}

    .about-page .legacy-wrap{position:relative;overflow:hidden;background:linear-gradient(135deg,#eef6ff 0%,#f5f3ff 46%,#fff7ed 100%);border:1px solid rgba(10,47,102,.08);border-radius:32px;padding:2.7rem;box-shadow:0 18px 42px rgba(10,47,102,.09)}
    .about-page .legacy-wrap::after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;right:-80px;bottom:-100px;background:radial-gradient(circle,rgba(245,158,11,.24),rgba(245,158,11,0) 70%)}
    .about-page .legacy-badge{display:inline-flex;align-items:center;gap:.5rem;background:#fff;color:var(--brand-blue);border:1px solid rgba(10,47,102,.1);padding:.58rem .95rem;border-radius:999px;font-weight:800;font-size:.82rem;box-shadow:0 8px 18px rgba(10,47,102,.08)}
    .about-page .legacy-title{color:var(--brand-blue);font-weight:800}.about-page .legacy-copy{color:var(--muted);line-height:1.85}
    .about-page .timeline{position:relative;padding-left:2rem}.about-page .timeline::before{content:"";position:absolute;left:.48rem;top:.4rem;bottom:.4rem;width:3px;background:linear-gradient(#0D4D9C,#7c3aed,#db2777,#f59e0b)}
    .about-page .timeline-item{position:relative;padding:0 0 1.45rem 1rem}.about-page .timeline-item:last-child{padding-bottom:0}.about-page .timeline-dot{position:absolute;left:-1.98rem;top:.25rem;width:18px;height:18px;border-radius:50%;background:#fff;border:5px solid #f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.13)}.about-page .timeline-item:nth-child(2) .timeline-dot{border-color:#7c3aed}.about-page .timeline-item:nth-child(3) .timeline-dot{border-color:#10b981}.about-page .timeline-item h3{font-size:1.05rem;color:var(--brand-blue);font-weight:800;margin-bottom:.35rem}.about-page .timeline-item p{margin:0;color:var(--muted);font-size:.93rem;line-height:1.65}

    .about-page .leadership-strip{position:relative;overflow:hidden;background:linear-gradient(110deg,#0A2F66 0%,#0D4D9C 42%,#7c3aed 72%,#db2777 100%);border-radius:28px;padding:2.3rem;color:#fff;box-shadow:0 20px 44px rgba(10,47,102,.2)}.about-page .leadership-strip::after{content:"";position:absolute;inset:auto -90px -110px auto;width:260px;height:260px;border-radius:50%;background:rgba(245,158,11,.18)}.about-page .leadership-strip p{color:rgba(255,255,255,.9);line-height:1.8;margin:0}.about-page .leadership-strip i{color:#ffd166;filter:drop-shadow(0 6px 14px rgba(0,0,0,.18))}

    .about-page .award-intro{position:relative;overflow:hidden;background:linear-gradient(135deg,#071d41 0%,#0D4D9C 44%,#6d28d9 100%);border:0;border-radius:30px;padding:2.5rem;box-shadow:0 22px 48px rgba(10,47,102,.2);color:#fff}.about-page .award-intro::after{content:"★";position:absolute;right:30px;top:12px;font-size:7rem;color:rgba(255,209,102,.10);transform:rotate(12deg)}
    .about-page .award-intro .legacy-title{color:#fff}.about-page .award-intro .legacy-copy{color:rgba(255,255,255,.86)}
    .about-page .award-pill{display:inline-flex;align-items:center;gap:.5rem;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:.55rem .9rem;color:#fff;font-weight:800;background:rgba(255,255,255,.11);font-size:.82rem;backdrop-filter:blur(7px)}
    .about-page .award-feature{height:auto;border-radius:18px;overflow:hidden;background:transparent;box-shadow:0 12px 28px rgba(10,47,102,.12);border:0!important;cursor:pointer;position:relative;padding:0!important;transition:.3s ease;display:block}.about-page .award-feature:nth-child(2){background:transparent}.about-page .award-feature img{width:100%;height:auto;object-fit:initial;display:block;border-radius:18px;background:transparent;transition:transform .35s ease}.about-page .award-feature:hover{transform:translateY(-7px) rotate(-.3deg)}.about-page .award-feature:hover img{transform:scale(1.025)}
    .about-page .award-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;align-items:start}.about-page .award-tile{margin:0;border-radius:16px;overflow:hidden;background:transparent;border:0!important;box-shadow:0 10px 24px rgba(10,47,102,.11);cursor:pointer;position:relative;padding:0!important;aspect-ratio:auto;height:auto;align-self:start;transition:.3s ease;display:block}.about-page .award-tile:nth-child(4n+1),.about-page .award-tile:nth-child(4n+2),.about-page .award-tile:nth-child(4n+3),.about-page .award-tile:nth-child(4n+4){background:transparent}.about-page .award-tile img{display:block;width:100%;height:auto;object-fit:initial;border-radius:16px;background:transparent;transition:transform .35s ease,filter .35s ease}.about-page .award-tile::after{content:"Click to enlarge";position:absolute;left:50%;bottom:10px;transform:translate(-50%,6px);white-space:nowrap;background:linear-gradient(90deg,#0A2F66,#7c3aed);color:#fff;padding:.35rem .65rem;border-radius:999px;font-size:.69rem;font-weight:700;opacity:0;transition:.25s ease}.about-page .award-tile:hover{transform:translateY(-6px);box-shadow:0 18px 32px rgba(10,47,102,.14)}.about-page .award-tile:hover img{transform:scale(1.02);filter:saturate(1.08)}.about-page .award-tile:hover::after{opacity:1;transform:translate(-50%,0)}
    .about-page .isma-3d-stage{position:relative;min-height:560px;display:grid;place-items:center;perspective:1200px;overflow:visible}
    .about-page .isma-3d-wrap{position:relative;width:min(430px,88vw);transform-style:preserve-3d;animation:ismaFloat 4.8s ease-in-out infinite;transition:transform .18s ease-out}
    .about-page .isma-3d-wrap::before{content:"";position:absolute;left:10%;right:10%;bottom:-28px;height:44px;background:radial-gradient(ellipse at center,rgba(0,0,0,.38),rgba(0,0,0,0) 72%);filter:blur(8px);transform:translateZ(-60px);pointer-events:none}
    .about-page .isma-3d-wrap::after{content:"";position:absolute;inset:8% 5% 6%;border-radius:42%;background:linear-gradient(120deg,rgba(255,255,255,.28),rgba(255,255,255,0) 34%);transform:translateZ(28px);pointer-events:none;mix-blend-mode:screen}
    .about-page .isma-3d-img{display:block;width:100%;height:auto;filter:drop-shadow(0 28px 28px rgba(3,20,45,.32)) drop-shadow(0 8px 12px rgba(245,158,11,.18));transform:translateZ(42px);will-change:transform}
    .about-page .isma-glow{position:absolute;inset:10% 2% 0;background:radial-gradient(circle at 50% 54%,rgba(245,158,11,.27),rgba(13,77,156,.12) 42%,transparent 70%);filter:blur(28px);transform:translateZ(-70px);z-index:-1;pointer-events:none}
    .about-page .isma-badge{position:absolute;right:-8px;top:12%;z-index:4;background:linear-gradient(135deg,var(--brand-gold),#ffd166);color:#071d41;border:4px solid #fff;border-radius:999px;width:104px;height:104px;display:grid;place-items:center;text-align:center;font-weight:900;line-height:1.05;box-shadow:0 16px 30px rgba(7,29,65,.22);transform:translateZ(82px) rotate(8deg);font-size:.8rem}
    .about-page .isma-copy-card{background:linear-gradient(135deg,#071d41 0%,var(--brand-blue) 60%,#6d28d9 100%);color:#fff;border-radius:28px;padding:2.3rem;box-shadow:0 20px 44px rgba(10,47,102,.2);position:relative;overflow:hidden}
    .about-page .isma-copy-card::after{content:"★";position:absolute;right:20px;bottom:-35px;font-size:9rem;color:rgba(255,255,255,.06)}
    .about-page .isma-copy-card h2{font-weight:900;color:#fff}.about-page .isma-copy-card p{color:rgba(255,255,255,.86);line-height:1.8}.about-page .isma-copy-card .isma-kicker{display:inline-flex;align-items:center;gap:.55rem;color:#ffd166;font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem}.about-page .isma-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1.4rem}.about-page .isma-mini div{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:.9rem}.about-page .isma-mini strong{display:block;color:#ffd166;font-size:1rem}.about-page .isma-mini span{font-size:.78rem;color:rgba(255,255,255,.8)}
    @keyframes ismaFloat{0%,100%{transform:translateY(0) rotateX(0deg) rotateY(0deg)}50%{transform:translateY(-12px) rotateX(1.2deg) rotateY(-1.2deg)}}
    .about-page .award-modal .modal-dialog{max-width:min(1100px,94vw)}.about-page .award-modal .modal-content{background:#08152d;border:0;border-radius:20px;overflow:hidden}.about-page .award-modal .modal-body{padding:.7rem;text-align:center}.about-page .award-modal img{max-height:86vh;max-width:100%;width:auto;height:auto;object-fit:contain;border-radius:12px;background:#fff}.about-page .award-modal .btn-close{filter:invert(1)}

    @media (max-width:1199.98px){.about-page .award-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}}
    @media (max-width:991.98px){.about-page .award-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.about-page .row.g-3.mt-1{margin-top:1rem!important;padding:0}}
    @media (max-width:767.98px){.about-page .isma-3d-stage{min-height:440px}.about-page .isma-badge{width:82px;height:82px;font-size:.68rem;right:0}.about-page .isma-copy-card{padding:1.5rem}.about-page .isma-mini{grid-template-columns:1fr}.about-page .about-hero{padding:2.35rem 1.45rem;border-radius:24px}.about-page .legacy-wrap,.about-page .award-intro{padding:1.5rem}.about-page .award-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.about-page .award-feature img{height:auto}.about-page .award-tile{padding:0!important}.about-page .about-card{padding:1.55rem}.about-page .row.g-3.mt-1{margin-top:.5rem!important}}
    @media (max-width:420px){.about-page .award-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.about-page .award-tile::after{font-size:.6rem;padding:.28rem .48rem}}
  

/* =========================================================
   ABOUT US — CREATIVE + COLORFUL ENHANCEMENT
   Header / footer / modal / JS remain unchanged
========================================================= */

.about-page{
  --a-blue:#0d4d9c;
  --a-navy:#071d41;
  --a-purple:#7c3aed;
  --a-pink:#db2777;
  --a-green:#10b981;
  --a-cyan:#06b6d4;
  --a-gold:#f59e0b;
  --a-orange:#ffb51c;
  background:
    radial-gradient(circle at 4% 13%,rgba(124,58,237,.08),transparent 20%),
    radial-gradient(circle at 96% 31%,rgba(6,182,212,.08),transparent 20%),
    radial-gradient(circle at 8% 72%,rgba(245,158,11,.08),transparent 19%),
    linear-gradient(180deg,#ffffff 0%,#f7faff 34%,#fffaf1 68%,#ffffff 100%) !important;
}

/* HERO */
.about-page .about-hero{
  min-height:460px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:
    radial-gradient(circle at 85% 22%,rgba(255,209,102,.25),transparent 19%),
    radial-gradient(circle at 69% 82%,rgba(6,182,212,.23),transparent 23%),
    linear-gradient(115deg,#061d42 0%,#0a2f66 36%,#0d4d9c 56%,#6d28d9 78%,#db2777 100%) !important;
  background-size:140% 140% !important;
  animation:aboutHeroShift 12s ease-in-out infinite alternate;
  border-radius:36px !important;
  box-shadow:0 30px 70px rgba(10,47,102,.27) !important;
}
@keyframes aboutHeroShift{
  0%{background-position:0% 50%}
  100%{background-position:100% 50%}
}
.about-page .about-hero::before{
  background:
    radial-gradient(circle at 84% 16%,rgba(255,255,255,.24),transparent 15%),
    linear-gradient(115deg,transparent 25%,rgba(255,255,255,.05) 48%,transparent 68%) !important;
  animation:aboutHeroShine 8s ease-in-out infinite;
}
@keyframes aboutHeroShine{
  0%,60%{transform:translateX(-20%)}
  100%{transform:translateX(24%)}
}
.about-page .about-hero::after{
  width:420px !important;
  height:420px !important;
  right:-125px !important;
  top:-150px !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:
    0 0 0 60px rgba(255,255,255,.035),
    0 0 0 125px rgba(255,255,255,.022) !important;
}
.about-page .about-kicker{
  width:max-content;
  background:rgba(255,255,255,.11) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);
}
.about-page .about-hero h1{
  max-width:900px;
  font-size:clamp(3.4rem,7vw,7rem) !important;
  line-height:.9;
  letter-spacing:-.065em !important;
  margin-bottom:1.3rem !important;
  background:linear-gradient(90deg,#fff,#fff3c8,#fff,#d8f7ff);
  background-size:220% auto;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  animation:aboutTitleLight 7s linear infinite;
}
@keyframes aboutTitleLight{to{background-position:220% center}}
.about-page .about-hero p{
  max-width:870px !important;
  font-size:1.08rem !important;
}

/* STATS */
.about-page .row.g-3.mt-1{
  margin-top:-2.6rem !important;
}
.about-page .about-stat{
  min-height:125px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border:1px solid rgba(255,255,255,.22) !important;
  backdrop-filter:blur(10px);
}
.about-page .row.g-3.mt-1>div:nth-child(1) .about-stat{
  background:linear-gradient(145deg,#0d4d9c,#1d7fe2) !important;
}
.about-page .row.g-3.mt-1>div:nth-child(2) .about-stat{
  background:linear-gradient(145deg,#7c3aed,#db2777) !important;
}
.about-page .row.g-3.mt-1>div:nth-child(3) .about-stat{
  background:linear-gradient(145deg,#059669,#10b981) !important;
}
.about-page .about-stat strong{
  font-size:2rem !important;
  letter-spacing:-.03em;
}

/* NEW VALUES RIBBON */
.about-page .about-values-ribbon{
  margin:1.25rem auto 0;
  padding:.8rem;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:.75rem;
  border-radius:24px;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(10,47,102,.08);
  box-shadow:0 14px 34px rgba(10,47,102,.08);
  backdrop-filter:blur(8px);
}
.about-page .about-value-chip{
  min-height:66px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.65rem;
  padding:.8rem 1rem;
  border-radius:17px;
  font-size:.79rem;
  font-weight:800;
  transition:.3s ease;
}
.about-page .about-value-chip i{font-size:1.05rem}
.about-page .about-value-chip:hover{transform:translateY(-4px)}
.about-page .value-blue{color:#0d4d9c;background:#edf5ff}
.about-page .value-purple{color:#7c3aed;background:#f3edff}
.about-page .value-green{color:#0d9368;background:#eaf9f2}
.about-page .value-gold{color:#b96b00;background:#fff5dd}

/* SECTION TITLES */
.about-page .section-title small{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.38rem .75rem;
  border-radius:999px;
  background:#fff6df;
  color:#c87800 !important;
  letter-spacing:.13em !important;
  box-shadow:inset 0 0 0 1px #ffe5ad;
}
.about-page .section-title h2{
  font-size:clamp(2rem,3.6vw,3.5rem);
  letter-spacing:-.04em;
  margin-top:.65rem !important;
}

/* MISSION + VISION */
.about-page .about-card{
  min-height:100%;
  padding:2.35rem !important;
  border-radius:30px !important;
  isolation:isolate;
}
.about-page .about-card::after{
  content:"";
  position:absolute;
  width:190px;height:190px;
  right:-80px;bottom:-90px;
  border-radius:50%;
  z-index:-1;
}
.about-page .col-lg-6:nth-child(1) .about-card{
  background:
    linear-gradient(#fff,#fff) padding-box,
    linear-gradient(135deg,#0d4d9c,#06b6d4,#10b981) border-box !important;
  border:1px solid transparent !important;
}
.about-page .col-lg-6:nth-child(1) .about-card::after{
  background:radial-gradient(circle,#e4f7ff,transparent 68%);
}
.about-page .col-lg-6:nth-child(2) .about-card{
  background:
    linear-gradient(#fff,#fff) padding-box,
    linear-gradient(135deg,#7c3aed,#db2777,#f59e0b) border-box !important;
  border:1px solid transparent !important;
}
.about-page .col-lg-6:nth-child(2) .about-card::after{
  background:radial-gradient(circle,#fff0f7,transparent 68%);
}
.about-page .about-icon{
  width:70px !important;
  height:70px !important;
  border-radius:22px !important;
}
.about-page .vision-list li{
  border:1px solid rgba(124,58,237,.07) !important;
  box-shadow:0 5px 14px rgba(10,47,102,.03);
}
.about-page .vision-list li:nth-child(odd){
  background:linear-gradient(90deg,#f7f3ff,#fff8ef) !important;
}
.about-page .vision-list li:nth-child(even){
  background:linear-gradient(90deg,#eef7ff,#effcf7) !important;
}

/* LEGACY */
.about-page .legacy-wrap{
  padding:3rem !important;
  border-radius:36px !important;
  background:
    radial-gradient(circle at 95% 15%,rgba(219,39,119,.12),transparent 24%),
    radial-gradient(circle at 6% 89%,rgba(6,182,212,.12),transparent 24%),
    linear-gradient(135deg,#eef6ff 0%,#f4f0ff 44%,#fff6e7 100%) !important;
  border:1px solid rgba(124,58,237,.10) !important;
  box-shadow:0 24px 54px rgba(10,47,102,.11) !important;
}
.about-page .legacy-badge{
  background:linear-gradient(135deg,#fff,#fff7e8) !important;
}
.about-page .timeline::before{
  width:4px !important;
  border-radius:999px;
  background:linear-gradient(#1d7fe2,#7c3aed,#db2777,#f59e0b,#10b981) !important;
}
.about-page .timeline-item{
  padding-bottom:1.65rem !important;
}
.about-page .timeline-item h3{
  display:inline-block;
  padding:.25rem .5rem;
  border-radius:8px;
  background:rgba(255,255,255,.58);
}
.about-page .timeline-item:nth-child(1) .timeline-dot{border-color:#1d7fe2 !important}
.about-page .timeline-item:nth-child(2) .timeline-dot{border-color:#7c3aed !important}
.about-page .timeline-item:nth-child(3) .timeline-dot{border-color:#10b981 !important}

/* LEADERSHIP */
.about-page .leadership-strip{
  padding:2.6rem !important;
  border-radius:32px !important;
  background:
    radial-gradient(circle at 88% 10%,rgba(255,209,102,.22),transparent 22%),
    linear-gradient(110deg,#071d41 0%,#0d4d9c 38%,#7c3aed 70%,#db2777 100%) !important;
}
.about-page .leadership-strip::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg,transparent,rgba(255,255,255,.06),transparent);
  transform:translateX(-100%);
  animation:aboutLeadershipShine 6.5s ease-in-out infinite;
}
@keyframes aboutLeadershipShine{
  0%,70%{transform:translateX(-100%)}
  100%{transform:translateX(100%)}
}
.about-page .leadership-strip i{
  width:88px;height:88px;
  border-radius:28px;
  display:grid;
  place-items:center;
  margin:auto;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.14);
}

/* ISMA 3D AWARD */
.about-page .isma-copy-card{
  border-radius:32px !important;
  padding:2.6rem !important;
  background:
    radial-gradient(circle at 90% 15%,rgba(255,209,102,.18),transparent 23%),
    linear-gradient(135deg,#071d41 0%,#0a2f66 47%,#6d28d9 100%) !important;
}
.about-page .isma-copy-card::before{
  content:"";
  position:absolute;
  width:190px;height:190px;
  left:-85px;top:-80px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 0 0 42px rgba(255,255,255,.025);
}
.about-page .isma-mini div:nth-child(1){background:rgba(29,127,226,.18) !important}
.about-page .isma-mini div:nth-child(2){background:rgba(123,70,220,.20) !important}
.about-page .isma-mini div:nth-child(3){background:rgba(16,185,129,.17) !important}
.about-page .isma-3d-stage::before{
  content:"";
  position:absolute;
  width:470px;height:470px;
  border-radius:50%;
  background:conic-gradient(from 0deg,rgba(245,158,11,.20),rgba(124,58,237,.14),rgba(6,182,212,.17),rgba(16,185,129,.14),rgba(245,158,11,.20));
  filter:blur(6px);
  animation:aboutAwardAura 15s linear infinite;
}
@keyframes aboutAwardAura{to{transform:rotate(360deg)}}
.about-page .isma-3d-wrap{z-index:1}
.about-page .isma-badge{
  background:linear-gradient(135deg,#ffb51c,#ffe49a) !important;
  box-shadow:0 18px 38px rgba(245,158,11,.32) !important;
}

/* AWARD INTRO */
.about-page .award-intro{
  border-radius:34px !important;
  padding:2.8rem !important;
  background:
    radial-gradient(circle at 86% 18%,rgba(245,158,11,.22),transparent 23%),
    radial-gradient(circle at 11% 85%,rgba(6,182,212,.16),transparent 25%),
    linear-gradient(125deg,#071d41 0%,#0d4d9c 46%,#6d28d9 76%,#9d246a 100%) !important;
}
.about-page .award-pill{
  transition:.3s ease;
}
.about-page .award-pill:hover{
  transform:translateY(-3px);
  background:rgba(255,255,255,.17);
}

/* TOP 3 AWARDS */
.about-page .award-feature{
  border-radius:22px !important;
  box-shadow:0 15px 36px rgba(10,47,102,.14) !important;
}
.about-page .row.g-4.mb-4>div:nth-child(1) .award-feature{
  box-shadow:0 15px 36px rgba(29,127,226,.18) !important;
}
.about-page .row.g-4.mb-4>div:nth-child(2) .award-feature{
  box-shadow:0 15px 36px rgba(16,185,129,.18) !important;
}
.about-page .row.g-4.mb-4>div:nth-child(3) .award-feature{
  box-shadow:0 15px 36px rgba(124,58,237,.18) !important;
}

/* PERFECT, COLORFUL AWARD GALLERY */
.about-page .award-gallery{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:1.15rem !important;
  align-items:stretch !important;
}
.about-page .award-tile{
  --award-accent:#0d4d9c;
  height:235px !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  padding:10px !important;
  border-radius:20px !important;
  background:
    radial-gradient(circle at 85% 12%,color-mix(in srgb,var(--award-accent) 15%,transparent),transparent 28%),
    linear-gradient(145deg,#f8fbff,#fff8ee) !important;
  border:1px solid color-mix(in srgb,var(--award-accent) 15%,#e8edf5) !important;
  box-shadow:0 12px 28px rgba(10,47,102,.10) !important;
  overflow:hidden;
}
.about-page .award-tile:nth-child(6n+1){--award-accent:#1d7fe2}
.about-page .award-tile:nth-child(6n+2){--award-accent:#7c3aed}
.about-page .award-tile:nth-child(6n+3){--award-accent:#16a36a}
.about-page .award-tile:nth-child(6n+4){--award-accent:#f59e0b}
.about-page .award-tile:nth-child(6n+5){--award-accent:#d94d8e}
.about-page .award-tile:nth-child(6n+6){--award-accent:#1ca6b7}
.about-page .award-tile img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  border-radius:13px !important;
  background:transparent !important;
}
.about-page .award-tile::before{
  content:"";
  position:absolute;
  left:0;top:0;right:0;height:5px;
  background:var(--award-accent);
  z-index:2;
}
.about-page .award-tile::after{
  bottom:12px !important;
  background:linear-gradient(90deg,var(--award-accent),#071d41) !important;
}
.about-page .award-tile:hover{
  transform:translateY(-8px) !important;
  box-shadow:0 22px 44px color-mix(in srgb,var(--award-accent) 18%,rgba(10,47,102,.08)) !important;
}

/* GALLERY TITLE AREA */
.about-page .award-gallery + *{}
.about-page .section-light .section-title:last-of-type h2{
  letter-spacing:-.04em;
}

/* MODAL */
.about-page .award-modal .modal-content{
  background:
    radial-gradient(circle at 90% 8%,rgba(124,58,237,.25),transparent 22%),
    #07152f !important;
  border-radius:24px !important;
  box-shadow:0 28px 80px rgba(0,0,0,.38);
}
.about-page .award-modal .modal-body{
  padding:1rem !important;
}
.about-page .award-modal img{
  border-radius:16px !important;
  box-shadow:0 12px 35px rgba(0,0,0,.20);
}

/* SECTION LIGHT VARIATION */
.about-page .section-light{
  background:
    radial-gradient(circle at 5% 20%,rgba(124,58,237,.05),transparent 20%),
    radial-gradient(circle at 95% 80%,rgba(16,185,129,.06),transparent 22%),
    linear-gradient(180deg,#f9fbff,#fff) !important;
}

/* RESPONSIVE */
@media(max-width:1199.98px){
  .about-page .award-gallery{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
}
@media(max-width:991.98px){
  .about-page .about-values-ribbon{grid-template-columns:repeat(2,1fr)}
  .about-page .about-hero{min-height:auto}
  .about-page .row.g-3.mt-1{margin-top:1rem !important}
  .about-page .isma-3d-stage::before{width:390px;height:390px}
}
@media(max-width:767.98px){
  .about-page .about-hero{
    padding:2.5rem 1.45rem !important;
    border-radius:26px !important;
  }
  .about-page .about-hero h1{font-size:clamp(3rem,15vw,5rem) !important}
  .about-page .about-values-ribbon{grid-template-columns:1fr 1fr;gap:.55rem;padding:.65rem}
  .about-page .about-value-chip{min-height:58px;font-size:.7rem;padding:.65rem}
  .about-page .legacy-wrap,.about-page .award-intro{padding:1.6rem !important}
  .about-page .leadership-strip{padding:1.7rem !important}
  .about-page .isma-copy-card{padding:1.6rem !important}
  .about-page .award-gallery{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:.75rem !important;
  }
  .about-page .award-tile{
    height:185px !important;
    padding:7px !important;
    border-radius:16px !important;
  }
  .about-page .isma-3d-stage::before{width:320px;height:320px}
}
@media(max-width:430px){
  .about-page .award-tile{height:155px !important}
  .about-page .about-values-ribbon{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .about-page .about-hero,
  .about-page .about-hero::before,
  .about-page .about-hero h1,
  .about-page .isma-3d-stage::before,
  .about-page .leadership-strip::before{
    animation:none !important;
  }
}
