:root{--primary-color: #2a5674;--secondary-color: #3a7ca5;--accent-color: #e74c3c;--dark-color: #2c3e50;--light-color: #ecf0f1;--text-color: #333333;--white-color: #ffffff;--gray-color: #95a5a6;--success-color: #27ae60;--gold-color: #f1c40f;--border-radius: 5px;--box-shadow: 0 5px 15px rgba(0, 0, 0, .1);--transition: all .3s ease;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:var(--text-color);background-color:var(--white-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none;color:var(--dark-color);transition:var(--transition)}a:hover{color:var(--primary-color)}ul{list-style:none}img{max-width:100%;height:auto;display:block}body{margin:0;font-family:Poppins,sans-serif;font-size:16px;color:var(--text-color);overflow-x:hidden}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-block;background-color:var(--primary-color);color:var(--white-color);padding:12px 30px;border-radius:var(--border-radius);font-weight:500;text-transform:uppercase;letter-spacing:1px;transition:var(--transition);border:2px solid var(--primary-color);box-shadow:0 4px 6px #8e44ad33}.btn:hover{background-color:transparent;color:var(--primary-color);transform:translateY(-3px);box-shadow:0 6px 12px #2a567440}section{padding:100px 0}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:36px;margin-bottom:15px;position:relative;display:inline-block;color:var(--primary-color)}.section-header h2:after{content:"";position:absolute;width:60px;height:3px;background-color:var(--primary-color);bottom:-10px;left:50%;transform:translate(-50%)}.section-header p{color:var(--gray-color);font-size:18px;max-width:700px;margin:0 auto}header{position:fixed;top:0;left:0;width:100%;background-color:#fffffff2;box-shadow:0 2px 10px #0000001a;z-index:1000;padding:15px 0;transition:var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}header.sticky{padding:10px 0;background-color:#fffffffa}.header-content{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:15px}.logo img{width:50px;height:auto;border-radius:5px;box-shadow:0 2px 5px #0000001a;transition:var(--transition)}.logo:hover img{transform:scale(1.05);box-shadow:0 4px 10px #2a567433}.logo h1{font-size:24px;color:var(--primary-color);margin:0;font-weight:700;text-shadow:1px 1px 0 rgba(0,0,0,.05)}.nav-links{display:flex;gap:30px}.nav-links a{font-weight:500;position:relative;padding:5px 0}.nav-links a:after{content:"";position:absolute;width:0;height:2px;background-color:var(--primary-color);bottom:0;left:0;transition:var(--transition)}.nav-links a:hover:after{width:100%}.hamburger{display:none;cursor:pointer}.hamburger span{display:block;width:25px;height:3px;background-color:var(--dark-color);margin:5px 0;transition:var(--transition)}.hero{height:100vh;display:flex;align-items:center;background:linear-gradient(#000000b3,#000000b3),url(/assets/home-image-B2TaXHfD.jpg) no-repeat center center;background-size:cover;color:var(--white-color);text-align:center;padding-top:80px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:100px;background:linear-gradient(to top,rgba(255,255,255,.1),transparent);z-index:1}.hero-content{max-width:800px;margin:0 auto;position:relative;z-index:2}.hero-content h1{font-size:48px;margin-bottom:20px;animation:fadeInDown 1s ease;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero-content p{font-size:20px;margin-bottom:30px;animation:fadeInUp 1s ease}.services{background-color:#f9f9f9;position:relative;overflow:hidden}.services:before{content:"";position:absolute;width:200px;height:200px;background-color:#2a56740d;border-radius:50%;top:-100px;left:-100px}.services:after{content:"";position:absolute;width:300px;height:300px;background-color:#2a56740d;border-radius:50%;bottom:-150px;right:-150px}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;position:relative;z-index:2}.service-card{background-color:var(--white-color);padding:30px;border-radius:var(--border-radius);box-shadow:var(--box-shadow);text-align:center;transition:var(--transition);border-bottom:3px solid transparent}.service-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0000001a;border-bottom:3px solid var(--primary-color)}.service-icon{width:70px;height:70px;background-color:var(--primary-color);color:var(--white-color);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:30px;box-shadow:0 5px 15px #2a56744d;transition:var(--transition)}.service-card:hover .service-icon{transform:rotateY(180deg)}.service-card h3{margin-bottom:15px;font-size:20px;color:var (--primary-color)}.service-card p{color:var(--gray-color)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.portfolio-item{position:relative;overflow:hidden;border-radius:var(--border-radius);height:400px;box-shadow:var(--box-shadow)}.portfolio-item img{width:100%;height:100%;object-fit:cover;transition:all .5s ease}.portfolio-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#2a5674d9;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;opacity:0;transition:all .5s ease;text-align:center;color:var(--white-color)}.portfolio-item:hover .portfolio-overlay{opacity:1}.portfolio-item:hover img{transform:scale(1.1)}.portfolio-overlay h3{margin-bottom:10px;font-size:22px;transform:translateY(-20px);transition:all .5s ease}.portfolio-overlay p{transform:translateY(20px);transition:all .5s ease}.portfolio-item:hover .portfolio-overlay h3,.portfolio-item:hover .portfolio-overlay p{transform:translateY(0)}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.about-image{overflow:hidden;border-radius:var(--border-radius);box-shadow:var(--box-shadow);position:relative}.about-image:after{content:"";position:absolute;width:100%;height:100%;border:3px solid var(--primary-color);top:15px;left:15px;z-index:-1;border-radius:var(--border-radius)}.about-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.about-image:hover img{transform:scale(1.05)}.about-text h3{font-size:28px;margin-bottom:20px;color:var(--primary-color);position:relative;display:inline-block}.about-text h3:after{content:"";position:absolute;width:40px;height:2px;background-color:var(--primary-color);bottom:-5px;left:0}.about-text p{margin-bottom:15px;color:var(--gray-color)}.testimonials{background-color:#f9f9f9;position:relative;overflow:hidden}.testimonials:before{content:"“";font-size:300px;position:absolute;opacity:.05;top:50px;left:50px;font-family:serif;color:var(--primary-color)}.testimonial-slider{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.testimonial-item{background-color:var(--white-color);padding:30px;border-radius:var(--border-radius);box-shadow:var(--box-shadow);transition:var(--transition);border-top:3px solid var(--primary-color)}.testimonial-item:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.testimonial-content p{font-style:italic;margin-bottom:20px;position:relative;padding:10px 20px;color:var(--gray-color)}.testimonial-content p:before,.testimonial-content p:after{content:'"';font-size:50px;color:var(--primary-color);position:absolute;opacity:.2}.testimonial-content p:before{top:-10px;left:0}.testimonial-content p:after{bottom:-30px;right:0}.client-info h4{margin-bottom:5px;color:var(--primary-color)}.client-info span{color:var(--gray-color);font-size:14px}.contact-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:50px}.contact-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.info-item{text-align:center;padding:25px 20px;border-radius:var(--border-radius);box-shadow:var(--box-shadow);transition:var(--transition);background-color:var(--white-color)}.info-item:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.info-item i{font-size:30px;color:var(--primary-color);margin-bottom:15px;transition:var(--transition)}.info-item:hover i{transform:scale(1.2)}.info-item h3{margin-bottom:10px;font-size:18px;color:var(--dark-color)}.info-item p{color:var(--gray-color)}.delivery-notice{border-left:3px solid var(--accent-color)}.delivery-notice i,.delivery-notice strong{color:var(--accent-color)}.contact-form{background-color:var(--white-color);padding:40px;border-radius:var(--border-radius);box-shadow:var(--box-shadow);border-top:3px solid var(--primary-color)}.form-group{margin-bottom:20px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:var(--border-radius);font-size:16px;transition:var(--transition);font-family:Poppins,sans-serif}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #8e44ad1a}.form-group textarea{height:150px;resize:vertical}.contact-form .btn{width:100%}footer{background-color:var(--dark-color);color:var(--white-color);padding:70px 0 20px;position:relative}footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(to right,var(--primary-color),var(--secondary-color),var(--accent-color))}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:50px}.footer-logo h2{color:var(--white-color);margin-bottom:15px;font-size:24px}.footer-logo p{color:var(--light-color);margin-bottom:10px}.footer-delivery-notice{color:var(--accent-color);font-size:14px;margin-top:10px;padding:5px 10px;background-color:#e74c3c1a;border-radius:var(--border-radius);display:inline-block}.footer-links h3,.footer-social h3{font-size:18px;margin-bottom:20px;position:relative;padding-bottom:10px;color:var(--white-color)}.footer-links h3:after,.footer-social h3:after{content:"";position:absolute;width:40px;height:2px;background-color:var(--primary-color);bottom:0;left:0}.footer-links ul li{margin-bottom:10px}.footer-links ul li a{color:var(--light-color);transition:var(--transition)}.footer-links ul li a:hover{color:var(--primary-color);padding-left:5px}.social-icons{display:flex;gap:15px}.social-icons li a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#ffffff1a;border-radius:50%;color:var(--white-color);transition:var(--transition)}.social-icons li a:hover{background-color:var(--primary-color);transform:translateY(-5px)}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);color:var(--gray-color);font-size:14px}.visitor-counter{margin-top:15px;padding:10px;background-color:#ffffff0d;border-radius:var(--border-radius);display:inline-block}.visitor-counter-box{display:flex;justify-content:center;gap:5px;margin-top:8px}.counter-digit{background-color:var(--primary-color);color:var(--white-color);padding:5px 8px;border-radius:3px;font-weight:700;min-width:30px;text-align:center;box-shadow:0 2px 5px #0003;position:relative;overflow:hidden}.counter-digit:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:#ffffff4d}.visitor-counter span{display:block;margin-bottom:5px;font-size:13px;color:var(--light-color)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.bounce-in{animation:bounceIn 1s ease}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}.notification{position:fixed;top:20px;right:20px;z-index:9999;padding:15px 20px;border-radius:5px;box-shadow:0 4px 12px #00000026;animation:slide-in .5s ease;max-width:350px}.notification.success{background-color:#defbe6;border-left:5px solid #0f7b2a;color:#0f7b2a}.notification.error{background-color:#ffebee;border-left:5px solid #d32f2f;color:#d32f2f}.notification.info{background-color:#e3f2fd;border-left:5px solid #1976d2;color:#1976d2}.notification-content{display:flex;align-items:center}.notification-content i{font-size:1.5rem;margin-right:10px}.notification.fade-out{animation:fade-out .5s ease forwards}@keyframes slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fade-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@media (max-width: 991px){.about-content{grid-template-columns:1fr}.about-image{order:-1;margin-bottom:30px}.about-image:after{display:none}}@media (max-width: 768px){.hamburger{display:block}.nav-links{position:fixed;top:70px;left:-100%;width:100%;height:calc(100vh - 70px);background-color:var(--white-color);flex-direction:column;align-items:center;justify-content:center;gap:20px;transition:all .5s ease;z-index:999}.nav-links.active{left:0}.nav-links a:after{display:none}.hero{background-size:auto 100%}.hero-content h1{font-size:36px}.hero-content p{font-size:18px}section{padding:70px 0}.service-card,.portfolio-item,.testimonial-item,.info-item{margin-bottom:30px}.logo{gap:10px}.logo img{width:40px}.logo h1{font-size:20px}}@media (max-width: 576px){.section-header h2{font-size:28px}.section-header p{font-size:16px}.hero-content h1{font-size:28px}.contact-content{grid-template-columns:1fr}.contact-info{margin-bottom:30px}.footer-content{grid-template-columns:1fr;text-align:center}.footer-links h3:after,.footer-social h3:after{left:50%;transform:translate(-50%)}.social-icons{justify-content:center}.logo img{width:35px}.logo h1{font-size:18px}.visitor-counter{width:100%;margin-top:10px}.counter-digit{min-width:25px;padding:4px 6px;font-size:12px}}