*{padding:0;box-sizing:border-box;margin:0}:root{--shadow:0 4px 20px rgba(0,0,0,.08);--accent-color:#ff6b35;--white:#fff;--border-color:#e0e0e0;--text-color:#333;--gradient-accent:linear-gradient(135deg,#ff6b35,#f7931e);--success:#27ae60;--error:#e74c3c;--primary-color:#06c;--gradient-secondary:linear-gradient(135deg,#06c,#00a8e8);--dark-color:#2c3e50;--shadow-lg:0 10px 40px rgba(0,0,0,.12);--light-color:#f8f9fa;--secondary-color:#00a8e8;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--text-light:#666;--shadow-xl:0 20px 60px rgba(0,0,0,.15)}html{scroll-behavior:smooth}body{overflow-x:hidden;color:var(--text-color);background-color:var(--white);line-height:1.6;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.container{padding:0 20px;max-width:1200px;margin:0 auto}.header{backdrop-filter:blur(10px);transition:all .3s ease;position:sticky;top:0;box-shadow:var(--shadow);background:hsla(0,0%,100%,.95);z-index:1000}.header.scrolled{box-shadow:var(--shadow-lg);background:hsla(0,0%,100%,.98)}.header-content{padding:1.2rem 0;justify-content:space-between;align-items:center;display:flex}.logo img,.logo-img{transition:transform .3s ease;object-fit:contain;width:auto}.logo-img.logo-small{height:50px;max-height:50px}.logo-img.logo-medium{height:80px;max-height:80px}.logo-img.logo-large{height:120px;max-height:120px}.logo:hover .logo-img,.logo:hover img{transform:scale(1.05)}.logo h1{font-size:1.8rem;font-weight:700;background:var(--gradient-secondary);-webkit-background-clip:text;background-clip:text;letter-spacing:-.5px;-webkit-text-fill-color:transparent}.nav-menu{list-style:none;gap:2.5rem;align-items:center;display:flex}.nav-menu a{padding:.5rem 0;font-size:.95rem;text-decoration:none;font-weight:500;color:var(--text-color);transition:color .3s ease;position:relative}.nav-menu a:after{height:2px;transition:width .3s ease;content:"";position:absolute;bottom:0;background:var(--gradient-secondary);left:0;width:0}.nav-menu a:hover{color:var(--primary-color)}.nav-menu a:hover:after{width:100%}.mobile-menu-toggle{padding:8px;border:none;flex-direction:column;gap:5px;background:none;cursor:pointer;display:none;z-index:1001}.mobile-menu-toggle span{height:3px;transition:all .3s ease;border-radius:2px;background:var(--text-color);width:25px}.header-actions{gap:1rem}.header-actions,.theme-toggle{align-items:center;display:flex}.theme-toggle{height:45px;justify-content:center;font-size:1.2rem;border:none;color:var(--text-color);transition:all .3s ease;border-radius:50%;background:var(--light-color);cursor:pointer;width:45px}.theme-toggle:hover{transform:rotate(20deg) scale(1.1);color:var(--white);background:var(--primary-color)}.theme-toggle:active{transform:rotate(20deg) scale(.95)}.mobile-menu-toggle.active span:first-child{transform:rotate(45deg) translate(8px,8px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.hero{overflow:hidden;min-height:90vh;padding:140px 20px 100px;justify-content:center;color:var(--white);position:relative;text-align:center;align-items:center;background:var(--gradient-secondary);display:flex}.hero-background{height:100%;overflow:hidden;top:0;width:100%;z-index:0}.hero-background,.wave{position:absolute;left:0}.wave{animation:wave 15s linear infinite;height:100px;bottom:0;border-radius:50%;background:hsla(0,0%,100%,.1);width:200%}.wave1{opacity:.3;animation-duration:20s}.wave2{animation-delay:-5s;opacity:.2;animation-duration:25s}.wave3{animation-delay:-10s;opacity:.15;animation-duration:30s}@keyframes wave{0%{transform:translateX(-50%) translateY(0) rotate(0deg)}50%{transform:translateX(-50%) translateY(-20px) rotate(180deg)}to{transform:translateX(-50%) translateY(0) rotate(1turn)}}.hero-content{animation:fadeInUp 1s ease;position:relative;max-width:900px;margin:0 auto;z-index:1}.hero-badge{animation:pulse 2s infinite;backdrop-filter:blur(10px);padding:.5rem 1.5rem;font-size:.9rem;border:1px solid hsla(0,0%,100%,.3);margin-bottom:1.5rem;border-radius:50px;background:hsla(0,0%,100%,.2);display:inline-block}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.hero-title{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;letter-spacing:-1px;line-height:1.2}.title-line{animation:fadeInUp 1s ease .2s both;display:block}.title-line.highlight{background:linear-gradient(135deg,#fff,#e0f2fe);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{animation:fadeInUp 1s ease .4s both;font-size:1.3rem;font-weight:300;margin-bottom:2.5rem;opacity:.95;line-height:1.6}.hero-buttons{animation:fadeInUp 1s ease .6s both;margin-bottom:4rem;gap:1rem}.hero-buttons,.hero-stats{justify-content:center;flex-wrap:wrap;display:flex}.hero-stats{animation:fadeInUp 1s ease .8s both;gap:4rem;margin-top:3rem}.stat-item{text-align:center}.stat-number{font-size:3rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,#e0f2fe);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:block}.stat-label{font-size:.9rem;text-transform:uppercase;opacity:.9;letter-spacing:1px}@keyframes fadeInUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.btn{overflow:hidden;padding:14px 32px;font-size:1rem;border:none;text-decoration:none;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;gap:.5rem;align-items:center;border-radius:50px;cursor:pointer;display:inline-flex}.btn:before{height:0;transform:translate(-50%,-50%);transition:width .6s,height .6s;content:"";position:absolute;top:50%;border-radius:50%;background:hsla(0,0%,100%,.3);left:50%;width:0}.btn:hover:before{height:300px;width:300px}.btn-primary{color:var(--white);box-shadow:0 4px 15px rgba(255,107,53,.4);background:var(--gradient-accent)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(255,107,53,.5)}.btn-modern{color:var(--white);background:var(--gradient-accent)}.btn-outline{backdrop-filter:blur(10px);border:2px solid hsla(0,0%,100%,.5);color:var(--white);background:transparent}.btn-outline:hover{border-color:var(--white);transform:translateY(-3px);background:hsla(0,0%,100%,.1)}.btn-secondary{color:var(--white);box-shadow:0 4px 15px rgba(0,102,204,.3);background:var(--gradient-secondary)}.btn-secondary:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,102,204,.4)}.section-title{font-size:2.8rem;font-weight:700;margin-bottom:3rem;color:var(--dark-color);position:relative;text-align:center;width:100%;display:inline-block}.section-title:after{height:4px;transform:translateX(-50%);content:"";position:absolute;bottom:-15px;border-radius:2px;background:var(--gradient-accent);left:50%;width:80px}.services-preview{padding:100px 20px;position:relative;background:linear-gradient(180deg,#f8f9fa 0,#fff)}.services-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem;gap:2.5rem;display:grid}.service-card{overflow:hidden;padding:2.5rem;border:1px solid rgba(0,0,0,.05);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;text-align:center;box-shadow:var(--shadow);border-radius:20px;background:var(--white)}.service-card:before{height:100%;transition:left .5s ease;content:"";position:absolute;opacity:.05;top:0;background:var(--gradient-secondary);left:-100%;width:100%}.service-card:hover:before{left:0}.service-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:var(--shadow-xl)}.service-icon-wrapper{height:80px;justify-content:center;transition:all .4s ease;position:relative;margin:0 auto 1.5rem;align-items:center;border-radius:20px;background:var(--gradient-secondary);width:80px;display:flex;z-index:1}.service-card:hover .service-icon-wrapper{transform:rotateY(1turn) scale(1.1);box-shadow:0 10px 30px rgba(0,102,204,.3)}.service-icon-wrapper i{font-size:2.5rem;color:var(--white)}.service-card h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--dark-color);position:relative;z-index:1}.service-card p{color:var(--text-light);position:relative;line-height:1.7;z-index:1}.service-hover-effect{height:0;transform:translate(-50%,-50%);pointer-events:none;transition:width .6s ease,height .6s ease;position:absolute;top:50%;border-radius:50%;background:radial-gradient(circle,rgba(0,102,204,.1) 0,transparent 70%);left:50%;width:0}.service-card:hover .service-hover-effect{height:300px;width:300px}.text-center{text-align:center}.about{padding:100px 20px;position:relative;background:var(--white)}.about-content{max-width:900px;margin:0 auto}.about-text h2{font-size:2.8rem;font-weight:700;margin-bottom:2rem;color:var(--dark-color);position:relative;padding-bottom:1rem}.about-text h2:after{height:4px;content:"";position:absolute;bottom:0;border-radius:2px;background:var(--gradient-accent);left:0;width:80px}.about-text p{font-size:1.15rem;margin-bottom:1.5rem;color:var(--text-light);line-height:1.8}.features-list{list-style:none;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2.5rem;display:grid}.features-list li{border-left:4px solid transparent;padding:1rem;font-size:1.05rem;transition:all .3s ease;border-radius:10px;background:var(--light-color)}.features-list li:hover{transform:translateX(5px);border-left-color:var(--primary-color);background:rgba(0,102,204,.05)}.features-list i{font-size:1.2rem;margin-right:10px;color:var(--success)}.references{padding:100px 20px;position:relative;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.references-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;display:grid}.reference-card{overflow:hidden;border-image:var(--gradient-secondary) 1;border-left:5px solid;padding:2.5rem;transition:all .4s ease;position:relative;box-shadow:var(--shadow);border-radius:20px;background:var(--white)}.reference-card:before{font-size:120px;color:rgba(0,102,204,.05);content:'"';position:absolute;top:-20px;left:20px;line-height:1;font-family:Georgia,serif}.reference-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.reference-text{font-size:1.1rem;font-style:italic;margin-bottom:1.5rem;color:var(--text-color);position:relative;line-height:1.8;z-index:1}.reference-author{position:relative;flex-direction:column;display:flex;z-index:1}.reference-author strong{font-size:1.1rem;font-weight:600;color:var(--dark-color)}.reference-author span{font-size:.9rem;color:var(--text-light);margin-top:.3rem}.cta{overflow:hidden;padding:100px 20px;color:var(--white);position:relative;text-align:center;background:var(--gradient-secondary)}.cta:before{animation:rotate 20s linear infinite;height:200%;right:-50%;content:"";position:absolute;top:-50%;background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 70%);width:200%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.cta h2{font-size:2.8rem;font-weight:700;margin-bottom:1rem}.cta h2,.cta p{position:relative;z-index:1}.cta p{font-size:1.3rem;margin-bottom:2.5rem;opacity:.95}.page-header{overflow:hidden;padding:80px 20px;color:var(--white);position:relative;text-align:center;background:var(--gradient-secondary)}.page-header:before{right:0;content:"";position:absolute;opacity:.3;bottom:0;top:0;background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"><circle cx="50" cy="50" r="2" fill="rgba(255,255,255,0.1)"/></svg>');left:0}.page-header h1{font-size:3rem;font-weight:700;margin-bottom:1rem;position:relative;z-index:1}.page-header p{font-size:1.3rem;position:relative;opacity:.95;z-index:1}.services-detail{padding:80px 20px;background:var(--white)}.service-detail-card{overflow:hidden;padding:3.5rem;border:1px solid rgba(0,0,0,.05);margin-bottom:2.5rem;transition:all .4s ease;position:relative;box-shadow:var(--shadow);border-radius:20px;background:var(--white)}.service-detail-card:before{height:100%;transform:scaleY(0);transition:transform .4s ease;content:"";position:absolute;top:0;background:var(--gradient-secondary);left:0;width:5px}.service-detail-card:hover:before{transform:scaleY(1)}.service-detail-card:hover{transform:translateX(10px);box-shadow:var(--shadow-xl)}.service-icon{margin-bottom:2rem;text-align:center}.service-icon i{font-size:4.5rem;background:var(--gradient-secondary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.service-detail-card h2{font-size:2.2rem;font-weight:700;margin-bottom:1.5rem;color:var(--dark-color);text-align:center}.service-detail-card p{font-size:1.1rem;margin-bottom:1.5rem;color:var(--text-light);line-height:1.8}.service-detail-card ul{color:var(--text-light);margin-left:2rem}.service-detail-card ul li{font-size:1.1rem;margin-bottom:.8rem;position:relative;line-height:1.8;padding-left:1rem}.service-detail-card ul li:before{font-weight:700;color:var(--success);content:"✓";position:absolute;left:-1.5rem}.references-page{padding:80px 20px;background:linear-gradient(180deg,#fff 0,#f8f9fa)}.no-references{padding:5rem 2rem;color:var(--text-light);text-align:center}.no-references i{font-size:5rem;margin-bottom:1.5rem;color:var(--border-color);opacity:.5}.reference-company{margin-top:.5rem;display:block}.quote-icon{font-size:3rem;margin-bottom:1rem;color:var(--primary-color);opacity:.2}.contact{padding:80px 20px;background:var(--white)}.contact-content{grid-template-columns:1fr 1fr;max-width:1100px;gap:4rem;margin:0 auto;display:grid}.contact-form-wrapper h2,.contact-info h2{font-size:2.5rem;font-weight:700;margin-bottom:2.5rem;color:var(--dark-color);position:relative;padding-bottom:1rem}.contact-form-wrapper h2:after,.contact-info h2:after{height:4px;content:"";position:absolute;bottom:0;border-radius:2px;background:var(--gradient-accent);left:0;width:80px}.contact-item{padding:1.5rem;margin-bottom:2.5rem;transition:all .3s ease;gap:1.5rem;border-radius:15px;background:var(--light-color);display:flex}.contact-item:hover{transform:translateX(5px);background:rgba(0,102,204,.05)}.contact-item i{font-size:1.8rem;color:var(--primary-color);min-width:30px;margin-top:.3rem}.contact-item h3{font-weight:600;margin-bottom:.5rem;color:var(--dark-color)}.contact-item p{color:var(--text-light);line-height:1.6}.contact-item a{text-decoration:none;color:var(--primary-color);transition:color .3s ease}.contact-item a:hover{color:var(--secondary-color)}.contact-form{padding:2.5rem;box-shadow:var(--shadow);border-radius:20px;background:linear-gradient(135deg,#f8f9fa,#fff)}.form-group{margin-bottom:1.8rem}.form-group label{font-size:.95rem;font-weight:600;margin-bottom:.8rem;color:var(--dark-color);display:block}.form-group input,.form-group textarea{padding:14px 18px;font-size:1rem;border:2px solid var(--border-color);transition:all .3s ease;border-radius:12px;background:var(--white);width:100%;font-family:inherit}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-color);transform:translateY(-2px);outline:none;box-shadow:0 0 0 3px rgba(0,102,204,.1)}.form-group textarea{min-height:120px;resize:vertical}.alert{animation:slideIn .3s ease;padding:1.2rem 1.5rem;margin-bottom:1.5rem;gap:.8rem;align-items:center;border-radius:12px;display:flex}@keyframes slideIn{0%{transform:translateX(-20px);opacity:0}to{transform:translateX(0);opacity:1}}.alert-success{border:1px solid #c3e6cb;color:#155724;background:#d4edda}.alert-error{border:1px solid #f5c6cb;color:#721c24;background:#f8d7da}.footer{padding:80px 20px 30px;color:var(--white);position:relative;background:linear-gradient(135deg,#1a1a2e,#16213e);margin-top:100px}.footer:before{height:1px;right:0;content:"";position:absolute;top:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);left:0}.footer-content{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem;gap:3rem;display:grid}.footer-section h3,.footer-section h4{font-size:1.3rem;font-weight:600;margin-bottom:1.5rem}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.8rem}.footer-section a{text-decoration:none;color:hsla(0,0%,100%,.8);transition:all .3s ease;display:inline-block}.footer-section a:hover{transform:translateX(5px);color:var(--white)}.footer-section p{margin-bottom:.8rem;color:hsla(0,0%,100%,.8);line-height:1.8}.footer-section i{margin-right:.8rem;color:var(--secondary-color);width:20px}.footer-bottom{padding-top:2rem;color:hsla(0,0%,100%,.7);border-top:1px solid hsla(0,0%,100%,.1);text-align:center}[data-aos]{transition:opacity .6s ease,transform .6s ease;opacity:0}[data-aos].aos-animate{opacity:1}[data-aos=fade-up]{transform:translateY(30px)}[data-aos=fade-up].aos-animate{transform:translateY(0)}@media (max-width:768px){.nav-menu{height:100vh;padding:80px 2rem 2rem;right:-100%;transition:right .3s ease;position:fixed;flex-direction:column;top:0;box-shadow:var(--shadow-lg);background:var(--white);width:280px;z-index:999}.nav-menu.active{right:0}.mobile-menu-toggle{display:flex}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1.1rem}.hero-stats{gap:2rem}.stat-number{font-size:2.5rem}.section-title{font-size:2rem}.contact-content{gap:2rem}.contact-content,.references-grid,.services-grid{grid-template-columns:1fr}.hero-buttons{flex-direction:column;align-items:stretch}.btn{justify-content:center;width:100%}.theme-toggle{height:40px;font-size:1rem;width:40px}}body.dark-mode{color:#e0e0e0;background-color:#1a1a1a}body.dark-mode .header{box-shadow:0 4px 20px rgba(0,0,0,.5);background:rgba(26,26,26,.95)}body.dark-mode .header.scrolled{background:rgba(26,26,26,.98)}body.dark-mode .logo h1{background:linear-gradient(135deg,#00a8e8,#06c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}body.dark-mode .nav-menu a{color:#e0e0e0}body.dark-mode .nav-menu a:hover{color:#00a8e8}body.dark-mode .contact-form,body.dark-mode .contact-item,body.dark-mode .reference-card,body.dark-mode .service-card,body.dark-mode .service-detail-card{border-color:#3a3a3a;color:#e0e0e0;background:#2a2a2a}body.dark-mode .reference-card:hover,body.dark-mode .service-card:hover{box-shadow:0 20px 60px rgba(0,0,0,.5)}body.dark-mode .about-text h2,body.dark-mode .contact-form-wrapper h2,body.dark-mode .contact-info h2,body.dark-mode .section-title,body.dark-mode .service-card h3,body.dark-mode .service-detail-card h2{color:#fff}body.dark-mode .about-text p,body.dark-mode .contact-item p,body.dark-mode .reference-text,body.dark-mode .service-card p,body.dark-mode .service-detail-card p{color:#b0b0b0}body.dark-mode .references,body.dark-mode .references-page,body.dark-mode .services-preview{background:linear-gradient(180deg,#1a1a1a 0,#2a2a2a)}body.dark-mode .about{background:#1a1a1a}body.dark-mode .features-list li{color:#e0e0e0;background:#2a2a2a}body.dark-mode .features-list li:hover{background:rgba(0,168,232,.1)}body.dark-mode .form-group input,body.dark-mode .form-group textarea{border-color:#3a3a3a;color:#e0e0e0;background:#2a2a2a}body.dark-mode .form-group input:focus,body.dark-mode .form-group textarea:focus{border-color:#00a8e8;background:#2f2f2f}body.dark-mode .form-group label{color:#e0e0e0}body.dark-mode .footer{background:linear-gradient(135deg,#0a0a0a,#1a1a1a)}body.dark-mode .footer-section a,body.dark-mode .footer-section p{color:hsla(0,0%,100%,.7)}body.dark-mode .footer-section a:hover{color:#00a8e8}body.dark-mode .theme-toggle{color:gold;background:#2a2a2a}body.dark-mode .theme-toggle:hover{color:#1a1a1a;background:gold}body.dark-mode .page-header{background:linear-gradient(135deg,#06c,#00a8e8)}body.dark-mode .contact,body.dark-mode .services-detail{background:#1a1a1a}