.about-page{padding:40px 0 80px}.breadcrumb{color:#666;margin-bottom:30px;font-size:.9rem}.breadcrumb a{color:#666;margin-right:5px;text-decoration:none}.breadcrumb a:hover{color:#e53935}.breadcrumb span{color:#222;margin-left:5px;font-weight:500}.breadcrumb .separator{color:#999;margin:0 10px}.page-title{color:#222;text-align:center;margin-bottom:15px;font-size:2.5rem}.page-subtitle{color:#666;text-align:center;max-width:600px;margin-bottom:50px;margin-left:auto;margin-right:auto;font-size:1.1rem}.about-hero{grid-template-columns:1fr 1fr;align-items:center;gap:50px;margin-bottom:60px;display:grid}.about-hero-content h2{color:#222;margin-bottom:25px;font-size:2rem}.about-hero-content p{color:#666;margin-bottom:20px;font-size:1.05rem;line-height:1.7}.about-hero-image{justify-content:center;align-items:center;display:flex}.image-placeholder{color:#e53935;background-color:#f9f9f9;border:2px dashed #ddd;border-radius:10px;justify-content:center;align-items:center;width:300px;height:300px;font-size:8rem;display:flex}.about-mission{margin-bottom:60px}.about-mission h2{color:#222;text-align:center;margin-bottom:40px;font-size:1.8rem}.mission-cards{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.mission-card{text-align:center;background-color:#fff;border-radius:10px;padding:30px;transition:transform .3s;box-shadow:0 4px 15px #0000001a}.mission-card:hover{transform:translateY(-5px)}.mission-icon{color:#e53935;margin-bottom:20px;font-size:3rem}.mission-card h3{color:#222;margin-bottom:15px;font-size:1.4rem}.mission-card p{color:#666;line-height:1.6}.about-marketplace{background-color:#f9f9f9;border-radius:10px;margin-bottom:60px;padding:50px}.about-marketplace h2{color:#222;text-align:center;margin-bottom:40px;font-size:1.8rem}.marketplace-content{grid-template-columns:1fr 1fr;align-items:center;gap:50px;display:grid}.marketplace-text h3{color:#222;margin-bottom:20px;font-size:1.5rem}.marketplace-text p{color:#666;margin-bottom:20px;line-height:1.7}.marketplace-features{margin-top:30px}.feature-item{align-items:center;margin-bottom:15px;display:flex}.feature-check{color:#4caf50;margin-right:10px;font-size:1.2rem;font-weight:700}.feature-item span:last-child{color:#666}.marketplace-image{justify-content:center;display:flex}.about-why{margin-bottom:60px}.about-why h2{color:#222;text-align:center;margin-bottom:40px;font-size:1.8rem}.why-grid{grid-template-columns:repeat(4,1fr);gap:30px;display:grid}.why-card{text-align:center;background-color:#fff;border-radius:10px;padding:25px;transition:transform .3s;box-shadow:0 4px 15px #0000001a}.why-card:hover{transform:translateY(-5px)}.why-icon{color:#e53935;margin-bottom:20px;font-size:2.5rem}.why-card h3{color:#222;margin-bottom:15px;font-size:1.2rem}.why-card p{color:#666;font-size:.95rem;line-height:1.6}.about-cta{color:#fff;text-align:center;background-color:#e53935;border-radius:10px;padding:60px}.about-cta h2{color:#fff;margin-bottom:20px;font-size:2rem}.about-cta p{opacity:.9;max-width:600px;margin-bottom:30px;margin-left:auto;margin-right:auto;font-size:1.1rem}.cta-buttons{justify-content:center;gap:20px;display:flex}.btn-primary{color:#e53935;background-color:#fff;border-radius:6px;padding:12px 30px;font-weight:600;text-decoration:none;transition:all .3s}.btn-primary:hover{background-color:#f5f5f5;transform:translateY(-2px)}.btn-outline{color:#fff;background-color:#0000;border:2px solid #fff;border-radius:6px;padding:12px 30px;font-weight:600;text-decoration:none;transition:all .3s}.btn-outline:hover{color:#e53935;background-color:#fff;transform:translateY(-2px)}@media (max-width:992px){.about-hero{grid-template-columns:1fr;gap:40px}.mission-cards,.why-grid{grid-template-columns:repeat(2,1fr)}.marketplace-content{grid-template-columns:1fr;gap:40px}}@media (max-width:768px){.about-page{padding:30px 0 60px}.page-title{font-size:2rem}.mission-cards,.why-grid{grid-template-columns:1fr}.about-marketplace{padding:30px}.about-cta{padding:40px 20px}.cta-buttons{flex-direction:column;align-items:center}.btn-primary,.btn-outline{text-align:center;width:100%;max-width:300px}}@media (max-width:480px){.about-page{padding:20px 0 40px}.page-title{font-size:1.8rem}.about-hero-content h2{font-size:1.6rem}.image-placeholder{width:200px;height:200px;font-size:5rem}.mission-card,.why-card{padding:20px}.mission-icon{font-size:2.5rem}.why-icon{font-size:2rem}}
