@charset "UTF-8";

.about-hero{position:relative;height:350px;background:var(--dark-bg);display:flex;align-items:center;justify-content:center;text-align:center}
.about-hero h1{font-size:38px;font-weight:800;color:var(--primary);margin-bottom:10px}
.about-hero p{font-size:16px;color:rgba(245,245,245,0.8)}

.about-section{padding:70px 0;background:var(--white)}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.about-img{border-radius:8px;overflow:hidden;box-shadow:0 10px 40px var(--shadow)}
.about-img img{width:100%;height:auto}
.about-text h2{font-size:26px;font-weight:800;color:var(--dark-bg);margin-bottom:20px}
.about-text p{font-size:15px;color:var(--gray);line-height:1.9;margin-bottom:18px}

.value-section{padding:70px 0;background:var(--light-gray)}
.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:40px}
.value-card{background:var(--white);padding:35px 25px;text-align:center;border-radius:8px;border:1px solid #e8e8e8;transition:all 0.3s}
.value-card:hover{border-color:var(--primary);transform:translateY(-5px);box-shadow:0 10px 35px var(--shadow)}
.value-icon{width:60px;height:60px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;color:var(--secondary);font-size:24px;font-weight:800}
.value-card h3{font-size:16px;font-weight:700;color:var(--dark-bg);margin-bottom:10px}
.value-card p{font-size:13px;color:var(--gray);line-height:1.7}

.team-section{padding:70px 0;background:var(--white)}
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:40px}
.team-card{text-align:center;padding:25px;background:var(--light-gray);border-radius:8px;transition:all 0.3s}
.team-card:hover{transform:translateY(-5px);box-shadow:0 10px 35px var(--shadow);background:var(--white)}
.team-avatar{width:90px;height:90px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;margin:0 auto 15px;color:var(--secondary);font-size:32px;font-weight:800}
.team-card h4{font-size:15px;font-weight:700;color:var(--dark-bg);margin-bottom:5px}
.team-card span{font-size:12px;color:var(--gray)}

.history-section{padding:70px 0;background:var(--light-gray)}
.timeline{position:relative;max-width:800px;margin:40px auto 0;padding-left:40px}
.timeline::before{content:'';position:absolute;left:15px;top:0;width:2px;height:100%;background:var(--primary)}
.timeline-item{position:relative;margin-bottom:35px;padding-left:30px}
.timeline-item::before{content:'';position:absolute;left:-26px;top:5px;width:12px;height:12px;border-radius:50%;background:var(--secondary);border:3px solid var(--white)}
.timeline-year{font-size:18px;font-weight:800;color:var(--secondary);margin-bottom:8px}
.timeline-item p{font-size:14px;color:var(--gray);line-height:1.7}

@media (max-width:768px) {
  .about-grid{grid-template-columns:1fr;gap:30px}
  .value-grid{grid-template-columns:repeat(2,1fr)}
  .team-grid{grid-template-columns:repeat(2,1fr)}
  .about-hero h1{font-size:28px}
}

@media (max-width:480px) {
  .value-grid{grid-template-columns:1fr}
  .team-grid{grid-template-columns:1fr}
}