:root{--bg-color: #0a0a1a;--primary-color: #ffffff;--secondary-color: #a9a9d4;--accent-color: #C4B5FD;--accent-gradient: linear-gradient(90deg, #7C3AED, #C4B5FD);--card-bg: #1a1a2e;--border-color: rgba(255, 255, 255, .1);--shadow-color: rgba(124, 58, 237, .2);--error-color: #f87171;--error-bg-color: rgba(220, 38, 38, .3)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Poppins,sans-serif;background-color:var(--bg-color);color:var(--primary-color);line-height:1.6;overflow-x:hidden}body.body-no-scroll{overflow:hidden}#root{opacity:0;transition:opacity .5s ease-in-out;position:relative;z-index:1}#root.loaded{opacity:1}#preloader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--bg-color);z-index:1000;display:flex;justify-content:center;align-items:center}.spinner{width:50px;height:50px;border:5px solid var(--border-color);border-top:5px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(300deg)}}.container{max-width:1100px;margin:0 auto;padding:0 2rem}section{padding:6rem 0;overflow:hidden;position:relative}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:3rem;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative}.section-subtitle{text-align:center;font-size:1.5rem;color:var(--primary-color);margin-top:4rem;margin-bottom:2rem;font-weight:600}.main-header{position:fixed;top:0;left:0;width:100%;padding:1.5rem 0;z-index:100;transition:background-color .3s ease,padding .3s ease}.main-header.scrolled{background-color:#0a0a1ad9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 0;border-bottom:1px solid var(--border-color)}.main-header .container{display:flex;justify-content:space-between;align-items:center}.logo{color:var(--primary-color);text-decoration:none;z-index:101;display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700}.logo img{height:40px;width:auto;transition:transform .3s ease,filter .3s ease}.logo:hover img{transform:scale(1.05);filter:drop-shadow(0 0 8px var(--accent-color))}.logo-text span{display:inline-block}.main-nav ul{display:flex;list-style:none}.main-nav li{margin-left:2rem}.main-nav a{color:var(--primary-color);text-decoration:none;font-weight:400;transition:color .3s ease;padding:5px 0;position:relative}.main-nav a:hover,.main-nav a.active{color:var(--accent-color)}.main-nav a:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background:var(--accent-gradient);transform:scaleX(0);transform-origin:right;transition:transform .3s ease-out}.main-nav a:hover:after,.main-nav a.active:after{transform:scaleX(1);transform-origin:left}.menu-toggle{display:none}.hero{min-height:100vh;display:flex;align-items:center;text-align:center;background-color:transparent;position:relative;overflow:hidden}.hero .container{position:relative;z-index:1}.hero-content{max-width:800px;margin:0 auto}.hero h1{font-size:3.5rem;font-weight:700;margin-bottom:1rem;line-height:1.2}.hero h1 span{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@keyframes emphasized-glow{0%,to{text-shadow:0 0 6px rgba(196,181,253,.7);transform:scale(1)}50%{text-shadow:0 0 16px rgba(233,213,255,1),0 0 24px rgba(196,181,253,.8);transform:scale(1.05)}}.hero h1 .emphasized{display:inline-block;background:linear-gradient(90deg,#e9d5ff,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:emphasized-glow 3s ease-in-out infinite}.hero p{font-size:1.2rem;color:var(--secondary-color);margin-bottom:2rem}@keyframes animStar{0%{transform:translateY(0)}to{transform:translateY(-2000px)}}.star-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background-color:var(--bg-color)}.parallax-layer{position:absolute;top:0;left:0;right:0;bottom:0;will-change:transform}#stars,#stars2,#stars3{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:block}#stars{background:transparent;width:1px;height:1px;box-shadow:795px 1018px #fff,1539px 108px #fff,686px 1484px #fff,129px 1548px #fff,1543px 1432px #fff,1310px 1863px #fff,1379px 606px #fff,1284px 34px #fff,107px 1030px #fff,477px 174px #fff,124px 1755px #fff,1559px 1282px #fff,1932px 1463px #fff,310px 1083px #fff,342px 1772px #fff,1780px 1735px #fff,1724px 1856px #fff,735px 1228px #fff,1380px 1667px #fff,192px 1898px #fff,1693px 892px #fff,1993px 809px #fff,1086px 87px #fff,1731px 175px #fff,1152px 1583px #fff,129px 1030px #fff,1445px 1243px #fff,1481px 1279px #fff,37px 1130px #fff,1215px 156px #fff,1916px 1399px #fff,1538px 1242px #fff,1521px 1109px #fff,946px 1914px #fff,622px 1326px #fff,649px 1121px #fff,1634px 621px #fff,1319px 1251px #fff,1335px 905px #fff,933px 1859px #fff,198px 1698px #fff,103px 1805px #fff,158px 1199px #fff,1422px 1599px #fff,926px 1182px #fff,1006px 182px #fff,1414px 1690px #fff,1739px 1886px #fff,1146px 1815px #fff,1800px 500px #fff,400px 800px #fff,1600px 1300px #fff,950px 250px #fff,250px 1900px #fff,1950px 200px #fff,800px 1600px #fff,1450px 750px #fff,600px 50px #fff,1700px 1950px #fff,200px 300px #fff,1100px 1100px #fff,1980px 950px #fff,50px 700px #fff,1850px 1500px #fff;animation:animStar 120s linear infinite}#stars2{width:2px;height:2px;background:transparent;box-shadow:1045px 1338px #fff,122px 305px #fff,1033px 932px #fff,104px 1016px #fff,1435px 112px #fff,1205px 1632px #fff,499px 1327px #fff,129px 1673px #fff,1201px 153px #fff,538px 1025px #fff,1255px 1211px #fff,110px 13px #fff,1799px 107px #fff,144px 157px #fff,1124px 1177px #fff,1435px 421px #fff,1278px 181px #fff,1520px 1293px #fff,755px 1000px #fff,1546px 731px #fff,163px 177px #fff,1374px 1667px #fff,1928px 1131px #fff,1546px 1009px #fff,1735px 445px #fff,850px 400px #fff,1850px 1700px #fff,300px 1400px #fff,1600px 250px #fff,900px 1900px #fff,50px 1200px #fff,1950px 600px #fff,1300px 800px #fff;animation:animStar 80s linear infinite}#stars3{width:3px;height:3px;background:transparent;box-shadow:1732px 764px #fff,1294px 1772px #fff,321px 1394px #fff,130px 1028px #fff,1198px 104px #fff,1189px 1944px #fff,730px 1878px #fff,1239px 1327px #fff,1236px 1035px #fff,506px 1813px #fff,116px 180px #fff,1121px 145px #fff,100px 400px #fff,1900px 900px #fff,600px 1600px #fff,1500px 500px #fff,800px 100px #fff;animation:animStar 40s linear infinite}@keyframes shoot{0%{transform:translate(0) translateY(0) rotate(-45deg);opacity:1}to{transform:translate(-100vw) translateY(100vw) rotate(-45deg);opacity:0}}.shooting-star{position:absolute;height:2px;background:linear-gradient(-45deg,#c4b5fd,#00f0);border-radius:999px;filter:drop-shadow(0 0 6px #C4B5FD);animation:shoot 3s ease-in-out infinite;opacity:0}.shooting-star:nth-child(1){top:10%;left:80%;animation-delay:0s;animation-duration:2s}.shooting-star:nth-child(2){top:30%;left:100%;animation-delay:1.2s;animation-duration:3s}.shooting-star:nth-child(3){top:0;left:50%;animation-delay:2.5s;animation-duration:2.2s}.shooting-star:nth-child(4){top:80%;left:90%;animation-delay:3.1s;animation-duration:1.8s}.btn{display:inline-block;padding:.8rem 2rem;background:var(--accent-gradient);color:var(--primary-color);border:none;border-radius:50px;text-decoration:none;font-weight:600;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 15px var(--shadow-color)}.btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px var(--shadow-color)}#about{background-color:var(--bg-color)}.about-content{display:flex;align-items:center;gap:4rem}.about-text{flex:1}.about-text p{color:var(--secondary-color);margin-bottom:1rem}.about-image{flex:1;max-width:450px}.about-image img{width:100%;border-radius:15px;box-shadow:0 10px 30px #0000004d}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:3rem;text-align:center}.stat-item h3{font-size:2rem;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat-item p{color:var(--secondary-color);font-size:.9rem}#services{background-color:var(--bg-color)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.service-card{background:var(--card-bg);padding:2.5rem;border-radius:15px;border:1px solid var(--border-color);text-align:center;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.service-card:hover{transform:translateY(-10px);box-shadow:0 10px 30px var(--shadow-color)}.service-card .icon{font-size:3rem;margin-bottom:1.5rem}.service-card h3{font-size:1.5rem;margin-bottom:1rem}.service-card p{color:var(--secondary-color)}#tech{background-color:var(--bg-color)}.tech-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:2.5rem;max-width:900px;margin:2rem auto 0}.tech-item{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.tech-item img{width:60px;height:60px;object-fit:contain;filter:grayscale(100%) opacity(.6);transition:filter .3s ease,transform .3s ease,opacity .3s ease}.tech-item span{color:var(--secondary-color);font-size:.9rem;font-weight:500;transition:color .3s ease}.tech-item:hover img{filter:grayscale(0%) opacity(1);transform:translateY(-5px)}.tech-item:hover span{color:var(--primary-color)}#contact{background-color:var(--bg-color)}.contact-wrapper{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;background:var(--card-bg);padding:3rem;border-radius:15px;border:1px solid var(--border-color);max-width:1000px;margin:0 auto}.contact-info h3{font-size:1.8rem;margin-bottom:1rem}.contact-info p{color:var(--secondary-color);margin-bottom:2rem}.contact-info ul{list-style:none}.contact-info li{display:flex;align-items:center;margin-bottom:1rem;color:var(--secondary-color)}.contact-info svg{color:var(--accent-color);margin-right:1rem;flex-shrink:0}.contact-info li a{color:inherit;text-decoration:none;transition:color .3s ease}.contact-info li a:hover{color:var(--accent-color);text-decoration:underline}.contact-form{width:100%}.form-group{margin-bottom:1.5rem;position:relative}.form-group label{display:block;margin-bottom:.5rem;color:var(--secondary-color)}.form-group input,.form-group textarea{width:100%;padding:1rem;background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;color:var(--primary-color);font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--shadow-color)}.form-group.has-error input,.form-group.has-error textarea{border-color:var(--error-color)}.form-group.has-error input:focus,.form-group.has-error textarea:focus{box-shadow:0 0 0 3px var(--error-bg-color)}.form-group textarea{resize:vertical;min-height:150px}.submit-btn{width:100%;cursor:pointer}.form-error-message{color:var(--error-color);font-size:.8rem;margin-top:.3rem}.form-message{text-align:center;margin-top:1rem;padding:.8rem;border-radius:8px}.form-message.success{background-color:#0478574d;color:#34d399}.form-message.error{background-color:var(--error-bg-color);color:var(--error-color)}.form-group-checkbox{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.form-group-checkbox input[type=checkbox]{width:auto;margin-right:.5rem;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:var(--bg-color);border:2px solid var(--border-color);width:1.25em;height:1.25em;border-radius:4px;cursor:pointer;position:relative;top:2px;transition:background-color .2s,border-color .2s}.form-group-checkbox input[type=checkbox]:checked{background-color:var(--accent-color);border-color:var(--accent-color)}.form-group-checkbox input[type=checkbox]:checked:after{content:"✓";font-size:1em;color:var(--bg-color);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-weight:700}.form-group-checkbox label{margin-bottom:0;color:var(--secondary-color);font-size:.9rem;flex:1}.form-group-checkbox a{color:var(--accent-color);text-decoration:underline;transition:color .3s ease}.form-group-checkbox a:hover{color:#e9d5ff}.form-group.has-error .form-group-checkbox,.form-group-checkbox.has-error{color:var(--error-color)}.form-group-checkbox .form-error-message{width:100%;margin-top:.5rem}.main-footer{padding:2rem 0;text-align:center;border-top:1px solid var(--border-color);background-color:var(--bg-color);position:relative}.footer-content{display:flex;justify-content:space-between;align-items:center}.main-footer p{color:var(--secondary-color);font-size:.9rem}.social-links{display:flex;gap:1.5rem}.social-links a{color:var(--secondary-color);transition:color .3s ease,transform .3s ease}.social-links a:hover{color:var(--primary-color);transform:translateY(-3px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes modal-content-in{0%{transform:translateY(20px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes modal-content-out{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(20px) scale(.98);opacity:0}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem;animation:fadeIn .4s ease-out}.modal-overlay.closing{animation:fadeOut .4s ease-out forwards}.modal-content{background:var(--card-bg);border:1px solid var(--border-color);border-radius:15px;padding:2.5rem;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 10px 40px #00000080;animation:modal-content-in .4s cubic-bezier(.25,.46,.45,.94)}.modal-content.closing{animation:modal-content-out .4s cubic-bezier(.25,.46,.45,.94) forwards}.close-button{position:absolute;top:1rem;right:1.5rem;background:none;border:none;color:var(--secondary-color);font-size:2rem;cursor:pointer;line-height:1;transition:color .3s ease,transform .3s ease}.close-button:hover{color:var(--primary-color);transform:rotate(90deg)}.modal-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.modal-icon{font-size:3rem}.modal-header h2{font-size:2rem;margin:0;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.modal-body h3{font-size:1.25rem;color:var(--primary-color);margin-top:2rem;margin-bottom:.5rem}.modal-body p{color:var(--secondary-color);line-height:1.7}.benefits-list{list-style:none;padding:0;margin-top:1rem}.benefits-list li{display:flex;align-items:center;gap:.75rem;color:var(--secondary-color);margin-bottom:.5rem}.benefits-list li svg{color:var(--accent-color);flex-shrink:0;width:20px;height:20px}.modal-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color);text-align:center}.animate-on-scroll>*,.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.in-view>*,.in-view{opacity:1;transform:translateY(0)}.in-view.services-grid .service-card:nth-child(1){transition-delay:.1s}.in-view.services-grid .service-card:nth-child(2){transition-delay:.2s}.in-view.services-grid .service-card:nth-child(3){transition-delay:.3s}.in-view.services-grid .service-card:nth-child(4){transition-delay:.4s}.in-view.services-grid .service-card:nth-child(5){transition-delay:.5s}.in-view.services-grid .service-card:nth-child(6){transition-delay:.6s}.in-view.tech-grid .tech-item:nth-child(1){transition-delay:.1s}.in-view.tech-grid .tech-item:nth-child(2){transition-delay:.2s}.in-view.tech-grid .tech-item:nth-child(3){transition-delay:.3s}.in-view.tech-grid .tech-item:nth-child(4){transition-delay:.4s}.in-view.tech-grid .tech-item:nth-child(5){transition-delay:.5s}.in-view.tech-grid .tech-item:nth-child(6){transition-delay:.6s}.in-view.tech-grid .tech-item:nth-child(7){transition-delay:.7s}.in-view.tech-grid .tech-item:nth-child(8){transition-delay:.8s}.in-view.tech-grid .tech-item:nth-child(9){transition-delay:.9s}.in-view.about-content>*{transition-delay:.2s}.in-view.contact-wrapper>*{transition-delay:.2s}.whatsapp-fab{position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;background:linear-gradient(45deg,#25d366,#128c7e);border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 15px #25d36666;z-index:100;color:#fff;transition:transform .3s ease,box-shadow .3s ease}.whatsapp-fab:hover{transform:scale(1.1) rotate(10deg);box-shadow:0 8px 25px #25d36680}.whatsapp-fab svg{width:32px;height:32px}@media (max-width: 992px){.about-content{flex-direction:column-reverse;text-align:center}.contact-wrapper{grid-template-columns:1fr}}@media (max-width: 768px){.main-header .container{flex-direction:row}.menu-toggle{display:block;background:transparent;border:none;cursor:pointer;z-index:101;width:30px;height:22px;position:relative}.menu-toggle span{display:block;width:100%;height:2px;background-color:var(--primary-color);position:absolute;left:0;transition:all .3s ease}.menu-toggle span:nth-child(1){top:0}.menu-toggle span:nth-child(2){top:10px}.menu-toggle span:nth-child(3){bottom:0}.menu-toggle.open span:nth-child(1){transform:rotate(45deg);top:10px}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:rotate(-45deg);top:10px}.main-nav{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--bg-color);display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease}.main-nav.open{opacity:1;visibility:visible}.main-nav ul{flex-direction:column;text-align:center}.main-nav li{margin:1.5rem 0}.main-nav a{font-size:1.5rem}.hero h1{font-size:2.5rem}.hero p{font-size:1rem}.section-title{font-size:2rem}section{padding:4rem 0}.footer-content{flex-direction:column;gap:1rem}.modal-content{padding:2rem 1.5rem}.modal-header h2{font-size:1.5rem}.whatsapp-fab{width:50px;height:50px;bottom:1.5rem;right:1.5rem}.whatsapp-fab svg{width:28px;height:28px}}