.about-page{color:#1e293b;padding:0;font-family:Inter,"system-ui","sans-serif"}.about-page.loading{justify-content:center;align-items:center;min-height:100vh;display:flex}.about-page.loading .loading-spinner{text-align:center}.about-page.loading .loading-spinner .spinner{border:3px solid #2563eb4d;border-top-color:#2563eb;border-radius:50%;width:40px;height:40px;margin:0 auto 20px;animation:1s linear infinite spin}.about-page.loading .loading-spinner p{font-size:16px}.about-page.error{justify-content:center;align-items:center;min-height:100vh;display:flex}.about-page.error .error-message{text-align:center;max-width:600px}.about-page.error .error-message h2{margin-bottom:20px}.about-page.error .error-message p{font-size:16px}.about-page .about-hero{color:#fff;text-align:center;background:linear-gradient(135deg,#2563eb 0%,#1554e0 100%);padding:4rem 0}.about-page .about-hero .hero-title{letter-spacing:-.5px;margin-bottom:1.5rem;font-size:1.875rem;font-weight:700}@media (min-width:768px){.about-page .about-hero .hero-title{font-size:2.25rem}}.about-page .about-hero .hero-subtitle{opacity:.9;max-width:800px;margin:0 auto;font-size:1.125rem}@media (min-width:768px){.about-page .about-hero .hero-subtitle{font-size:1.25rem}}.about-page .about-profile{background-color:#f8fafc;padding:4rem 0}.about-page .about-profile .section-title{text-align:center;color:#0f172a;margin-bottom:3rem;font-size:1.5rem;font-weight:600}.about-page .about-profile .profile-content .profile-item{flex-direction:column;gap:3rem;display:flex}@media (min-width:992px){.about-page .about-profile .profile-content .profile-item{flex-direction:row;align-items:center}}.about-page .about-profile .profile-content .profile-item .profile-image{flex:1;max-width:500px;margin:0 auto}.about-page .about-profile .profile-content .profile-item .profile-image .company-image{border-radius:8px;width:100%;height:auto;box-shadow:0 10px 30px #0000001a}.about-page .about-profile .profile-content .profile-item .profile-text{flex:1}.about-page .about-profile .profile-content .profile-item .profile-text h3{color:#0f172a;margin-bottom:1.5rem;font-size:1.25rem}.about-page .about-profile .profile-content .profile-item .profile-text .content{color:#334155;font-size:1rem;line-height:1.8}.about-page .about-profile .profile-content .profile-item .profile-text .content p{margin-bottom:1rem}.about-page .about-mission{padding:0}.about-page .about-mission .mission-vision-grid{grid-template-columns:1fr;gap:3rem;display:grid}@media (min-width:768px){.about-page .about-mission .mission-vision-grid{grid-template-columns:1fr 1fr}}.about-page .about-mission .mission-vision-grid .mission-item,.about-page .about-mission .mission-vision-grid .vision-item{background:#fff;border-radius:8px;padding:2rem;transition:transform .3s,box-shadow .3s;box-shadow:0 5px 15px #0000000d}.about-page .about-mission .mission-vision-grid .mission-item:hover,.about-page .about-mission .mission-vision-grid .vision-item:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000001a}.about-page .about-mission .mission-vision-grid .mission-item .mission-icon,.about-page .about-mission .mission-vision-grid .mission-item .vision-icon,.about-page .about-mission .mission-vision-grid .vision-item .mission-icon,.about-page .about-mission .mission-vision-grid .vision-item .vision-icon{border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1.5rem;display:flex}.about-page .about-mission .mission-vision-grid .mission-item .mission-icon i,.about-page .about-mission .mission-vision-grid .mission-item .vision-icon i,.about-page .about-mission .mission-vision-grid .vision-item .mission-icon i,.about-page .about-mission .mission-vision-grid .vision-item .vision-icon i{color:#2563eb;font-size:32px}.about-page .about-mission .mission-vision-grid .mission-item h3,.about-page .about-mission .mission-vision-grid .vision-item h3{color:#0f172a;margin-bottom:1rem;font-size:1.25rem}.about-page .about-mission .mission-vision-grid .mission-item .mission-content,.about-page .about-mission .mission-vision-grid .mission-item .vision-content,.about-page .about-mission .mission-vision-grid .vision-item .mission-content,.about-page .about-mission .mission-vision-grid .vision-item .vision-content{color:#334155;font-size:1rem;line-height:1.8}.about-page .about-mission .mission-vision-grid .mission-item .mission-content p,.about-page .about-mission .mission-vision-grid .mission-item .vision-content p,.about-page .about-mission .mission-vision-grid .vision-item .mission-content p,.about-page .about-mission .mission-vision-grid .vision-item .vision-content p{margin-bottom:.5rem}.about-page .about-values{background-color:#f8fafc;padding:4rem 0}.about-page .about-values .section-title{text-align:center;color:#0f172a;margin-bottom:3rem;font-size:1.5rem;font-weight:600}.about-page .about-values .values-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (min-width:576px){.about-page .about-values .values-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:992px){.about-page .about-values .values-grid{grid-template-columns:repeat(3,1fr)}}.about-page .about-values .values-grid .value-card{text-align:center;background:#fff;border-radius:8px;padding:2rem;transition:all .3s;box-shadow:0 5px 15px #0000000d}.about-page .about-values .values-grid .value-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000001a}.about-page .about-values .values-grid .value-card .value-icon{width:80px;height:80px;margin:0 auto 1.5rem}.about-page .about-values .values-grid .value-card .value-icon img{object-fit:contain;width:100%;height:100%}.about-page .about-values .values-grid .value-card .value-title{color:#0f172a;margin-bottom:1rem;font-size:1.125rem;font-weight:600}.about-page .about-values .values-grid .value-card .value-description{color:#334155;font-size:1rem;line-height:1.6}.about-page .about-company-cards{background-color:#f8fafc;padding:4rem 0}.about-page .about-company-cards .section-title{text-align:center;color:#0f172a;margin-bottom:3rem;font-size:1.5rem;font-weight:600}.about-page .about-company-cards .company-cards-grid{grid-template-columns:1fr;gap:3rem;display:grid}@media (min-width:768px){.about-page .about-company-cards .company-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:992px){.about-page .about-company-cards .company-cards-grid{grid-template-columns:repeat(3,1fr)}}.about-page .about-company-cards .company-cards-grid .company-card{background:#fff;border-radius:8px;transition:all .3s;overflow:hidden;box-shadow:0 5px 15px #0000000d}.about-page .about-company-cards .company-cards-grid .company-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000001a}.about-page .about-company-cards .company-cards-grid .company-card h3{color:#0f172a;margin-bottom:1rem;padding:2rem 2rem 0;font-size:1.25rem}.about-page .about-company-cards .company-cards-grid .company-card .card-content{color:#334155;padding:0 2rem 2rem;font-size:1rem;line-height:1.8}.about-page .about-company-cards .company-cards-grid .company-card .card-content p{margin-bottom:.5rem}.about-page .about-company-cards .company-cards-grid .company-card .card-image{border-radius:0 0 6px 6px;width:100%;overflow:hidden}.about-page .about-company-cards .company-cards-grid .company-card .card-image img{width:100%;height:auto;transition:transform .3s}.about-page .about-company-cards .company-cards-grid .company-card .card-image img:hover{transform:scale(1.05)}.about-page .about-contact{padding:0}.about-page .about-contact .section-title{text-align:center;color:#0f172a;margin-bottom:3rem;font-size:1.5rem;font-weight:600}.about-page .about-contact .contact-info{flex-direction:column;display:flex}@media (min-width:992px){.about-page .about-contact .contact-info{flex-direction:row}}.about-page .about-contact .contact-info .contact-details{background:#fff;border-radius:8px;flex:1;padding:2rem;box-shadow:0 5px 15px #0000000d}.about-page .about-contact .contact-info .contact-details h3{color:#0f172a;margin-bottom:1.5rem;font-size:1.25rem}.about-page .about-contact .contact-info .contact-details .address{margin-bottom:1.5rem}.about-page .about-contact .contact-info .contact-details .address p{color:#334155;margin-bottom:.25rem}.about-page .about-contact .contact-info .contact-details .email{margin-bottom:1.5rem}.about-page .about-contact .contact-info .contact-details .email strong{color:#0f172a;margin-right:.25rem}.about-page .about-contact .contact-info .contact-details .email a{color:#2563eb;text-decoration:none}.about-page .about-contact .contact-info .contact-details .email a:hover{text-decoration:underline}.about-page .about-contact .contact-info .contact-details .contact-channels .channel-item{align-items:center;margin-bottom:.5rem;display:flex}.about-page .about-contact .contact-info .contact-details .contact-channels .channel-item i{color:#2563eb;margin-right:.5rem;font-size:18px}.about-page .about-contact .contact-info .contact-details .contact-channels .channel-item span{color:#334155}.about-page .about-contact .contact-info .contact-map{flex:1;height:400px}.about-page .about-contact .contact-info .contact-map .map-placeholder{color:#334155;background:#f8fafc;border-radius:8px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;box-shadow:0 5px 15px #0000000d}@keyframes spin{to{transform:rotate(360deg)}}