.about-hero{background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);color: white;padding: 8rem 2rem 4rem;text-align: center}.about-hero h1{font-size: 2.5rem;margin-bottom: 1rem}.about-hero p{font-size: 1.2rem;opacity: 0.9;max-width: 700px;margin: 0 auto}.about-container{max-width: 900px;margin: 0 auto;padding: 3rem 2rem}.mission-section{background: var(--bg-alt);padding: 2.5rem;border-radius: 12px;margin-bottom: 2rem;border-left: 4px solid var(--accent)}.mission-section h2{color: var(--primary);margin: 0 0 1rem}.mission-section p{line-height: 1.8;color: var(--text-light)}.values-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));gap: 1.5rem;margin: 2rem 0}.value-card{background: white;padding: 2rem;border-radius: 12px;box-shadow: 0 4px 15px rgba(0,0,0,0.08);border-top: 4px solid var(--primary)}.value-card h3{color: var(--primary);margin: 0 0 0.75rem}.value-card p{color: var(--text-light);line-height: 1.7;margin: 0}.history-section{background: white;padding: 2.5rem;border-radius: 12px;box-shadow: 0 4px 15px rgba(0,0,0,0.08);margin: 2rem 0}.history-section h2{color: var(--primary);margin: 0 0 1.5rem;padding-bottom: 0.75rem;border-bottom: 3px solid var(--accent)}.history-section p{line-height: 1.8;color: var(--text-light);margin-bottom: 1rem}.cta-section{background: var(--primary);color: white;padding: 3rem 2rem;border-radius: 12px;text-align: center;margin-top: 2rem}.cta-section h2{color: white;margin-bottom: 1rem}.cta-section p{opacity: 0.9;margin-bottom: 1.5rem}.cta-section .btn{display: inline-block;padding: 0.75rem 2rem;background: white;color: var(--primary);text-decoration: none;border-radius: 8px;font-weight: 600;margin: 0.5rem}.cta-section .btn:hover{background: var(--gold)}