.about-page{background:#f3f7fc;color:#064e3b;font-family:Inter,system-ui,sans-serif;line-height:1.7;min-height:100vh;padding:40px 20px}.about-hero{max-width:800px;margin:0 auto 60px;text-align:center}.about-hero h1{font-size:2.8rem;font-weight:800;margin-bottom:15px}.about-hero h1 span{color:#15803d}.about-hero p{font-size:1.1rem;color:#374151}.about-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;max-width:1100px;margin:0 auto 60px}.about-card{background:#ffffff;border-radius:16px;padding:30px;box-shadow:0 4px 12px rgba(0,0,0,.05);transition:all .3s ease}.about-card:hover{transform:translateY(-4px);box-shadow:0 8px 18px rgba(0,0,0,.08)}.about-card h2{color:#065f46;margin-bottom:10px;font-size:1.5rem}.about-card p{color:#374151}.about-values{text-align:center;max-width:900px;margin:0 auto 80px}.about-values h2{font-size:2rem;margin-bottom:20px}.about-values ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:0}.about-values li{background:#dcfce7;color:#065f46;font-weight:600;padding:10px 20px;border-radius:50px;box-shadow:0 1px 3px rgba(0,0,0,.05);transition:background .3s ease}.about-values li:hover{background:#bbf7d0}.about-team{max-width:1100px;margin:0 auto 80px;text-align:center}.about-team h2{font-size:2rem;margin-bottom:30px}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px}.team-member{background:#ffffff;border-radius:16px;padding:25px;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:transform .3s ease,box-shadow .3s ease}.team-member:hover{transform:translateY(-5px);box-shadow:0 6px 18px rgba(0,0,0,.12)}.team-member img{display:block;margin:0 auto 15px;width:180px;height:180px;border-radius:50%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;border:3px solid #064e3b;background-color:#ffffff;padding:6px;box-shadow:0 4px 15px rgba(0,0,0,.15);transition:transform .3s ease}.team-member img:hover{transform:scale(1.05)}.team-member h3{margin-bottom:6px;font-size:1.2rem;font-weight:600;color:#064e3b}.team-member p{color:#333;margin-bottom:6px}.team-member .bio{color:#555;font-size:.95rem;margin-top:8px;line-height:1.5}.about-footer{text-align:center;font-size:.9rem;color:#6b7280;margin-top:60px}@media (max-width:600px){.about-hero h1{font-size:2.2rem}.about-card{padding:20px}.team-member img{width:160px;height:160px}}