.about-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:white;padding:120px 0 80px;text-align:center}.about-hero-content h1{font-size:3rem;font-weight:700;margin-bottom:20px}.about-hero-content p{font-size:1.3rem;max-width:600px;margin:0 auto;opacity:.9}.about-story{background:white}.story-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.story-text h2{font-size:2.5rem;font-weight:700;margin-bottom:30px;color:#2d3748}.story-text p{font-size:1.1rem;line-height:1.8;color:#4a5568;margin-bottom:20px}.story-image img{width:100%;border-radius:15px;box-shadow:0 15px 35px rgba(0,0,0,.1)}.stats-section{background:#f8fafc}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px}.stat-card{background:white;padding:40px 20px;border-radius:15px;text-align:center;box-shadow:0 5px 15px rgba(0,0,0,.08);transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px)}.stat-number{font-size:3rem;font-weight:700;color:#667eea;margin-bottom:10px}.stat-label{font-size:1.1rem;color:#4a5568;font-weight:600}.team-section{background:white}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.team-card{background:white;border-radius:15px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.08);transition:transform .3s ease}.team-card:hover{transform:translateY(-10px)}.team-image{width:100%;height:300px;overflow:hidden}.team-image img{width:100%;height:100%;object-fit:cover}.team-info{padding:25px}.team-info h3{font-size:1.3rem;font-weight:600;margin-bottom:5px;color:#2d3748}.team-position{color:#667eea;font-weight:600;margin-bottom:15px}.team-bio{color:#4a5568;line-height:1.6}.values-section{background:#f8fafc}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.value-card{background:white;padding:40px 30px;border-radius:15px;text-align:center;box-shadow:0 5px 15px rgba(0,0,0,.08);transition:transform .3s ease}.value-card:hover{transform:translateY(-5px)}.value-icon{font-size:3rem;margin-bottom:20px}.value-card h3{font-size:1.5rem;font-weight:600;margin-bottom:15px;color:#2d3748}.value-card p{color:#4a5568;line-height:1.6}@media (max-width:768px){.about-hero-content h1{font-size:2.2rem}.story-content{grid-template-columns:1fr;gap:40px}.story-text h2{font-size:2rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.team-grid,.values-grid{grid-template-columns:1fr}}