*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#1f2937;overflow-x:hidden}.btn-primary{background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff;padding:1rem 2rem;border-radius:.75rem;font-weight:600;display:inline-flex;align-items:center;transition:all .3s ease;border:none;cursor:pointer;text-decoration:none;box-shadow:0 4px 15px #2563eb4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.btn-secondary{background:#fff;color:#2563eb;padding:1rem 2rem;border-radius:.75rem;font-weight:600;display:inline-flex;align-items:center;transition:all .3s ease;border:2px solid #2563eb;cursor:pointer;text-decoration:none}.btn-secondary:hover{background:#2563eb;color:#fff;transform:translateY(-2px)}.fade-in-up{opacity:0;transform:translateY(30px);transition:all .6s ease}.fade-in-up.animate-in{opacity:1;transform:translateY(0)}.fade-in-up.delay-100{transition-delay:.1s}.fade-in-up.delay-200{transition-delay:.2s}.hero-illustration{position:relative;width:100%;height:500px}.floating-card{position:absolute;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 20px 60px #0000001a;animation:float 6s ease-in-out infinite}.card-1{width:300px;height:200px;top:50px;left:50px;background:linear-gradient(135deg,#2563eb,#06b6d4)}.card-2{width:250px;height:180px;top:200px;right:80px;background:linear-gradient(135deg,#06b6d4,#10b981);animation-delay:-2s}.card-3{width:200px;height:150px;bottom:80px;left:100px;background:linear-gradient(135deg,#8b5cf6,#ec4899);animation-delay:-4s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(3deg)}}.icon-box{width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.feature-card{background:#fff;padding:2rem;border-radius:1.5rem;transition:all .3s ease;border:2px solid transparent}.feature-card:hover{transform:translateY(-5px);border-color:#2563eb;box-shadow:0 20px 60px #2563eb1a}.feature-card:hover .icon-box{transform:scale(1.1) rotate(5deg)}.service-card{background:#fff;padding:2.5rem;border-radius:1.5rem;box-shadow:0 10px 40px #0000000d;transition:all .3s ease;border:2px solid transparent}.service-card:hover{transform:translateY(-10px);box-shadow:0 20px 60px #0000001a;border-color:#2563eb}.service-icon{width:100px;height:100px;border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:1.5rem;transition:all .3s ease}.service-card:hover .service-icon{transform:scale(1.1) rotate(-5deg)}.tech-card{background:#fff;padding:2rem;border-radius:1rem;text-align:center;transition:all .3s ease;box-shadow:0 5px 20px #0000000d}.tech-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px #0000001a}.portfolio-card{background:#fff;border-radius:1.5rem;overflow:hidden;box-shadow:0 10px 40px #0000000d;transition:all .3s ease}.portfolio-card:hover{transform:translateY(-10px);box-shadow:0 20px 60px #00000026}.portfolio-image{width:100%;height:250px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.portfolio-image:after{content:"🚀";font-size:80px;position:absolute;opacity:.3}.tech-tag{background:#e0f2fe;color:#0369a1;padding:.4rem .8rem;border-radius:.5rem;font-size:.875rem;font-weight:600}.testimonial-carousel{overflow:hidden;position:relative}.testimonial-track{display:flex;gap:2rem;transition:transform .5s ease}.testimonial-card{background:#fff;padding:2.5rem;border-radius:1.5rem;box-shadow:0 10px 40px #0000000d;min-width:calc(100% - 4rem);transition:all .3s ease}@media (min-width: 768px){.testimonial-card{min-width:calc(50% - 1rem)}}@media (min-width: 1024px){.testimonial-card{min-width:calc(33.333% - 1.5rem)}}.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 20px 60px #0000001a}.testimonial-nav-btn{background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #2563eb4d}.testimonial-nav-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px #2563eb66}.pricing-card{background:#fff;padding:3rem 2.5rem;border-radius:1.5rem;box-shadow:0 10px 40px #0000000d;transition:all .3s ease;border:2px solid transparent;position:relative}.pricing-card:hover{transform:translateY(-10px);box-shadow:0 20px 60px #00000026;border-color:#2563eb}.featured-pricing{background:linear-gradient(135deg,#2563eb,#06b6d4);transform:scale(1.05);border-color:transparent}.featured-pricing:hover{transform:scale(1.08) translateY(-10px)}.featured-badge{position:absolute;top:-15px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ec4899,#8b5cf6);color:#fff;padding:.5rem 1.5rem;border-radius:2rem;font-weight:600;font-size:.875rem;box-shadow:0 4px 15px #ec48994d}.form-input{width:100%;padding:1rem;border:2px solid #e5e7eb;border-radius:.75rem;font-size:1rem;transition:all .3s ease;font-family:Inter,sans-serif}.form-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.contact-info-card{background:linear-gradient(135deg,#f8fafc,#e0f2fe);padding:2rem;border-radius:1.5rem;transition:all .3s ease}.contact-info-card:hover{transform:translate(10px);box-shadow:0 10px 40px #0000001a}.social-icon{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px #2563eb4d}.social-icon:hover{transform:translateY(-5px) scale(1.1);box-shadow:0 6px 20px #2563eb66}.why-us-illustration{width:100%;height:300px;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);position:relative;display:flex;align-items:center;justify-content:center}.why-us-illustration:after{content:"✨";font-size:100px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@media (max-width: 768px){.hero-illustration{height:300px}.card-1,.card-2,.card-3{width:150px;height:100px}.testimonial-card{min-width:100%}.featured-pricing{transform:scale(1)}.featured-pricing:hover{transform:scale(1.02) translateY(-5px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}