:root{--primary-color:#1a3b6c;--secondary-color:#4a6fa5;--accent-color:#2e8b57;--text-color:#2c3e50;--light-text:#576574;--background-light:#f4f6f9;--background-dark:#e9edf3;--border-radius:12px;--box-shadow:0 10px 20px #001f5a1a}body{color:var(--text-color);background-color:var(--background-light);font-family:Inter,Roboto,sans-serif;line-height:1.6}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}@media (max-width:1200px){html{font-size:15px}}@media (max-width:992px){html{font-size:14px}}@media (max-width:768px){html{font-size:14px}}@media (max-width:576px){html{font-size:13px}}.about-page .about-hero{background:var(--secondary-color);color:#fff;align-items:center;min-height:400px;padding:80px 0;display:flex;position:relative}.about-page .hero-container{z-index:2;justify-content:space-between;align-items:center;gap:40px;max-width:1200px;margin:0 auto;padding:0 20px;display:flex;position:relative}.about-page .hero-content{flex:1;max-width:600px;margin:0 auto;padding:0 2rem;position:relative}.about-page .hero-content h1{text-transform:uppercase;letter-spacing:1px;margin-bottom:1.5rem;font-size:3.5rem;font-weight:700}.about-page .hero-content p{opacity:.9;max-width:600px;font-size:1.2rem;line-height:1.6}.about-page .features-box{background-color:tomato;border-radius:8px;flex-direction:column;gap:20px;width:400px;padding:30px;display:flex;box-shadow:0 4px 6px #0000001a}.about-page .feature-item{align-items:center;gap:1rem;display:flex}.about-page .feature-icon{color:#fff;font-size:1.5rem}.about-page .feature-text{font-size:1rem;font-weight:500}.about-page .about-story{background-color:#f8f9fa;padding:80px 0}.about-page .story-content{max-width:1200px;margin:0 auto;padding:0 20px}.about-page .story-content h2{color:#333;text-transform:uppercase;font-size:32px;font-weight:700;display:inline-block;position:relative}.about-page .story-content h3{color:#666;max-width:900px;margin-top:30px;font-size:18px;font-weight:400;line-height:1.8}@media (max-width:768px){.about-page .hero-content h1{font-size:2.5rem}.about-page .hero-content p{font-size:1rem}.about-page .features-box{width:100%;max-width:600px}.about-page .story-content h2{font-size:28px}.about-page .story-content h3{font-size:16px;line-height:1.6}}.about-page .mvv-section{background-color:var(--background-dark)}.about-page .section-container{max-width:1200px;margin:0 auto;padding:4rem 2rem}.about-page .mvv-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}@media (max-width:1024px){.about-page .mvv-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.about-page .mvv-grid{grid-template-columns:1fr}}.about-page .mvv-card{background:var(--white);text-align:center;border-radius:var(--border-radius);padding:2rem;transition:transform .3s;box-shadow:0 8px 15px #001f5a14}.about-page .mvv-card:hover{transform:translateY(-10px)}.about-page .values-list{padding:0;list-style:none}.about-page .values-list li{color:var(--light-text);margin:.5rem 0}.about-page .about-cta{text-align:center;background-color:var(--background-dark);padding:4rem 2rem}.about-page .about-cta h2{color:var(--primary-color);margin-bottom:1rem}.about-page .cta-buttons{justify-content:center;gap:1rem;margin-top:2rem;display:flex}
