﻿.about-hero{height:280px;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,var(--primary-dark),var(--primary));color:var(--white)}
.about-hero h1{font-size:var(--text-4xl);font-weight:900;letter-spacing:-0.02em;margin-bottom:var(--space-3)}
.about-hero p{font-size:var(--text-lg);opacity:0.8}
@media(max-width:576px){.about-hero h1{font-size:var(--text-2xl)}}
.about-intro{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-10);align-items:center}
.about-img{background:var(--gray-100);border-radius:var(--radius-lg);aspect-ratio:4/3;overflow:hidden}
.about-img img{width:100%;height:100%;object-fit:cover}
.about-text h2{font-size:var(--text-3xl);font-weight:800;color:var(--gray-900);margin-bottom:var(--space-4);letter-spacing:-0.02em}
.about-text p{color:var(--gray-600);line-height:1.8;margin-bottom:var(--space-3)}
.about-stats{display:flex;gap:var(--space-8);margin-top:var(--space-5)}
.about-stat{text-align:center}
.about-stat-num{display:block;font-size:var(--text-3xl);font-weight:900;color:var(--primary);line-height:1}
.about-stat-label{font-size:var(--text-sm);color:var(--gray-400);margin-top:var(--space-1)}
@media(max-width:768px){.about-intro{grid-template-columns:1fr;gap:var(--space-6)}.about-stats{justify-content:center}}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}
.team-card{text-align:center;padding:var(--space-6);background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);transition:all var(--duration-normal)}
.team-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}
.team-avatar{width:72px;height:72px;border-radius:50%;background:var(--primary-light);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-3);color:var(--primary);font-size:22px}
.team-card h4{font-size:var(--text-lg);font-weight:700;color:var(--gray-900);margin-bottom:var(--space-1)}
.team-role{font-size:var(--text-sm);color:var(--accent);font-weight:600;margin-bottom:var(--space-2)}
.team-card p{font-size:var(--text-sm);color:var(--gray-600);line-height:1.6}
@media(max-width:992px){.team-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:576px){.team-grid{grid-template-columns:1fr}}
.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5)}
.value-card{text-align:center;padding:var(--space-6);background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);transition:all var(--duration-normal)}
.value-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-3px)}
.value-num{font-size:var(--text-3xl);font-weight:900;color:var(--accent);line-height:1;margin-bottom:var(--space-2);opacity:0.6}
.value-card h3{font-size:var(--text-lg);font-weight:700;color:var(--gray-900);margin-bottom:var(--space-2)}
.value-card p{font-size:var(--text-sm);color:var(--gray-600);line-height:1.6}
@media(max-width:768px){.values-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:576px){.values-grid{grid-template-columns:1fr}}
