.about-hero{position: relative;padding: 180px 0 100px;overflow: visible;background-color: var(--light-gray);background: transparent !important;box-shadow: none !important;z-index: 1;text-align: center;min-height: unset;display: block;height: 70vh}.about-hero-content{max-width: 600px;position: relative;z-index: 2;margin: 0 auto;text-align: center;background: transparent !important}.about-hero-content h1{margin-bottom: var(--spacing-lg);font-size: 3.5rem;font-weight: 700;line-height: 1.1}.about-hero-content p{font-size: 1.2rem;margin-bottom: var(--spacing-xl);color: var(--text-muted)}.mission-section{padding: var(--spacing-xxl) 0;background-color: #f8f9fa}.mission-grid{display: grid;grid-template-columns: 1fr 1fr;gap: var(--spacing-xxl);align-items: center}.mission-content{padding: var(--spacing-xl);background: #fff;border-radius: var(--border-radius-lg);box-shadow: var(--shadow-md)}.mission-text p{color: var(--text-muted);line-height: 1.8;margin-bottom: var(--spacing-md)}.vision-section{padding: var(--spacing-xxl) 0;background-color: #f8f9fa}.vision-grid{display: grid;grid-template-columns: 1fr 1fr;gap: var(--spacing-xxl);align-items: center}.vision-content{padding: var(--spacing-xl);background: #fff;border-radius: var(--border-radius-lg);box-shadow: var(--shadow-md)}.vision-image img,.mission-image img{border-radius: var(--border-radius-lg);box-shadow: var(--shadow-md);width: 100%;max-width: 400px;display: block;margin: 0 auto}.timeline-section{padding: var(--spacing-xxl) 0;background: var(--light-gray)}.timeline{position: relative;max-width: 900px;margin: 0 auto;padding: 0 20px}.timeline::after{content: '';position: absolute;width: 4px;background: linear-gradient(to bottom, var(--primary-color), var(--secondary-color));top: 0;bottom: 0;left: 50%;margin-left: -2px;z-index: 0}.timeline-item{padding: 10px 40px;position: relative;background-color: inherit;width: 50%;box-sizing: border-box}.timeline-item:nth-child(odd){left: 0}.timeline-item:nth-child(even){left: 50%}.timeline-dot{position: absolute;width: 20px;height: 20px;right: -10px;background-color: var(--primary-color);border: 3px solid #fff;top: 15px;border-radius: 50%;z-index: 1;box-shadow: var(--shadow-sm)}.timeline-item:nth-child(even) .timeline-dot{left: -10px}.timeline-date{padding: 8px 15px;background-color: var(--secondary-color);color: #fff;border-radius: var(--border-radius-md);font-weight: 600;font-size: 0.9rem;display: inline-block;margin-bottom: 10px;box-shadow: var(--shadow-sm)}.timeline-content{background-color: #fff;padding: var(--spacing-xl);border-radius: var(--border-radius-lg);box-shadow: var(--shadow-md);position: relative;transition: box-shadow 0.3s, transform 0.3s}.timeline-content:hover{box-shadow: var(--shadow-lg);transform: translateY(-5px)}.timeline-content h3{font-size: 1.2rem;margin-bottom: 8px;color: var(--dark)}.timeline-content p{font-size: 0.95rem;color: var(--text-muted)}.team-section{padding: var(--spacing-xxl) 0;background: var(--light-gray)}.team-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));gap: var(--spacing-xl);margin-top: var(--spacing-xl)}.team-member{background: #fff;border-radius: var(--border-radius-lg);box-shadow: var(--shadow-md);padding: var(--spacing-xl);display: flex;flex-direction: column;align-items: center;transition: box-shadow 0.3s, transform 0.3s}.team-member:hover{box-shadow: var(--shadow-lg);transform: translateY(-8px) scale(1.03)}.team-member-image{width: 110px;height: 110px;border-radius: 50%;overflow: hidden;margin-bottom: var(--spacing-md);box-shadow: var(--shadow-md);position: relative}.team-member-image img{width: 100%;height: 100%;object-fit: cover}.team-member-social{display: flex;gap: 10px;justify-content: center;margin-top: 10px}.team-member-social a{color: var(--primary-color);background: #f1f5f9;border-radius: 50%;width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;font-size: 1.1rem;transition: background 0.2s, color 0.2s}.team-member-social a:hover{background: linear-gradient(90deg, var(--gradient-start), var(--gradient-end));color: #fff}.team-member-info h3{font-size: 1.2rem;font-weight: 600;margin-bottom: 4px}.team-member-role{color: var(--primary-color);font-weight: 500;font-size: 1rem;margin-bottom: 8px}.team-member-bio{color: var(--text-muted);font-size: 0.98rem;text-align: center}.team-cta{margin-top: var(--spacing-xl)}.values-section{padding: var(--spacing-xxl) 0;background: var(--light-gray)}.values-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));gap: var(--spacing-xl);margin-top: var(--spacing-xl)}.value-card{background: #fff;border-radius: var(--border-radius-lg);box-shadow: var(--shadow-md);padding: var(--spacing-xl);text-align: center;transition: box-shadow 0.3s, transform 0.3s}.value-card:hover{box-shadow: var(--shadow-lg);transform: translateY(-6px) scale(1.03)}.value-icon{font-size: 2.2rem;color: var(--primary-color);margin-bottom: var(--spacing-md)}.value-card h3{font-size: 1.1rem;font-weight: 600;margin-bottom: 8px}.value-card p{color: var(--text-muted);font-size: 0.98rem}@media (max-width: 992px){.mission-grid, .vision-grid{grid-template-columns: 1fr;gap: var(--spacing-xl)}}@media (max-width: 768px){.about-hero{padding: 120px 0 60px} .about-hero-content h1{font-size: 2rem} .timeline::after{left: 20px} .timeline-item{width: 100%;padding-left: 60px;padding-right: 10px} .timeline-item:nth-child(even){left: 0} .timeline-dot{left: 10px;right: auto} .team-grid, .values-grid{grid-template-columns: 1fr;gap: var(--spacing-lg)}}