body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.home{font-family:Arial,sans-serif;margin:0;padding:0}.hero-section{animation:fadeIn 1.5s ease-out;background:linear-gradient(90deg,#ec4899,#a855f7);color:#fff;padding:60px 20px;text-align:center}.hero-title{font-size:3rem;font-weight:700;margin-bottom:10px}.hero-text{font-size:1.25rem;margin-bottom:20px}.cta-button{background-color:#fbbf24;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s ease}.cta-button:hover{background-color:#f59e0b}.products,.services{padding:40px 20px;text-align:center}.section-title{font-weight:700;margin-bottom:20px}.product-cards,.service-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.card{border-radius:10px}.card-title{font-size:1.25rem;margin-top:10px}.card-description{font-size:1rem}@media (max-width:768px){.hero-title{font-size:2rem}.hero-text{font-size:1rem}.cta-button{padding:8px 16px}}body{background-color:#f0f2f5;font-family:Arial,sans-serif;margin:0;padding:0}.info-card{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;cursor:pointer;display:flex;justify-content:space-between;margin:20px 0;overflow:hidden;padding:20px;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.info-card:hover{box-shadow:0 8px 20px #0003;transform:translateY(-10px)}.info-card-image{border-radius:10px;flex:1 1;overflow:hidden;position:relative}.info-card-image img{height:100%;object-fit:cover;transition:transform .4s ease-in-out;width:100%}.info-card:hover .info-card-image img{transform:scale(1.1)}.info-card-content{color:#333;display:flex;flex:1.5 1;flex-direction:column;justify-content:center;padding-left:30px;transition:opacity .3s ease-in-out}.info-card-title{animation:fadeIn 1s ease-in-out .2s forwards;color:#2a9d8f;font-size:2.4rem;font-weight:600;margin-bottom:15px;opacity:0}.info-card-description{animation:fadeIn 1s ease-in-out .4s forwards;color:#555;font-size:1.1rem;line-height:1.6;opacity:0}.info-card-button{background-color:#e9c46a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;margin-top:20px;padding:12px 25px;transition:background-color .3s ease-in-out,transform .3s ease-in-out}.info-card-button:hover{background-color:#f4a261;transform:translateY(-3px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.info-card{flex-direction:column;padding:20px}.info-card-image{margin-bottom:20px}.info-card-title{font-size:1.8rem}.info-card-button,.info-card-description{font-size:1rem}}.service-cards{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-right:20px;margin-top:40px}.card{border-radius:12px;box-shadow:0 4px 8px #0000001a;cursor:pointer;overflow:hidden;transform:translateY(0);transition:transform .3s ease,box-shadow .3s ease}.card:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-10px)}.card-image{height:200px;object-fit:cover;transition:transform .3s ease;width:100%}.card:hover .card-image{transform:scale(1.05)}.card-title{color:#2a9d8f;font-size:1.1rem;font-weight:700;margin-top:15px}.card-description{color:#555;font-size:.9rem;margin-top:5px}.card-button{background-color:#fbbf24;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin-top:15px;padding:10px 20px;transition:background-color .3s ease,transform .3s ease}.card-button:hover{background-color:#f59e0b;transform:translateY(-3px)}.popup{align-items:center;background:#000000b3;display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:9999}.popup-content{background-color:#fff;border-radius:10px;max-width:500px;padding:30px;position:relative;text-align:center;width:80%}.popup-image{border-radius:50%;height:100px;margin-bottom:20px;object-fit:cover;width:100px}.popup-text{margin-top:20px}.popup h3{color:#333;font-size:1.5rem;font-weight:700}.popup p{color:#555;font-size:1rem}.close-btn{font-size:2rem;right:10px}.back-btn,.close-btn{background:#0000;color:#333;position:absolute;top:10px}.back-btn{border:none;cursor:pointer;font-size:1.5rem;left:10px;padding:5px}.popup-show{display:flex}@media (max-width:768px){.service-cards{gap:10px;grid-template-columns:1fr}.card-title{font-size:1.2rem}.card-button,.card-description{font-size:.9rem}.popup-content{padding:20px;width:90%}.popup h3{font-size:1.2rem}.popup p{font-size:.9rem}}@media (min-width:1024px){.service-cards{display:flex;flex-wrap:nowrap;gap:30px;justify-content:space-between;padding:20px}.card{border:1px solid #e0e0e0;border-radius:8px;flex-basis:calc(23.33% - 30px);flex-grow:1;flex-shrink:1;margin:0 15px;max-width:calc(23.33% - 30px);transition:transform .3s ease-in-out}.card:hover{box-shadow:0 4px 15px #0000001a;transform:translateY(-5px)}.card-title{color:#333;font-size:1.5rem;margin-bottom:10px}.card-description{color:#555;font-size:1.1rem;line-height:1.5}.card-button{background-color:#ec4899;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.1rem;padding:10px 20px;transition:background-color .3s ease-in-out}.card-button:hover{background-color:#d02682}}.home-container{align-items:center;background-image:url(/static/media/5bfcf5eedd7ec41a01dc2a01_beauty-salon-interior-design-ideas.f61182fe7080243ee92a.png);background-position:50%;background-size:cover;display:flex;height:100vh;justify-content:center;padding:0 20px;position:relative}.home-overlay{background:#00000080;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.welcome-section{background:#fffc;border-radius:15px;box-shadow:0 15px 30px #0000001a;max-width:900px;padding:40px;text-align:center;width:100%;z-index:2}.welcome-title{color:#333;font-family:Helvetica Neue,sans-serif;font-size:3.5rem;font-weight:700;letter-spacing:2px;line-height:1.2;margin-bottom:20px;transition:transform .3s ease-in-out}.welcome-content{color:#555;font-family:Arial,sans-serif;font-size:1.25rem;line-height:1.6;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:800px;transition:opacity .3s ease-in-out}.explore-btn{background-color:coral;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:1.1rem;letter-spacing:1px;padding:16px 40px;text-transform:uppercase;transition:background-color .3s,transform .3s ease}.explore-btn:hover{background-color:tomato;transform:translateY(-5px)}.welcome-title:hover{transform:scale(1.1)}.welcome-content:hover{opacity:.85}@media (max-width:768px){.welcome-title{font-size:2.5rem}.welcome-content{font-size:1rem}.explore-btn{padding:14px 30px}}.beauty-home{color:#333;font-family:Arial,sans-serif;margin:auto;max-width:1200px;padding:20px}.section-title{color:#444;font-size:2rem;text-align:center}.about-us{margin-bottom:40px}.content-block{display:flex;flex-direction:column;gap:20px}.content-title{color:#555;font-size:1.5rem;margin-bottom:10px}.why-choose-us{margin-bottom:40px}.features-list{line-height:1.8;list-style-type:disc;padding-left:40px}.testimonials{margin-bottom:40px}.testimonial-item{background:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:15px}blockquote{font-style:italic;margin:0}cite{color:#666;display:block;font-size:.9rem;margin-top:10px}.gallery{margin-bottom:40px}.gallery-images{display:flex;gap:10px}.gallery-images img{border-radius:4px;height:150px;object-fit:cover;width:150px}.contact-us{margin-bottom:40px}.footer-container{background-color:#2c3e50;border-top:5px solid coral;box-shadow:0 4px 15px #0000001a;color:#fff;font-family:Arial,sans-serif;padding:60px 20px}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:30px}.footer-section{flex:1 1;margin-bottom:30px;margin-right:30px;max-width:300px}.footer-title{color:#fff;font-size:1.8rem;font-weight:600;letter-spacing:2px;margin-bottom:20px;text-transform:uppercase}.footer-about p,.footer-contact ul{color:#ccc;font-size:1.1rem;line-height:1.8;margin:0}.footer-contact ul{list-style-type:none;padding-left:0}.footer-contact ul li{margin-bottom:15px}.footer-contact ul li a{color:coral;text-decoration:none;transition:color .3s ease,transform .3s ease}.footer-contact ul li a:hover{color:#e67e22;transform:translateX(5px)}.footer-social{display:flex;flex-wrap:wrap;gap:20px}.social-icons{color:#fff;gap:20px}.social-icon{color:#900e0e;font-size:1.8rem}.social-icon:hover{color:#1b9c53;transform:scale(1.2)}.footer-bottom{color:#ccc;font-size:1.2rem;margin-top:30px;opacity:.8;text-align:center;transition:opacity .3s ease}.footer-bottom:hover{opacity:1}@media (max-width:768px){.footer-content{align-items:center;flex-direction:column;text-align:center}.footer-section{margin-bottom:20px;margin-right:0;width:100%}.footer-title{font-size:1.4rem}.footer-about p,.footer-contact ul{font-size:1rem}.social-icons{color:#fff;justify-content:center}.footer-bottom{font-size:1rem}}.navbar{background:linear-gradient(90deg,#ec4899,#a855f7);box-shadow:0 4px 6px #0000001a;color:#fff;padding:16px}.navbar-logo{border-radius:20px;height:80px}.navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}a{text-decoration:none}.navbar-title{color:#fff;font-size:1.5rem;font-weight:700}.navbar-links{display:flex;gap:1.5rem;list-style:none}.navbar-link{color:#fff;text-decoration:none;transition:color .3s ease}.navbar-link:hover{color:#fbcfe8}.navbar-button{background-color:#ec4899;border:none;border-radius:8px;color:#fff;display:none;padding:8px 12px}.navbar-links.active{background:#ec4899;display:block;left:0;padding:1rem;position:absolute;right:0;text-align:center;top:70px;z-index:100}.navbar-links li{margin:1rem 0}@media (max-width:768px){.navbar-links{display:none;width:100%}.navbar-button{display:block}.navbar-button:focus{outline:none}}.contact-container{background-color:#f7f7f7;color:#333;font-family:Arial,sans-serif;padding:40px 20px}.contact-title{color:coral;font-size:2.5rem;margin-bottom:40px;text-align:center;text-transform:uppercase}.contact-content{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around}.contact-section{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:5px;transition:transform .3s ease,box-shadow .3s ease;width:300px}.contact-section:hover{box-shadow:0 6px 20px #0003;transform:translateY(-5px)}.section-title{color:coral;font-size:1.5rem;margin-bottom:15px}.contact-info{color:#555;font-size:1rem;line-height:1.6}.contact-info a{color:coral;text-decoration:none;transition:color .3s ease}.contact-info a:hover{color:#e67e22}.social-icons{display:flex;gap:15px}.social-icon{color:#333;font-size:1.5rem;font-weight:700;text-decoration:none;transition:color .3s ease,transform .3s ease}.social-icon:hover{color:coral;transform:translateX(5px)}.contact-form .form{display:flex;flex-direction:column;gap:15px}.input-field{border:1px solid #ccc;border-radius:5px;font-size:1rem;margin-bottom:10px;padding:10px;transition:border .3s ease;width:100%}.input-field:focus{border-color:coral}.submit-btn{background-color:coral;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.1rem;padding:12px;transition:background-color .3s ease}.submit-btn:hover{background-color:#e67e22}.contact-footer{color:#aaa;font-size:1rem;margin-top:40px;text-align:center}.contact-footer p{margin:0}@media (max-width:768px){.contact-content{align-items:center;flex-direction:column;text-align:center}.contact-section{margin-bottom:20px;width:100%}.section-title{font-size:1.3rem}.contact-info{font-size:.9rem}.social-icons{justify-content:center}}.services-container{background-color:#f5f5f5;font-family:Arial,sans-serif;padding:40px}.page-title{color:#333;font-size:2.5rem;margin-bottom:40px;text-align:center}.services-cards{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around}.service-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:20px;text-align:center;transition:transform .3s ease;width:280px}.service-card:hover{transform:translateY(-10px)}.service-image{border-radius:8px;max-height:200px;object-fit:cover;width:100%}.service-title{color:#333;font-size:1.5rem;margin:15px 0}.service-description{color:#666;font-size:1rem;margin-bottom:15px}.service-btn{background-color:coral;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s ease}.service-btn:hover{background-color:#e86c47}.modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.modal-content{background-color:#fff;border-radius:8px;max-width:600px;padding:20px;position:relative;text-align:center;width:90%}.modal-content img{margin-bottom:20px;max-height:300px;object-fit:cover;width:100%}.modal-content h2{font-size:2rem;margin-bottom:15px}.modal-content p{color:#333;font-size:1rem}.close-btn{background-color:coral;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s ease}.close-btn:hover{background-color:#e86c47}.close-icon{background:none;border:none;color:coral;cursor:pointer;font-size:1.5rem;position:absolute;right:10px;top:10px;transition:color .3s ease}.close-icon:hover{color:#e86c47}@media (max-width:768px){.services-cards{align-items:center;flex-direction:column}.service-card{margin-bottom:20px;width:90%}}.about-us-container{font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:40px 20px}h1,h2{color:#333;font-weight:700;margin-bottom:20px}.intro{display:flex;justify-content:space-between;margin-bottom:40px}.intro-text{flex:1 1;padding-right:20px}.intro-text p{color:#555;font-size:1.1rem;line-height:1.6}.intro-image{flex:1 1;max-width:500px}.intro-image img{border-radius:8px;box-shadow:0 4px 10px #0000001a;height:auto;width:100%}.cta,.services,.story,.values,.why-choose-us{margin-bottom:40px}.services{background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 10px #0000001a;padding:40px}.services h2{margin-bottom:20px;text-align:center}.service-cards{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.card{background-color:#fff;box-shadow:0 4px 10px #0000001a;padding:20px;text-align:center;transition:transform .3s ease;width:30%}.card,.card img{border-radius:8px}.card img{height:200px;margin-bottom:20px;object-fit:cover;width:100%}.card h3{color:coral;font-size:1.3rem;margin-bottom:10px}.card p{color:#555;font-size:1rem}.popup-btn{background-color:coral;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s ease}.popup-btn:hover{background-color:tomato}.cta,.values,.why-choose-us{background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;padding:20px}.values ul,.why-choose-us ul{color:#555;font-size:1.1rem;line-height:1.6;padding-left:20px}.values li,.why-choose-us li{margin-bottom:15px}.cta{background-color:coral;border-radius:8px;box-shadow:0 4px 10px #0000001a;color:#fff;padding:40px;text-align:center}.cta p{font-size:1.2rem}@media (max-width:768px){.intro{text-align:center}.intro,.service-cards{flex-direction:column}.card{margin-bottom:20px;width:100%}}
/*# sourceMappingURL=main.fd7e4f32.css.map*/