.about-page{overflow-x:hidden}.about-page .about-hero{align-items:center;gap:4rem;min-height:70vh;padding:6rem 10% 4rem;display:flex}.about-page .about-hero .hero-content{flex:1}.about-page .about-hero .hero-content .subtitle{color:#a855f7;text-transform:uppercase;letter-spacing:2px;font-size:.9rem;font-weight:700}.about-page .about-hero .hero-content h1{color:#1e293b;margin:1rem 0 1.5rem;font-size:clamp(2.5rem,5vw,4rem);line-height:1.1}.about-page .about-hero .hero-content p{color:#64748b;font-size:1.2rem;line-height:1.8}.about-page .about-hero .hero-image{flex:1;width:100%}.about-page .about-hero .hero-image .image-placeholder{color:#fff;background:linear-gradient(135deg,#a855f7 0%,#2f81ed 100%);border-radius:30px;justify-content:center;align-items:center;width:100%;height:450px;font-weight:600;display:flex;position:relative;overflow:hidden;transform:rotate(3deg);box-shadow:20px 20px 60px #0000001a}.about-page .about-hero .hero-image .image-placeholder img{object-fit:cover;width:100%;height:100%}.about-page .about-values{background-color:#fafafa;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:4rem 10%;display:grid}.about-page .about-values .value-card{text-align:center;background:#fff;border-radius:24px;padding:3rem 2rem;transition:transform .3s;box-shadow:0 10px 30px #00000008}.about-page .about-values .value-card:hover{transform:translateY(-10px)}.about-page .about-values .value-card .icon{color:#a855f7;margin-bottom:1.5rem;font-size:2.5rem}.about-page .about-values .value-card h3{color:#1e293b;margin-bottom:1rem;font-size:1.5rem}.about-page .about-values .value-card p{color:#64748b;line-height:1.6}.about-page .about-commitment{justify-content:center;padding:6rem 10%;display:flex}.about-page .about-commitment .commitment-container{color:#fff;text-align:center;background:linear-gradient(135deg,#a855f7 0%,#2f81ed 100%);border-radius:40px;width:100%;max-width:800px;padding:4rem}.about-page .about-commitment .commitment-container h2{margin-bottom:2.5rem;font-size:2.5rem}.about-page .about-commitment .commitment-container .commitment-list{text-align:left;grid-template-columns:1fr 1fr;gap:1.5rem;padding:0;list-style:none;display:grid}.about-page .about-commitment .commitment-container .commitment-list li{align-items:center;gap:1rem;font-size:1.1rem;font-weight:500;display:flex}.about-page .about-commitment .commitment-container .commitment-list li .check{color:#4ade80;flex-shrink:0;font-size:1.3rem}@media (max-width:1024px){.about-page .about-hero{text-align:center;flex-direction:column;gap:3rem;padding:4rem 5%}.about-page .about-hero .hero-image{order:-1}.about-page .about-hero .hero-image .image-placeholder{height:350px;transform:rotate(0)}.about-page .about-values,.about-page .about-commitment{padding:4rem 5%}.about-page .about-commitment .commitment-container .commitment-list{grid-template-columns:1fr}}@media (max-width:600px){.about-page .about-hero{padding:3rem 5%}.about-page .about-hero .hero-content h1{font-size:2.2rem}.about-page .about-hero .hero-image .image-placeholder{height:280px}.about-page .about-commitment .commitment-container{border-radius:25px;padding:2.5rem 1.5rem}.about-page .about-commitment .commitment-container h2{margin-bottom:1.5rem;font-size:1.8rem}.about-page .about-commitment .commitment-container .commitment-list li{font-size:1rem;line-height:1.4}}