/* ABOUT */
.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center;}
.about-visual{position:relative;aspect-ratio:4/5;border-radius:4px;overflow:hidden;background:var(--secondary);}
.about-visual svg{position:absolute;inset:0;width:100%;height:100%;}
.about-visual .frame{position:absolute;inset:18px;border:1px solid rgba(60, 103, 177, .35);pointer-events:none;}
.about-stat{position:absolute;bottom:26px;left:26px;right:26px;background:rgba(29, 33, 80, .75);backdrop-filter:blur(14px);border:1px solid var(--card-border);padding:22px;display:flex;gap:26px;color:var(--white);}
.about-stat div b{display:block;font-size:26px;color:var(--gold);}
.about-stat div small{color:rgba(255,255,255,.7);font-size:12.5px;}
.about-text p{color:var(--gray);font-size:17px;margin-bottom:22px;}
.about-list{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px;}
.about-list li{display:flex;align-items:center;gap:12px;font-size:14.5px;color:var(--text-dark);}
.about-list li svg{flex-shrink:0;width:16px;height:16px;color:var(--gold);}

/* NATIONAL PRESENCE */
.presence-section{background:var(--secondary);position:relative;overflow:hidden;}
.presence-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;align-items:center;}
.presence-stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(29, 33, 80, .08);margin-top:44px;border:1px solid rgba(29, 33, 80, .08);}
.presence-stat{background:var(--secondary);padding:28px;}
.presence-stat b{display:block;font-size:32px;color:var(--gold);letter-spacing:-1px;}
.presence-stat span{color:var(--gray);font-size:13px;}
.presence-map{position:relative;}
.presence-map svg{width:100%;height:auto;}
.map-dot{fill:var(--gold);}
.map-pulse{fill:none;stroke:var(--gold);stroke-width:1.5;opacity:0;}
.map-city-label{font-size:11px;fill:var(--gray);letter-spacing:.5px;}
.grade-badge{
  display:inline-flex;align-items:center;gap:14px;padding:16px 26px;
  border:1px solid var(--card-border);background:rgba(60, 103, 177, .06);margin-top:36px;
}
.grade-badge b{color:var(--gold);font-size:15px;}
.grade-badge span{color:var(--gray);font-size:13px;}

/* LEADERSHIP QUOTE */
.leader-section{position:relative;background:var(--bg);}
.leader-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:center;}
.leader-portrait{aspect-ratio:3/4;background:linear-gradient(160deg,var(--secondary),var(--primary));position:relative;overflow:hidden;}
.leader-portrait::before{content:'';position:absolute;inset:0;
  background:radial-gradient(circle at 50% 30%, rgba(60, 103, 177, .18), transparent 60%);}
.leader-portrait svg{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:70%;color:rgba(60, 103, 177, .5);}
.leader-quote{font-size:clamp(24px,2.6vw,36px);font-weight:400;line-height:1.5;letter-spacing:-.5px;position:relative;}
.leader-quote::before{content:'"';position:absolute;right:-40px;top:-40px;font-size:120px;color:rgba(60, 103, 177, .15);font-family:Georgia,serif;}
.leader-name{margin-top:34px;display:flex;align-items:center;gap:16px;}
.leader-name .line{width:40px;height:1px;background:var(--gold);}
.leader-name b{display:block;font-size:16px;}
.leader-name small{color:var(--gray);font-size:13px;}

/* Home Page Pillars Layout */
.home-pillars-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-top: 50px;
}
.pillar-card {
  background: var(--card);
  border: 1px solid rgba(60, 103, 177, 0.08);
  border-right: 4px solid var(--accent);
  padding: 45px 30px;
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(29, 33, 80, 0.02);
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  overflow: hidden;
}
.pillar-card:hover {
  transform: translateY(-8px);
  border-color: var(--accent);
  box-shadow: 0 20px 45px rgba(60, 103, 177, 0.08);
  background: linear-gradient(180deg, #FFFFFF 0%, #F5F8FC 100%);
}
.pillar-card .pillar-icon {
  width: 46px;
  height: 46px;
  color: var(--accent);
  margin-bottom: 24px;
  background: rgba(60, 103, 177, 0.06);
  padding: 10px;
  border-radius: 6px;
  display: inline-block;
}
.pillar-card h3 {
  font-size: 20px;
  color: var(--text-dark);
  margin-bottom: 14px;
}
.pillar-card p {
  font-size: 14px;
  color: var(--gray);
  line-height: 1.7;
  margin-bottom: 0;
}

@media(max-width: 1100px) {
  .home-pillars-grid {
    grid-template-columns: 1fr;
  }
}