.loader{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--light);display:flex;justify-content:center;align-items:center;z-index:1000;transition:var(--transition)}.loader.hidden{opacity:0;pointer-events:none}.wt-preloader{display:flex;align-items:center;justify-content:center;font-weight:800;font-size:3.5rem}.wt-preloader .e{color:var(--primary);animation:bounceW 1.2s infinite;animation-delay:.2s}.wt-preloader .b{color:var(--secondary);animation:bounceT 1.2s infinite;animation-delay:.4s}.wt-preloader .e2{color:var(--primary);animation:bounceW 1.2s infinite;animation-delay:.6s}.wt-preloader .c{color:var(--secondary);animation:bounceT 1.2s infinite;animation-delay:.8s}nav{position:fixed;top:0;width:100%;padding:1.5rem 10%;display:flex;justify-content:space-between;align-items:center;z-index:100;transition:var(--transition);background:transparent}nav.scrolled{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 5px 20px #0000001a;padding:1rem 10%}.logo{display:flex;align-items:center;font-weight:700;font-size:1.5rem;color:var(--primary)}.logo span{color:var(--secondary)}.logo svg{margin-right:10px;width:40px;height:40px}.nav-links{display:flex;gap:2rem}.nav-links a{text-decoration:none;color:var(--dark);font-weight:500;position:relative;transition:var(--transition)}.nav-links a:hover{color:var(--primary)}.nav-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--primary);transition:var(--transition)}.nav-links a:hover:after{width:100%}.menu-btn{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;z-index:101}.hero{height:100vh;display:flex;align-items:center;padding:80px 10% 0;position:relative;overflow:hidden}.hero-content{width:50%;position:relative;z-index:2}.hero h1{font-size:3.5rem;margin-bottom:1rem;opacity:0;transform:translateY(50px);animation:fadeUp .8s forwards;animation-delay:.5s}.hero h1 span{color:var(--primary);display:inline-block;position:relative}.hero p{font-size:1.2rem;margin-bottom:2rem;opacity:0;transform:translateY(50px);animation:fadeUp .8s forwards;animation-delay:.7s}.cta-btn{display:inline-block;padding:1rem 2rem;background:var(--primary);color:#fff;border-radius:50px;text-decoration:none;font-weight:500;transition:var(--transition);box-shadow:0 10px 20px #3a86ff4d;opacity:0;transform:translateY(50px);animation:fadeUp .8s forwards;animation-delay:.9s}.cta-btn:hover{transform:translateY(-5px);box-shadow:0 15px 25px #3a86ff66}.hero-image{position:absolute;right:5%;width:45%;height:auto;z-index:1;opacity:0;transform:translate(100px);animation:fadeRight 1s forwards;animation-delay:1s}.hero-bg{position:absolute;top:0;right:0;width:60%;height:100%;background:linear-gradient(135deg,#3a86ff1a,#8338ec1a);border-radius:0 0 0 100%;z-index:0;transform:translate(100%);animation:slideBg 1s forwards;animation-delay:.3s}.floating-shapes div{position:absolute;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:50%;opacity:.1;z-index:0}.services{padding:5rem 10%;background:var(--gray);position:relative;overflow:hidden}.section-title{text-align:center;margin-bottom:3rem;position:relative}.section-title h2{font-size:2.5rem;margin-bottom:1rem}.section-title p{color:#666;max-width:700px;margin:0 auto}.section-title:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:80px;height:4px;background:var(--primary)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.service-card{background:#fff;border-radius:15px;padding:2rem;box-shadow:0 10px 30px #0000000d;transition:var(--transition);position:relative;overflow:hidden;opacity:0;transform:translateY(50px)}.service-card.appear{opacity:1;transform:translateY(0)}.service-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000001a}.service-card:before{content:"";position:absolute;top:-100px;right:-100px;width:200px;height:200px;background:linear-gradient(135deg,#3a86ff1a,#8338ec1a);border-radius:50%;transition:var(--transition)}.service-card:hover:before{transform:scale(1.5)}.service-icon{font-size:3rem;margin-bottom:1.5rem;color:var(--primary);transition:var(--transition)}.service-card h3{font-size:1.5rem;margin-bottom:1rem}.service-card p{color:#666;margin-bottom:1.5rem}.service-link{color:var(--primary);text-decoration:none;font-weight:500;display:flex;align-items:center}.service-link svg{margin-left:8px;transition:var(--transition)}.service-link:hover svg{transform:translate(5px)}.projects{padding:5rem 10%;position:relative}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.project-card{position:relative;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px #0000001a;height:300px;opacity:0;transform:translateY(50px)}.project-card.appear{opacity:1;transform:translateY(0)}.project-img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);display:flex;flex-direction:column;justify-content:flex-end;padding:2rem;transform:translateY(100px);opacity:0;transition:var(--transition)}.project-card:hover .project-overlay{transform:translateY(0);opacity:1}.project-card:hover .project-img{transform:scale(1.1)}.project-overlay h3{color:#fff;margin-bottom:.5rem}.project-overlay p{color:#fffc;margin-bottom:1rem}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.project-tag{background:#fff3;color:#fff;padding:.3rem .8rem;border-radius:50px;font-size:.8rem}.project-link{align-self:flex-start;background:var(--primary);color:#fff;text-decoration:none;padding:.5rem 1.5rem;border-radius:50px;font-weight:500;transition:var(--transition)}.project-link:hover{background:var(--secondary)}.testimonials{padding:5rem 10%;background:var(--gray);position:relative}.testimonial-slider{max-width:800px;margin:0 auto;position:relative;overflow:hidden;height:350px}.testimonial-slide{position:absolute;width:100%;opacity:0;transform:translate(100px);transition:var(--transition);padding:2rem;background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000000d;text-align:center}.testimonial-slide.active{opacity:1;transform:translate(0)}.testimonial-quote{font-size:1.2rem;margin-bottom:1.5rem;color:#666;position:relative}.testimonial-quote:before,.testimonial-quote:after{content:'"';font-size:3rem;color:#3a86ff33;position:absolute}.testimonial-quote:before{top:-30px;left:0}.testimonial-quote:after{bottom:-50px;right:0}.testimonial-author{display:flex;align-items:center;justify-content:center;margin-top:2rem}.testimonial-author img{width:60px;height:60px;border-radius:50%;object-fit:cover;margin-right:1rem}.author-info h4{font-size:1.1rem;margin-bottom:.2rem}.author-info p{color:#888;font-size:.9rem}.slider-dots{display:flex;justify-content:center;margin-top:2rem;gap:.5rem}.slider-dot{width:12px;height:12px;border-radius:50%;background:#ccc;cursor:pointer;transition:var(--transition)}.slider-dot.active{background:var(--primary)}.contact{padding:5rem 10%;position:relative}.contact-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem}.contact-info{display:flex;flex-direction:column;gap:1.5rem}.contact-item{display:flex;align-items:flex-start;gap:1rem}.contact-icon{width:50px;height:50px;background:var(--primary);color:#fff;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:1.2rem}.contact-details h4{margin-bottom:.5rem}.contact-details a{color:#666;text-decoration:none;transition:var(--transition)}.contact-details a:hover{color:var(--primary)}.contact-form{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 10px 30px #0000000d}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-control{width:100%;padding:1rem;border:1px solid #ddd;border-radius:5px;background:#f9f9f9;transition:var(--transition)}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3a86ff33}textarea.form-control{min-height:150px;resize:vertical}.submit-btn{background:var(--primary);color:#fff;border:none;padding:1rem 2rem;border-radius:50px;cursor:pointer;font-weight:500;transition:var(--transition);width:100%}.submit-btn:hover{background:var(--secondary)}footer{background:var(--dark);color:#fff;padding:3rem 10% 1rem}.footer-top{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem}.footer-logo{display:flex;align-items:center;margin-bottom:1rem}.footer-logo svg{width:40px;height:40px;margin-right:10px}.footer-desc{color:#bbb;margin-bottom:1.5rem}.social-links{display:flex;gap:1rem}.social-link{width:40px;height:40px;background:#ffffff1a;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;text-decoration:none;transition:var(--transition)}.social-link:hover{background:var(--primary);transform:translateY(-5px)}.footer-title{font-size:1.3rem;margin-bottom:1.5rem;position:relative}.footer-title:after{content:"";position:absolute;bottom:-10px;left:0;width:50px;height:3px;background:var(--primary)}.footer-links{list-style:none}.footer-links li{margin-bottom:1rem}.footer-links a{color:#bbb;text-decoration:none;transition:var(--transition);display:flex;align-items:center}.footer-links a svg{margin-right:8px;font-size:.8rem}.footer-links a:hover{color:var(--primary);transform:translate(5px)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem;text-align:center;color:#bbb;font-size:.9rem}