/* ===== ABOUT PAGE STYLES ===== */
.about-hero { padding:120px 0 60px; background:linear-gradient(180deg,#F3E5F5,#FFF9F0); text-align:center; }
.about-hero h1 { font-size:2.5rem; color:#3A7BD5; margin-bottom:10px; }
.about-hero p { color:#777; font-size:1.1rem; }

.about-intro { display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:center; }
.about-intro-img { border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow); }
.about-intro-img img { width:100%; height:100%; object-fit:cover; }
.about-intro-text h2 { font-family:'Fredoka'; color:#3A7BD5; font-size:1.6rem; margin-bottom:16px; }
.about-intro-text p { line-height:1.8; color:#666; margin-bottom:14px; }

.vision-mission { display:grid; grid-template-columns:1fr 1fr; gap:30px; }
.vm-card { background:#fff; border-radius:var(--radius); padding:36px; box-shadow:var(--shadow); text-align:center; transition:all .3s; }
.vm-card:hover { transform:translateY(-5px); }
.vm-card .icon { font-size:3rem; margin-bottom:16px; }
.vm-card h3 { font-family:'Fredoka'; color:#3A7BD5; font-size:1.3rem; margin-bottom:12px; }
.vm-card p { color:#666; line-height:1.7; }

.philosophy-section { background:linear-gradient(135deg,var(--sky-light),var(--purple-soft)); border-radius:var(--radius); padding:50px; text-align:center; margin-top:60px; }
.philosophy-section h2 { font-family:'Fredoka'; color:#3A7BD5; font-size:1.8rem; margin-bottom:16px; }
.philosophy-section p { max-width:700px; margin:0 auto; line-height:1.8; color:#555; }
.philosophy-values { display:flex; flex-wrap:wrap; gap:12px; justify-content:center; margin-top:24px; }

@media(max-width:768px) {
  .about-intro,.vision-mission { grid-template-columns:1fr; }
  .about-hero h1 { font-size:1.8rem; }
  .philosophy-section { padding:30px 20px; }
}