.cosmetics-page{min-height:100vh;background:linear-gradient(135deg,#fdf2f8,#ffffff)}.cosmetics-page .page-container{max-width:1200px;margin:0 auto;padding:40px 20px}.page-header{margin-bottom:40px;text-align:left}.breadcrumb{font-size:14px;color:#be185d;margin-bottom:16px}.breadcrumb a{color:#ec4899;text-decoration:none;transition:color .2s ease}.breadcrumb a:hover{color:#be185d;text-decoration:underline}.breadcrumb span{margin:0 8px;color:#f9a8d4}.page-title{font-size:2.5rem;font-weight:700;color:#1f2937;margin:0 0 12px;background:linear-gradient(135deg,#ec4899,#be185d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.page-subtitle{font-size:1.125rem;color:#6b7280;margin:0;line-height:1.6}.main-content{display:flex;gap:30px;align-items:flex-start}.content-section{flex:1 1}.hero-about-section{background:linear-gradient(135deg,#ec4899,#be185d);color:white;padding:60px 40px;border-radius:20px;margin-bottom:60px;text-align:center;box-shadow:0 20px 40px rgba(236,72,153,.2)}.hero-content h2{font-size:2.5rem;font-weight:700;margin:0 0 20px;display:flex;align-items:center;justify-content:center;gap:15px}.hero-content h2 i{font-size:2rem}.hero-content p{font-size:1.125rem;line-height:1.7;margin-bottom:40px;opacity:.95;max-width:800px;margin-left:auto;margin-right:auto}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:30px;margin-top:40px}.stat-item{text-align:center}.stat-number{font-size:3rem;font-weight:700;color:white;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.stat-label{font-size:1rem;font-weight:500;opacity:.9}.section-header{text-align:center;margin-bottom:50px}.section-header h2{font-size:2.25rem;font-weight:700;color:#1f2937;margin:0 0 15px;display:flex;align-items:center;justify-content:center;gap:15px}.section-header h2 i{color:#ec4899;font-size:1.75rem}.section-header p{font-size:1.125rem;color:#6b7280;margin:0;line-height:1.6}.mission-vision-section{margin-bottom:80px}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:600px;margin:0 auto}.feature-card{background:white;padding:30px;border-radius:16px;border:1px solid #f3f4f6;box-shadow:0 8px 30px rgba(236,72,153,.1);transition:all .3s ease;text-align:center}.feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px rgba(236,72,153,.15);border-color:#ec4899}.card-icon{width:80px;height:80px;background:linear-gradient(135deg,#ec4899,#be185d);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px}.card-icon i{font-size:2rem;color:white}.feature-card h3{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 20px}.feature-card p{font-size:1rem;line-height:1.7;color:#6b7280;margin:0}.values-section{margin-bottom:80px}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}.value-card{background:white;padding:30px;border-radius:16px;border:1px solid #f3f4f6;box-shadow:0 4px 20px rgba(0,0,0,.06);transition:all .3s ease;text-align:center}.value-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(236,72,153,.12);border-color:#f9a8d4}.value-icon{width:60px;height:60px;background:linear-gradient(135deg,#fce7f3,#f9a8d4);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.value-icon i{font-size:1.5rem;color:#be185d}.value-card h4{font-size:1.125rem;font-weight:700;color:#1f2937;margin:0 0 15px}.value-card p{font-size:.9rem;line-height:1.6;color:#6b7280;margin:0}.why-choose-us-section{margin-bottom:80px}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:25px}.benefit-item{background:white;padding:30px;border-radius:16px;border:1px solid #f3f4f6;box-shadow:0 4px 20px rgba(0,0,0,.06);transition:all .3s ease;display:flex;align-items:flex-start;gap:20px}.benefit-item:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(236,72,153,.12);border-color:#f9a8d4}.benefit-icon{width:50px;height:50px;background:linear-gradient(135deg,#ec4899,#be185d);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.benefit-icon i{font-size:1.25rem;color:white}.benefit-content h4{font-size:1.125rem;font-weight:700;color:#1f2937;margin:0 0 8px}.benefit-content p{font-size:.9rem;line-height:1.6;color:#6b7280;margin:0}.contact-section{margin-bottom:80px}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}.contact-card{background:white;padding:30px;border-radius:16px;border:1px solid #f3f4f6;box-shadow:0 4px 20px rgba(0,0,0,.06);transition:all .3s ease;text-align:center}.contact-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(236,72,153,.12);border-color:#f9a8d4}.contact-icon{width:60px;height:60px;background:linear-gradient(135deg,#ec4899,#be185d);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.contact-icon i{font-size:1.5rem;color:white}.contact-card h4{font-size:1.125rem;font-weight:700;color:#1f2937;margin:0 0 10px}.contact-card p{font-size:1rem;font-weight:600;color:#ec4899;margin:0 0 5px}.contact-card small{font-size:.875rem;color:#6b7280}.cta-section{background:linear-gradient(135deg,#fce7f3,#f9a8d4);padding:60px 40px;border-radius:20px;text-align:center;margin-bottom:40px}.cta-content h2{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 15px}.cta-content p{font-size:1.125rem;color:#6b7280;margin:0 0 30px;line-height:1.6}.cta-buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.cta-primary-btn,.cta-secondary-btn{padding:15px 30px;border-radius:12px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;display:inline-flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.5px}.cta-primary-btn{background:linear-gradient(135deg,#ec4899,#be185d);color:white}.cta-primary-btn:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(236,72,153,.3)}.cta-secondary-btn{background:white;color:#ec4899;border:2px solid #ec4899}.cta-secondary-btn:hover{background:#ec4899;color:white;transform:translateY(-3px);box-shadow:0 15px 35px rgba(236,72,153,.2)}@media (max-width:1024px){.main-content{flex-direction:column;gap:20px}.cards-grid{grid-template-columns:1fr}.values-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.benefits-grid{grid-template-columns:1fr}}@media (max-width:768px){.cosmetics-page .page-container{padding:20px 15px}.page-title{font-size:2rem}.hero-about-section{padding:40px 20px}.hero-content h2{font-size:2rem;flex-direction:column;gap:10px}.hero-stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:20px}.stat-number{font-size:2.5rem}.section-header h2{font-size:1.75rem;flex-direction:column;gap:10px}.values-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.cta-content h2{font-size:1.5rem}.cta-buttons{flex-direction:column;align-items:center}}@media (max-width:480px){.hero-content h2,.page-title{font-size:1.75rem}.section-header h2{font-size:1.5rem}.contact-grid,.hero-stats,.values-grid{grid-template-columns:1fr}.cta-section{padding:40px 20px}.cta-primary-btn,.cta-secondary-btn{width:100%;justify-content:center}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.benefit-item,.contact-card,.cta-section,.feature-card,.hero-about-section,.value-card{animation:fadeInUp .6s ease forwards}.feature-card:first-child{animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.value-card:first-child{animation-delay:.1s}.value-card:nth-child(2){animation-delay:.2s}.value-card:nth-child(3){animation-delay:.3s}.value-card:nth-child(4){animation-delay:.4s}.value-card:nth-child(5){animation-delay:.5s}.value-card:nth-child(6){animation-delay:.6s}