.about-page{min-height:100vh}.about-hero{position:relative;overflow:hidden;background:linear-gradient(160deg,#FFF5FA,#FFFBF7 35%,#FFFBEB);padding:5rem 1rem 4rem;text-align:center}.about-hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(236,72,153,.08) 0,transparent 50%),radial-gradient(circle at 80% 50%,rgba(251,191,36,.08) 0,transparent 50%)}.about-hero-inner{position:relative;z-index:1}.about-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem 1rem;background:linear-gradient(135deg,#EC4899,#DB2777);color:white;border-radius:999px;font-size:.8rem;font-weight:600;margin-bottom:1.25rem;box-shadow:0 4px 12px rgba(236,72,153,.25)}.about-title{font-size:2rem;font-weight:800;color:#182337;margin:0 0 .5rem}.about-subtitle{font-size:1rem;color:#6B7280;margin:0}.about-container{max-width:720px;margin:0 auto}.about-story{padding:4rem 1rem;background:white}.about-content p{font-size:1rem;line-height:2;color:#374151;margin:0 0 1.25rem;text-align:justify}.about-content p:last-child{margin-bottom:0}.about-slogan{margin-top:2.5rem;padding:2rem;background:linear-gradient(135deg,#FFF5FA,#FFFBEB);border-radius:16px;text-align:center;border:1px solid #f9a8d4}.about-slogan-icon{font-size:2rem;display:block;margin-bottom:.75rem}.about-slogan-text{font-size:1.15rem;font-weight:700;color:#DB2777;margin:0;padding:0;border:none;line-height:1.8}.about-contact{padding:4rem 1rem;background:#F9FAFB}.about-section-title{font-size:1.3rem;font-weight:700;color:#182337;text-align:center;margin:0 0 2rem}.about-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.about-contact-card{background:white;border-radius:16px;padding:1.75rem;text-align:center;border:1px solid #f3f4f6}.about-contact-icon{font-size:1.75rem;margin-bottom:.75rem}.about-contact-label{font-size:.85rem;font-weight:600;color:#6B7280;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.02em}.about-contact-value{font-size:.9rem;color:#374151;line-height:1.8;margin:0}.about-contact-phone{font-size:1.1rem;font-weight:700;color:#DB2777;text-decoration:none;direction:ltr;display:inline-block}.about-contact-phone:hover{text-decoration:underline}@media (max-width:640px){.about-hero{padding:4rem 1rem 3rem}.about-title{font-size:1.5rem}.about-contact,.about-story{padding:3rem 1rem}.about-contact-grid{grid-template-columns:1fr}}