*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;line-height:1.6;color:#333;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{position:fixed;top:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;transition:all .3s ease;border-bottom:1px solid rgba(0,0,0,.1)}.header.scrolled{background:#fffffffa;box-shadow:0 2px 20px #0000001a}.header .container{display:flex;justify-content:space-between;align-items:center;padding:1rem 20px}.logo h2{text-decoration:none;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:1.8rem;font-weight:700}.nav ul{display:flex;list-style:none;gap:2rem}.nav a{text-decoration:none;color:#333;font-weight:500;transition:all .3s ease;position:relative}.nav a:hover{color:#667eea}.nav a:after{content:"";position:absolute;width:0;height:2px;bottom:-5px;left:0;background:linear-gradient(135deg,#667eea,#764ba2);transition:width .3s ease}.nav a:hover:after{width:100%}.hero{min-height:100vh;display:flex;align-items:center;position:relative;background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.floating-shapes{position:absolute;width:100%;height:100%}.shape{position:absolute;background:#ffffff1a;border-radius:50%;animation:float 6s ease-in-out infinite}.shape-1{width:80px;height:80px;top:20%;left:10%;animation-delay:0s}.shape-2{width:120px;height:120px;top:60%;right:15%;animation-delay:2s}.shape-3{width:60px;height:60px;bottom:20%;left:20%;animation-delay:4s}.shape-4{width:100px;height:100px;top:30%;right:30%;animation-delay:1s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;z-index:2;position:relative}.hero-content{color:#fff}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1rem;line-height:1.2}.animated-text{display:block;background:linear-gradient(45deg,#ff6b6b,#feca57,#48dbfb,#ff9ff3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:textGlow 3s ease-in-out infinite;font-size:3rem}@keyframes textGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.hero-subtitle{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.hero-buttons{display:flex;gap:1rem}.btn{padding:12px 30px;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.btn-primary{background:linear-gradient(135deg,#ff6b6b,#feca57);color:#fff;box-shadow:0 4px 15px #ff6b6b4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66}.btn-secondary{background:transparent;color:#fff;border:2px solid white}.btn-secondary:hover{background:#fff;color:#667eea;transform:translateY(-2px)}.hero-image{display:flex;justify-content:center;align-items:center}.tech-illustration{width:300px;height:300px;background:#ffffff1a;border-radius:20px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);animation:pulse 4s ease-in-out infinite}.code-lines{display:flex;flex-direction:column;gap:10px}.line{height:4px;background:linear-gradient(90deg,#ff6b6b,#feca57,#48dbfb);border-radius:2px;animation:codeLine 2s ease-in-out infinite}.line:nth-child(1){width:80px;animation-delay:0s}.line:nth-child(2){width:120px;animation-delay:.5s}.line:nth-child(3){width:60px;animation-delay:1s}.line:nth-child(4){width:100px;animation-delay:1.5s}@keyframes codeLine{0%,to{opacity:.5;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.services{padding:100px 0;background:#f8f9fa;position:relative}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-size:2.5rem;margin-bottom:1rem;color:#000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text}.section-header p{font-size:1.1rem;color:#666;max-width:600px;margin:0 auto}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.service-card{background:#fff;padding:2rem;border-radius:20px;box-shadow:0 10px 30px #0000001a;transition:all .3s ease;opacity:0;transform:translateY(30px)}.service-card.animate-in{opacity:1;transform:translateY(0);animation:slideInUp .6s ease forwards}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.service-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000026}.service-icon{font-size:3rem;margin-bottom:1rem;display:inline-block;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.service-card h3{font-size:1.5rem;margin-bottom:1rem;color:#333}.service-card p{color:#666;margin-bottom:1.5rem;line-height:1.6}.service-features{list-style:none;margin-bottom:2rem}.service-features li{padding:.5rem 0;color:#555;position:relative;padding-left:20px}.service-features li:before{content:"✓";position:absolute;left:0;color:#28a745;font-weight:700}.service-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 25px;border-radius:25px;cursor:pointer;transition:all .3s ease;font-weight:600}.service-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea4d}.stats{padding:100px 0;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden}.stats-background{position:absolute;top:0;left:0;right:0;bottom:0}.stats-particles{position:absolute;width:100%;height:100%}.particle{position:absolute;width:4px;height:4px;background:#ffffff4d;border-radius:50%;animation:particleMove 5s linear infinite}@keyframes particleMove{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) scale(1);opacity:0}}.stats .section-header{color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;position:relative;z-index:2}.stat-card{text-align:center;color:#fff;padding:2rem;background:#ffffff1a;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.stat-card:hover{transform:translateY(-10px);background:#fff3}.stat-icon{margin-bottom:1rem}.stat-circle{width:60px;height:60px;border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;margin:0 auto;animation:spin 3s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stat-content h3{font-size:3rem;font-weight:700;margin-bottom:.5rem}.stat-number{display:inline-block}.stat-suffix{color:#feca57}.stat-content p{font-size:1.1rem;opacity:.9}.reviews{padding:100px 0;background:#f8f9fa}.reviews-container{max-width:800px;margin:0 auto;position:relative}.review-carousel{overflow:hidden;border-radius:20px}.review-card{background:#fff;padding:3rem;border-radius:20px;box-shadow:0 15px 35px #0000001a;text-align:center;animation:fadeInUp .6s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.review-stars{margin-bottom:1.5rem}.star{font-size:1.5rem;margin:0 2px;animation:starTwinkle 2s ease-in-out infinite}.star:nth-child(1){animation-delay:0s}.star:nth-child(2){animation-delay:.2s}.star:nth-child(3){animation-delay:.4s}.star:nth-child(4){animation-delay:.6s}.star:nth-child(5){animation-delay:.8s}@keyframes starTwinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.review-text{font-size:1.2rem;line-height:1.6;color:#555;margin-bottom:2rem;font-style:italic}.review-author{display:flex;align-items:center;justify-content:center;gap:1rem}.author-avatar{font-size:3rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;animation:avatarPulse 3s ease-in-out infinite}@keyframes avatarPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.author-info h4{font-size:1.2rem;color:#333;margin-bottom:.25rem}.author-info p{color:#666;font-size:.9rem}.review-controls{display:flex;align-items:center;justify-content:center;gap:2rem;margin-top:2rem}.review-btn{width:50px;height:50px;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .3s ease}.review-btn:hover{transform:scale(1.1);box-shadow:0 5px 15px #667eea4d}.review-dots{display:flex;gap:.5rem}.dot{width:12px;height:12px;border:none;border-radius:50%;background:#ddd;cursor:pointer;transition:all .3s ease}.dot.active{background:linear-gradient(135deg,#667eea,#764ba2);transform:scale(1.2)}.footer{background:#1a1a1a;color:#fff;padding:60px 0 20px;position:relative;overflow:hidden}.footer-background{position:absolute;bottom:0;left:0;right:0;height:100px}.footer-waves{position:absolute;bottom:0;left:0;width:100%;height:100px}.wave{position:absolute;bottom:0;left:0;width:100%;height:100px;background:linear-gradient(135deg,#667eea,#764ba2);clip-path:polygon(0 20px,100% 0,100% 100%,0 100%)}.wave1{opacity:.3;animation:waveMove 6s ease-in-out infinite}.wave2{opacity:.2;animation:waveMove 8s ease-in-out infinite reverse}.wave3{opacity:.1;animation:waveMove 10s ease-in-out infinite}@keyframes waveMove{0%,to{transform:translate(0)}50%{transform:translate(30px)}}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem;position:relative;z-index:2}.footer-section h3{font-size:1.5rem;margin-bottom:1rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.footer-section h4{font-size:1.2rem;margin-bottom:1rem;color:#fff}.footer-section p{line-height:1.6;color:#ccc;margin-bottom:1rem}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:#ccc;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:#667eea}.social-links{display:flex;gap:1rem;color:#fff;margin-top:1rem}.social-link{display:inline-block;font-size:1.5rem;color:#fff;transition:transform .3s ease}.social-link:hover{transform:scale(1.2) rotate(5deg)}.contact-info p{margin-bottom:.5rem;color:#ccc}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid #333;color:#999;position:relative;z-index:2}.contact-page{min-height:100vh}.contact-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:120px 0 80px;text-align:center}.contact-hero h1{font-size:3rem;margin-bottom:1rem;animation:fadeInUp .8s ease}.contact-hero p{font-size:1.2rem;opacity:.9;animation:fadeInUp .8s ease .2s both}.contact-content{padding:80px 0;background:#f8f9fa}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.contact-info h2{font-size:2.5rem;margin-bottom:1rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contact-info>p{font-size:1.1rem;color:#666;margin-bottom:2rem}.contact-methods{display:flex;flex-direction:column;gap:2rem}.contact-method{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a;transition:transform .3s ease;animation:slideInLeft .6s ease}.contact-method:hover{transform:translateY(-5px)}.contact-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;animation:pulse 2s infinite}.contact-details h3{font-size:1.2rem;margin-bottom:.5rem;color:#333}.contact-details p{color:#666;margin-bottom:.25rem}.whatsapp-link{color:#25d366;text-decoration:none;font-weight:600;transition:color .3s ease}.whatsapp-link:hover{color:#128c7e}.contact-form-container{background:#fff;padding:2.5rem;border-radius:20px;box-shadow:0 15px 35px #0000001a;animation:slideInRight .6s ease}.contact-form h2{font-size:2rem;margin-bottom:2rem;text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{margin-bottom:1.5rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;transition:all .3s ease;background:#fafafa}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;background:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #667eea33}.submit-btn{width:100%;padding:15px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.submit-btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px #667eea4d}.about-page{min-height:100vh}.about-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:120px 0 80px;text-align:center;position:relative;overflow:hidden}.about-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" fill="rgba(255,255,255,0.1)"><polygon points="0,100 1000,0 1000,100"/></svg>');background-size:cover}.about-hero h1{font-size:3.5rem;margin-bottom:1rem;animation:fadeInUp .8s ease;position:relative;z-index:2}.about-hero p{font-size:1.3rem;opacity:.9;animation:fadeInUp .8s ease .2s both;position:relative;z-index:2}.about-story{padding:100px 0;background:#fff}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.story-content h2{font-size:2.5rem;margin-bottom:2rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.story-content p{font-size:1.1rem;line-height:1.8;color:#555;margin-bottom:1.5rem}.story-image{display:flex;justify-content:center}.story-illustration{width:300px;height:300px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:float 4s ease-in-out infinite}.story-icon{font-size:8rem;animation:pulse 3s ease-in-out infinite}.about-mission{padding:100px 0;background:#f8f9fa}.mission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.mission-card{background:#fff;padding:3rem 2rem;border-radius:20px;text-align:center;box-shadow:0 10px 30px #0000001a;transition:all .3s ease;animation:fadeInUp .6s ease}.mission-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000026}.mission-icon{font-size:4rem;margin-bottom:1.5rem;display:inline-block;animation:bounce 2s infinite}.mission-card h3{font-size:1.8rem;margin-bottom:1rem;color:#333}.mission-card p{color:#666;line-height:1.6}.about-team{padding:100px 0;background:#fff}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.team-member{background:#fff;padding:2rem;border-radius:20px;text-align:center;box-shadow:0 10px 30px #0000001a;transition:all .3s ease;animation:fadeInUp .6s ease}.team-member:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000026}.member-avatar{font-size:4rem;width:100px;height:100px;margin:0 auto 1rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:pulse 3s ease-in-out infinite}.team-member h4{font-size:1.3rem;margin-bottom:.5rem;color:#333}.team-member>p{color:#667eea;font-weight:600;margin-bottom:1rem}.member-bio p{color:#666;font-size:.9rem}.about-why-choose{padding:100px 0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.about-why-choose .section-header{color:#fff}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.feature-item{background:#ffffff1a;padding:2rem;border-radius:15px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease;animation:fadeInUp .6s ease}.feature-item:hover{transform:translateY(-5px);background:#fff3}.feature-icon{font-size:3rem;margin-bottom:1rem;display:inline-block;animation:bounce 2s infinite}.feature-item h4{font-size:1.3rem;margin-bottom:1rem}.feature-item p{opacity:.9;line-height:1.6}.nav a.active{color:#667eea}.nav a.active:after{width:100%}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.hero .container{grid-template-columns:1fr;text-align:center}.hero-title{font-size:2.5rem}.animated-text{font-size:2rem}.services-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.nav ul{flex-direction:column;gap:1rem}.hero-buttons{flex-direction:column;align-items:center}.btn{width:200px}}@media (max-width: 480px){.hero-title{font-size:2rem}.animated-text{font-size:1.5rem}.stats-grid{grid-template-columns:1fr}.review-card{padding:2rem 1rem}}@media (max-width: 768px){.contact-grid{grid-template-columns:1fr;gap:2rem}.story-grid{grid-template-columns:1fr;text-align:center}.form-row{grid-template-columns:1fr}.contact-hero h1,.about-hero h1{font-size:2.5rem}.mission-grid{grid-template-columns:1fr}.team-grid{grid-template-columns:repeat(2,1fr)}.features-grid{grid-template-columns:1fr}}@media (max-width: 480px){.contact-hero h1,.about-hero h1{font-size:2rem}.team-grid{grid-template-columns:1fr}.contact-form-container{padding:1.5rem}}.header{position:fixed;top:0;width:100%;z-index:999;background:#fff;transition:box-shadow .3s ease}.header.scrolled{box-shadow:0 2px 10px #0000001a}.nav ul{display:flex;gap:1.5rem;list-style:none}.nav a{text-decoration:none;color:#333}.nav a.active{color:#007bff;font-weight:700}.menu-toggle{display:none;flex-direction:column;cursor:pointer;gap:4px}.menu-toggle .bar{width:25px;height:3px;background:#333;transition:.3s}@media (max-width: 768px){.menu-toggle{display:flex}.nav{position:fixed;top:0;right:-100%;width:75%;height:100vh;background:#fff;flex-direction:column;padding:2rem;transition:right .3s ease;box-shadow:-2px 0 10px #0000001a}.nav.open{right:0}.nav ul{flex-direction:column;gap:1.5rem}}
