@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css";@font-face{font-family:Belleza;src:url(/Belleza-Regular.ttf) format("truetype");font-weight:400;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #e66588;--secondary-color: #464541;--accent-color: #9b9a98;--text-dark: #464541;--text-light: #9b9a98;--bg-light: #f3f3f3;--bg-white: #ffffff;--gradient-primary: linear-gradient(135deg, #e66588 0%, #464541 100%);--gradient-accent: linear-gradient(135deg, #9b9a98 0%, #464541 100%);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1)}body{font-family:Inter,sans-serif;line-height:1.6;color:var(--text-dark);background-color:var(--bg-light)}.container{max-width:1200px;margin:0 auto;padding:0 20px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out}html{scroll-behavior:smooth}@media (max-width: 768px){.container{padding:0 15px}}@media (max-width: 480px){.container{padding:0 15px}}.header{background:var(--bg-white);box-shadow:var(--shadow-sm);position:fixed;top:0;left:0;right:0;z-index:1000;transition:all .3s ease}.header.scrolled{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}@media (max-width: 768px){.header nav{padding:1rem 1.5rem}}.logo{display:flex;align-items:center}.logo-img{height:60px;width:auto;max-width:300px;transition:all .3s ease}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links button{background:none;border:none;text-decoration:none;color:var(--text-dark);font-weight:500;font-size:1rem;cursor:pointer;transition:color .3s ease;font-family:inherit}.nav-links button:hover{color:var(--primary-color)}.mobile-menu{display:none;flex-direction:column;cursor:pointer;padding:5px}.mobile-menu span{width:25px;height:3px;background:var(--text-dark);margin:3px 0;transition:.3s}.mobile-menu.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu.active span:nth-child(2){opacity:0}.mobile-menu.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}@media (max-width: 768px){.logo-img{height:45px;max-width:200px}.nav-links{position:fixed;top:70px;left:0;width:100%;background:var(--bg-white);flex-direction:column;padding:2rem;box-shadow:var(--shadow-md);transform:translate(-100%);transition:transform .3s ease}.nav-links.active{transform:translate(0)}.nav-links button{padding:1rem 0;border-bottom:1px solid var(--bg-light)}.nav-links button:last-child{border-bottom:none}.mobile-menu{display:flex}}.hero{position:relative;color:#fff;padding:80px 0 60px;text-align:center;overflow:hidden;min-height:70vh;display:flex;align-items:center}.hero-bg{position:absolute;inset:-10% 0;z-index:1}.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center 20%}.hero-overlay{position:absolute;inset:0;background:linear-gradient(#e66588cc,#464541cc)}.hero-overlay:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.hero-content{position:relative;z-index:2}.hero-logo{width:180px;height:180px;margin:0 auto 2rem;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.hero h1{font-family:Belleza,serif;font-size:2.8rem;font-weight:700;margin-bottom:1rem;line-height:1.2;letter-spacing:2px}.hero p{font-size:1.25rem;margin-bottom:2rem;opacity:.9;max-width:600px;margin-left:auto;margin-right:auto;font-weight:500;letter-spacing:1px}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{padding:12px 24px;border:none;border-radius:8px;font-weight:600;text-decoration:none;display:inline-block;transition:all .3s ease;cursor:pointer;font-size:1rem}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:#d14a6b;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:transparent;color:#fff;border:2px solid white}.btn-secondary:hover{background:#fff;color:var(--primary-color);transform:translateY(-2px)}@media (max-width: 768px){.hero-logo{width:140px;height:140px;margin-bottom:1.5rem}.hero h1{font-size:2.5rem}.cta-buttons{flex-direction:column;align-items:center}.btn{width:100%;max-width:300px}}@media (max-width: 480px){.hero-logo{width:120px;height:120px;margin-bottom:1rem}.hero h1{font-size:2rem}}.image-carousel{position:relative;max-width:400px;margin:0 auto;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-lg)}.carousel-container{position:relative;width:100%;height:500px}.carousel-slide{width:100%;height:100%;position:relative}.carousel-image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease}.carousel-image:hover{transform:scale(1.05)}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;border:none;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10;box-shadow:var(--shadow-md)}.carousel-btn:hover{background:var(--primary-color);color:#fff;transform:translateY(-50%) scale(1.1)}.carousel-btn.prev{left:15px}.carousel-btn.next{right:15px}.carousel-btn i{font-size:1.2rem}.carousel-indicators{display:flex;justify-content:center;gap:8px;padding:20px;background:var(--bg-white)}.indicator{width:12px;height:12px;border-radius:50%;border:none;background:var(--accent-color);cursor:pointer;transition:all .3s ease}.indicator.active{background:var(--primary-color);transform:scale(1.2)}.indicator:hover{background:var(--primary-color);opacity:.7}@media (max-width: 768px){.image-carousel{max-width:300px}.carousel-container{height:400px}.carousel-btn{width:40px;height:40px}.carousel-btn.prev{left:10px}.carousel-btn.next{right:10px}.carousel-btn i{font-size:1rem}}@media (max-width: 480px){.image-carousel{max-width:250px}.carousel-container{height:350px}.carousel-indicators{padding:15px}.indicator{width:10px;height:10px}}.about{padding:80px 0;background:var(--bg-white)}.section-header{text-align:center;margin-bottom:4rem;opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.section-header.animate{opacity:1;transform:translateY(0)}.section-header h2{font-family:Belleza,serif;font-size:2.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-dark)}.section-header p{font-size:1.125rem;color:var(--text-light);max-width:600px;margin:0 auto}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-text{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.about-text.animate{opacity:1;transform:translateY(0)}.about-text h3{font-family:Belleza,serif;font-size:1.75rem;font-weight:600;margin-bottom:1rem;color:var(--text-dark)}.about-text p{margin-bottom:1.5rem;color:var(--text-light);font-size:1.125rem}.about-image{text-align:center;opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out;display:flex;justify-content:center;align-items:center}.about-image.animate{opacity:1;transform:translateY(0)}@media (max-width: 768px){.about-content{grid-template-columns:1fr;gap:2rem}.section-header h2{font-size:2rem}}@media (max-width: 480px){.section-header h2{font-size:2rem}}.services{padding:80px 0;background:var(--bg-light)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.service-card{background:var(--bg-white);padding:2rem;border-radius:16px;box-shadow:var(--shadow-md);transition:all .3s ease;text-align:center;opacity:0;transform:translateY(30px)}.service-card.animate{opacity:1;transform:translateY(0)}.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.service-icon{width:80px;height:80px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff;font-size:2rem}.service-card h3{font-family:Belleza,serif;font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-dark)}.service-card p{color:var(--text-light);line-height:1.6}@media (max-width: 768px){.services-grid{grid-template-columns:1fr;gap:1.5rem}.service-card{padding:1.5rem}}.portfolio{padding:80px 0;background:var(--bg-white)}.portfolio-download{margin-top:2rem;display:flex;justify-content:center}.download-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--gradient-primary);color:#fff;padding:1rem 2rem;border-radius:50px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:var(--shadow-md);border:none;cursor:pointer}.download-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);color:#fff;text-decoration:none}.download-btn i{font-size:1.1rem}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:3rem}.portfolio-item{position:relative;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-md);transition:all .3s ease;opacity:0;transform:translateY(30px);cursor:pointer}.portfolio-item.animate{opacity:1;transform:translateY(0)}.portfolio-item:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.portfolio-image{width:100%;height:250px;object-fit:cover}.portfolio-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);color:#fff;padding:2rem 1.5rem 1.5rem;transform:translateY(100%);transition:transform .3s ease}.portfolio-item:hover .portfolio-overlay{transform:translateY(0)}.portfolio-overlay h3{font-family:Belleza,serif;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.portfolio-overlay p{opacity:.9;font-size:.9rem}.portfolio-click-hint{margin-top:.5rem;opacity:.8;font-size:.8rem;font-style:italic}.portfolio-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000;padding:2rem;box-sizing:border-box}.portfolio-modal-content{position:relative;max-width:90vw;max-height:90vh;background:#fff;border-radius:16px;overflow-y:auto;box-shadow:0 25px 50px #00000080;animation:modalSlideIn .3s ease-out}.portfolio-modal-content::-webkit-scrollbar{width:8px}.portfolio-modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.portfolio-modal-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.portfolio-modal-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.portfolio-modal-close{position:absolute;top:1rem;right:1rem;background:#000000b3;color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:1.5rem;cursor:pointer;z-index:1001;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.portfolio-modal-close:hover{background:#000000e6;transform:scale(1.1)}.portfolio-modal-nav{position:absolute;top:50%;transform:translateY(-50%);background:#000000b3;color:#fff;border:none;border-radius:50%;width:50px;height:50px;font-size:1.2rem;cursor:pointer;z-index:1001;display:flex;align-items:center;justify-content:center;transition:all .3s ease;opacity:.8}.portfolio-modal-nav:hover{background:#000000e6;transform:translateY(-50%) scale(1.1);opacity:1}.portfolio-modal-prev{left:1rem}.portfolio-modal-next{right:1rem}.portfolio-modal-image{width:100%;height:auto;max-height:70vh;object-fit:contain;display:block;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:0 1rem;border-radius:0;margin:0}.portfolio-modal-info{padding:2rem;background:#fff}.portfolio-modal-info h3{font-family:Belleza,serif;font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:var(--text-dark)}.portfolio-modal-info p{color:var(--text-light);font-size:1rem;line-height:1.6;white-space:pre-line;text-align:justify;padding:0;background:transparent;border-radius:0;margin-top:1rem}.portfolio-modal-info p::-webkit-scrollbar{width:6px}.portfolio-modal-info p::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.portfolio-modal-info p::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.portfolio-modal-info p::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width: 768px){.portfolio-grid{grid-template-columns:1fr}.portfolio-modal{padding:1rem}.portfolio-modal-content{max-width:95vw;max-height:95vh}.portfolio-modal-image{max-height:60vh}.portfolio-modal-info{padding:1rem}.portfolio-modal-info h3{font-size:1.25rem}.portfolio-modal-nav{width:40px;height:40px;font-size:1rem}.portfolio-modal-prev{left:.5rem}.portfolio-modal-next{right:.5rem}.download-btn{padding:.8rem 1.5rem;font-size:.9rem}}.stats{padding:60px 0;background:var(--gradient-primary);color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;text-align:center}.stat-item{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.stat-item.animate{opacity:1;transform:translateY(0)}.stat-item h3{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.stat-item p{opacity:.9;font-size:1.125rem}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.stat-item h3{font-size:2rem}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}}.contact{padding:80px 0;background:var(--bg-light)}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.contact-info{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.contact-info.animate{opacity:1;transform:translateY(0)}.contact-info h3{font-family:Belleza,serif;font-size:1.75rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-dark)}.contact-item{display:flex;align-items:center;margin-bottom:1.5rem}.contact-icon{width:50px;height:50px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;margin-right:1rem;font-size:1.25rem}.contact-text h4{font-weight:600;margin-bottom:.25rem;color:var(--text-dark)}.contact-text p{color:var(--text-light)}.contact-form{background:var(--bg-white);padding:2rem;border-radius:16px;box-shadow:var(--shadow-md);opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.contact-form.animate{opacity:1;transform:translateY(0)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-dark)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:border-color .3s ease;font-family:inherit}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-color)}.form-group textarea{resize:vertical;min-height:120px}.btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.contact-content{grid-template-columns:1fr;gap:2rem}.contact-form{padding:1.5rem}}footer{background:var(--secondary-color);color:#fff;padding:3rem 0 1rem;text-align:center}.footer-content{margin-bottom:2rem}.footer-logo{font-family:Belleza,serif;font-size:1.5rem;font-weight:700;color:var(--primary-color);margin-bottom:1rem}.footer-tagline{margin-bottom:1rem;display:flex;justify-content:center;align-items:center}.tagline-image{max-width:300px;height:auto;background:transparent;mix-blend-mode:normal;filter:none;opacity:.9;transition:all .3s ease}.tagline-image:hover{opacity:1;transform:scale(1.05)}.social-links{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.social-link{width:50px;height:50px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:all .3s ease}.social-link:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.footer-bottom{border-top:1px solid var(--accent-color);padding-top:1rem;color:var(--accent-color)}.App{text-align:left}main{margin-top:70px}