:root{--royal-blue: #0a1628;--royal-blue-light: #0d1b2a;--royal-blue-mid: #1a2e4a;--gold: #e0c571;--gold-dark: #d4b85f;--gold-light: #e8cd72;--gold-bright: #f0d87a;--dark-gray: #333333;--light-gray: #f6f5f3;--white: #FFFFFF;--gradient-primary: linear-gradient(135deg, #0a1628 0%, #0d1b2a 100%);--gradient-gold: linear-gradient(135deg, #e0c571 0%, #e8cd72 100%);--shadow-sm: 0 2px 10px rgba(0, 0, 0, .05);--shadow-md: 0 10px 30px rgba(0, 0, 0, .1);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .15)}*{margin:0;padding:0;box-sizing:border-box}img{border-radius:8px}body{font-family:Cairo,sans-serif;color:var(--dark-gray);background-color:var(--white);line-height:1.6;overflow-x:hidden}.main-content{min-height:calc(100vh - 76px)}.container{padding-left:25px;padding-right:25px}@media(min-width:768px){.container{padding-left:30px;padding-right:30px}}@media(min-width:1200px){.container{padding-left:35px;padding-right:35px}}h1,h2,h3,h4,h5,h6{line-height:1.4;margin-bottom:1rem}p{line-height:1.8;margin-bottom:1.2rem}.section-title{line-height:1.3;margin-bottom:1rem}.section-subtitle{line-height:1.7;margin-bottom:1.5rem}.bg-royal{background-color:var(--royal-blue)!important}.text-gold{color:var(--gold)!important}.bg-gold{background-color:var(--gold)!important}.btn-gold{background:linear-gradient(180deg,#f5e6b8,#e0c571,#c9a528);color:#1a1a1a;border:2px solid #c9a528;transition:all .4s cubic-bezier(.175,.885,.32,1.275);font-weight:700;padding:12px 30px;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 4px 15px #e0c57166;text-shadow:none}.btn-gold:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-gold:hover:before{width:300px;height:300px}.btn-gold:hover{background:linear-gradient(180deg,#f8ecca,#e8cd72,#d4b85f);transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #e0c57180;color:#1a1a1a;border-color:#d4b85f}.btn-gold i{transition:transform .3s ease;color:#1a1a1a}.btn-gold:hover i{transform:translate(-3px)}.btn-royal{background-color:var(--royal-blue);color:var(--white);border:none;padding:12px 30px;font-weight:600;border-radius:8px;transition:all .3s ease;border:2px solid transparent;position:relative;overflow:hidden}.btn-royal:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-royal:hover:before{width:300px;height:300px}.btn-royal:hover{background-color:#003d7a;transform:translateY(-2px);box-shadow:0 5px 15px #002b5b4d;color:var(--white)}.top-header{background:linear-gradient(135deg,#0a1628,#0d1b2a);padding:10px 0;position:relative;z-index:1031;border-bottom:2px solid rgba(224,197,113,.3);box-shadow:0 2px 10px #0003}.top-header-info{font-size:.9rem}.top-header-link{color:#ffffffe6;text-decoration:none;display:flex;align-items:center;gap:8px;transition:all .3s ease;font-size:.85rem}.top-header-link:hover{color:#e0c571;transform:translateY(-2px)}.top-header-link i{color:#e0c571;font-size:.9rem}.top-header-social{gap:8px}.social-icon{width:32px;height:32px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:all .3s ease;font-size:.85rem;border:1px solid rgba(255,255,255,.1)}.social-icon:hover{background:#e0c571;color:#0a1628;transform:translateY(-3px);box-shadow:0 5px 15px #e0c57166;border-color:#e0c571}.social-icon.whatsapp-icon:hover{background:#25d366;border-color:#25d366}@media(max-width:768px){.top-header{padding:8px 0}.top-header-link{font-size:.75rem}.social-icon{width:28px;height:28px;font-size:.75rem}}.navbar{padding:.3rem 0;box-shadow:none;transition:all .3s ease;background:#0a1628!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}@media(max-width:991px){.navbar{display:none!important}}.navbar-logo-main{transition:transform .3s ease,filter .3s ease;filter:drop-shadow(0 3px 6px rgba(0,0,0,.3))}.navbar-brand:hover .navbar-logo-main{transform:scale(1.05);filter:drop-shadow(0 5px 10px rgba(224,197,113,.5))}.logo-container{transition:all .3s ease}@media(max-width:768px){.navbar-logo-main{height:45px!important}.footer-logo-main{height:55px!important}}.navbar-nav{gap:.5rem;margin-right:3rem}.navbar-collapse{justify-content:space-between}.logo-icon svg{transition:transform .3s ease}.navbar-brand:hover .logo-icon svg{transform:rotate(360deg) scale(1.1)}.logo-text{transition:all .3s ease}.navbar-brand{font-size:1.5rem;transition:all .3s ease}.navbar-brand:hover{transform:scale(1.05)}.nav-link{color:#fffffff2;font-weight:600;font-size:1.05rem;padding:.7rem 1.3rem;transition:all .3s ease;position:relative;border-radius:10px;display:flex;align-items:center;gap:.5rem}.nav-link i{font-size:1.1rem;transition:transform .3s ease}.nav-link:hover{color:#fff;background:#ffd70026;transform:translateY(-2px)}.nav-link:hover i{transform:scale(1.2)}.nav-link.active{color:var(--gold);font-weight:700;background:#ffd70033}.nav-link.active i{color:var(--gold);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.hero-section{background:#0a1628!important;background-image:none!important;color:var(--white);padding:10px 0 20px;position:relative;overflow:hidden;min-height:auto;animation:heroFadeIn 1.2s ease-out;border-radius:0 0 50px 50px;z-index:1;margin-top:0!important}@media(max-width:768px){.hero-section{padding:0 0 40px;min-height:500px}}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.hero-section:before{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(253,169,18,.1) 50%,transparent 100%);animation:shimmer 8s infinite;z-index:1}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes moveLine{0%{left:-40%}to{left:100%}}@keyframes moveCurvedLine{0%{transform:translate(-200px)}to{transform:translate(200px)}}@keyframes laptopFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(1deg)}50%{transform:translateY(-20px) rotate(-1deg)}75%{transform:translateY(-10px) rotate(1deg)}}.laptop-container{filter:drop-shadow(0 20px 40px rgba(0,0,0,.3));animation:laptopFloat 6s ease-in-out infinite}.project-filter{padding:.6rem 1.5rem;font-weight:600;transition:all .3s ease;border:2px solid var(--royal-blue);color:var(--royal-blue);background:#fff;border-radius:25px}.project-filter:hover{background:var(--royal-blue);color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #004aad4d}.project-filter.active{background:var(--royal-blue);color:#fff;box-shadow:0 5px 15px #004aad66}.project-item{transition:all .3s ease}.fade-in{animation:fadeIn .5s ease-in}.modern-service-card{background:#fff;padding:2.5rem;border-radius:20px;box-shadow:0 10px 30px #00000014;transition:all .5s cubic-bezier(.175,.885,.32,1.275);height:100%;overflow:hidden;position:relative;transform-style:preserve-3d;perspective:1000px;cursor:pointer}.modern-service-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#fda9121a,#004aad1a);opacity:0;transition:opacity .5s ease;z-index:0}a:has(.modern-service-card):hover .modern-service-card{transform:translateY(-15px) rotateX(5deg) rotateY(-5deg);box-shadow:0 25px 60px #004aad33}a:has(.modern-service-card):hover .modern-service-card:before{opacity:1}a:has(.modern-service-card):active .modern-service-card{transform:translateY(-10px) scale(.98)}.modern-service-card>*{position:relative;z-index:1}.modern-service-card:after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;bottom:20px;left:20px;font-size:1.5rem;color:var(--gold);opacity:0;transition:all .3s ease;z-index:1}a:has(.modern-service-card):hover .modern-service-card:after{opacity:.3;transform:translate(-5px)}.service-number{position:absolute;top:20px;right:20px;font-size:3rem;font-weight:900;color:#004aad0d;line-height:1}.service-icon-wrapper{position:relative;width:80px;height:80px;perspective:1000px;transform-style:preserve-3d;animation:floatingIcon3D 4s ease-in-out infinite}@keyframes floatingIcon3D{0%,to{transform:translateY(0) rotateX(10deg) rotateY(-10deg)}50%{transform:translateY(-15px) rotateX(20deg) rotateY(10deg)}}.service-icon-bg{position:absolute;width:80px;height:80px;background:linear-gradient(135deg,var(--gold-bright) 0%,var(--gold) 50%,var(--gold-dark) 100%);border-radius:20px;transform:rotate(45deg);transition:all .6s cubic-bezier(.175,.885,.32,1.275);box-shadow:-1px 1px #c9a528,-2px 2px #c9a528,-3px 3px #c9a528,-4px 4px #c9a528,-5px 5px #c9a528,-10px 10px 25px #e0c57180;transform-style:preserve-3d}.modern-service-card:hover .service-icon-bg{transform:rotate(90deg) scale(1.1);background:linear-gradient(135deg,var(--gold-light) 0%,var(--gold-bright) 50%,var(--gold) 100%);box-shadow:-1px 1px #c9a528,-2px 2px #c9a528,-8px 8px 30px #e0c571b3}.service-icon-main{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translateZ(25px);font-size:2.2rem;color:var(--royal-blue);z-index:1;transition:all .6s cubic-bezier(.175,.885,.32,1.275);text-shadow:1px 1px 0 #fff,2px 2px 0 rgba(0,0,0,.1),3px 3px 5px rgba(0,0,0,.3)}.modern-service-card:hover .service-icon-main{transform:translate(-50%,-50%) translateZ(40px) scale(1.2);color:var(--royal-blue-light);text-shadow:1px 1px 0 #fff,3px 3px 0 rgba(0,0,0,.1),5px 5px 10px rgba(0,0,0,.4)}.service-link{display:inline-flex;align-items:center;color:var(--royal-blue);font-weight:600;text-decoration:none;transition:all .3s ease;padding:8px 16px;border-radius:20px;background:#004aad0d}a:has(.modern-service-card):hover .service-link{color:var(--gold);background:#fda9121a;gap:.5rem}.service-link i{transition:transform .3s ease}a:has(.modern-service-card):hover .service-link i{transform:translate(-5px)}.service-decoration{position:absolute;bottom:-30px;left:-30px;width:100px;height:100px;background:linear-gradient(135deg,var(--gold) 0%,transparent 70%);border-radius:50%;opacity:.1;transition:all .4s ease}.modern-service-card:hover .service-decoration{transform:scale(1.5);opacity:.15}.cta-box{background:#fff;padding:2.5rem;border-radius:20px;box-shadow:0 10px 40px #0000001a;border:2px solid rgba(253,169,18,.2)}body:not(.home-page) .hero-section{background:linear-gradient(135deg,#004aade0,#004080e0),url(https://images.unsplash.com/photo-1460925895917-afdab827c52f?w=1920&h=600&fit=crop) center/cover no-repeat;padding:120px 0 50px;min-height:350px}#particles-js{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}.hero-bg-shapes{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;z-index:0}.hero-bg-shapes .shape{position:absolute;border-radius:50%;opacity:.15;animation:floatShape 20s ease-in-out infinite}.hero-bg-shapes .shape-1{width:300px;height:300px;background:linear-gradient(135deg,#e0c571,#e8cd72);top:20%;right:10%;animation-delay:0s;animation-duration:15s}.hero-bg-shapes .shape-2{width:200px;height:200px;background:linear-gradient(135deg,#0a1628,#0d1b2a);bottom:10%;left:-5%;animation-delay:2s;animation-duration:18s}.footer{background:#0a1628;margin-top:5rem}.footer-logo-main{transition:transform .3s ease,filter .3s ease;filter:drop-shadow(0 3px 8px rgba(0,0,0,.4))}.footer-logo-main:hover{transform:scale(1.05);filter:drop-shadow(0 5px 12px rgba(224,197,113,.6))}.hero-bg-shapes .shape-3{width:150px;height:150px;background:linear-gradient(135deg,#e0c571,#e8cd72);top:50%;left:30%;animation-delay:4s;animation-duration:20s}.hero-bg-shapes .shape-4{width:250px;height:250px;background:linear-gradient(135deg,#e0c5714d,#0a16284d);bottom:30%;right:20%;animation-delay:6s;animation-duration:22s}@keyframes floatShape{0%,to{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(30px,-30px) rotate(90deg) scale(1.1)}50%{transform:translate(-20px,-60px) rotate(180deg) scale(.9)}75%{transform:translate(-40px,-30px) rotate(270deg) scale(1.05)}}@keyframes pulse-text{0%,to{opacity:.03;transform:translate(-50%,-50%) scale(1)}50%{opacity:.05;transform:translate(-50%,-50%) scale(1.05)}}@media(max-width:1200px){.hero-section:before{font-size:6rem}}@media(max-width:768px){.hero-section:before{font-size:3rem;writing-mode:horizontal-tb}}@media(max-width:576px){.hero-section:before{font-size:2rem}}.hero-section:after{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%23fda912" fill-opacity="0.1" d="M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,112C672,96,768,96,864,112C960,128,1056,160,1152,160C1248,160,1344,128,1392,112L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>') no-repeat bottom;background-size:cover;animation:wave 20s linear infinite}.hero-section .floating-shapes{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.hero-section .shape{position:absolute;opacity:.1;animation:float-shapes 20s infinite ease-in-out}.hero-section .shape:nth-child(1){top:10%;left:10%;width:80px;height:80px;background:var(--gold);border-radius:50%;animation-delay:0s;animation-duration:15s}.hero-section .shape:nth-child(2){top:60%;left:80%;width:60px;height:60px;background:var(--gold);border-radius:30%;animation-delay:2s;animation-duration:18s}.hero-section .shape:nth-child(3){top:30%;left:70%;width:100px;height:100px;background:#ffffff4d;border-radius:50%;animation-delay:4s;animation-duration:20s}.hero-section .shape:nth-child(4){top:70%;left:20%;width:70px;height:70px;background:var(--gold);border-radius:50%;animation-delay:1s;animation-duration:16s}.hero-section .shape:nth-child(5){top:20%;left:50%;width:90px;height:90px;background:#fff3;border-radius:40%;animation-delay:3s;animation-duration:22s}@keyframes gradientShift{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes wave{0%{transform:translate(0) translateY(0)}50%{transform:translate(-25px) translateY(-10px)}to{transform:translate(0) translateY(0)}}@keyframes float-shapes{0%,to{transform:translateY(0) translate(0) rotate(0)}25%{transform:translateY(-30px) translate(30px) rotate(90deg)}50%{transform:translateY(-60px) translate(-30px) rotate(180deg)}75%{transform:translateY(-30px) translate(-60px) rotate(270deg)}}.hero-image-wrapper{position:relative;z-index:2}.hero-blob-container{position:relative;width:100%;max-width:500px;margin:0 auto}.hero-blob{width:100%;height:auto;animation:blob-morph 8s ease-in-out infinite}.blob-path{animation:blob-morph 8s ease-in-out infinite}@keyframes blob-morph{0%,to{d:path("M426.5,313Q401,376,344,408Q287,440,226.5,423.5Q166,407,117.5,378.5Q69,350,48,287.5Q27,225,56,170Q85,115,137.5,81Q190,47,248,61.5Q306,76,352.5,108Q399,140,426,195Q453,250,426.5,313Z")}50%{d:path("M415,308.5Q391,367,339,399.5Q287,432,230,413Q173,394,131,361.5Q89,329,65.5,274.5Q42,220,68,167.5Q94,115,143.5,78Q193,41,248.5,56.5Q304,72,349,103Q394,134,419.5,192Q445,250,415,308.5Z")}}.hero-team-image{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.hero-team-image img{max-width:90%;border-radius:20px;box-shadow:0 20px 60px #0000004d}.hero-decoration{position:absolute;border-radius:50%;opacity:.4;animation:float 6s ease-in-out infinite}.hero-decoration-1{width:100px;height:100px;background:linear-gradient(135deg,var(--royal-blue),var(--gold));top:-5%;right:10%;animation-delay:0s}.hero-decoration-2{width:60px;height:60px;background:var(--gold);bottom:10%;right:-5%;animation-delay:2s}.hero-decoration-3{width:80px;height:80px;background:linear-gradient(135deg,#004aad,#002b5b);top:50%;left:-10%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.tech-card{transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:fadeInUp .6s ease-out forwards;opacity:0}.tech-card:hover{transform:translateY(-15px) scale(1.05);box-shadow:0 20px 40px #004aad4d!important}.tech-card i{animation:iconFloat 3s ease-in-out infinite}.tech-card:hover i{animation:iconSpin .6s ease-in-out;transform:scale(1.2)}@keyframes iconFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(-5deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(-10px) rotate(5deg)}}@keyframes iconSpin{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.3) rotate(180deg)}to{transform:scale(1.2) rotate(360deg)}}.tech-card:nth-child(1){animation-delay:.1s}.tech-card:nth-child(2){animation-delay:.15s}.tech-card:nth-child(3){animation-delay:.2s}.tech-card:nth-child(4){animation-delay:.25s}.tech-card:nth-child(5){animation-delay:.3s}.tech-card:nth-child(6){animation-delay:.35s}.tech-card:nth-child(7){animation-delay:.4s}.tech-card:nth-child(8){animation-delay:.45s}.tech-card:nth-child(9){animation-delay:.5s}.tech-card:nth-child(10){animation-delay:.55s}.tech-card:nth-child(11){animation-delay:.6s}.tech-card:nth-child(12){animation-delay:.65s}.tech-card:nth-child(13){animation-delay:.7s}.tech-card:nth-child(14){animation-delay:.75s}.tech-card:nth-child(15){animation-delay:.8s}.tech-card:nth-child(16){animation-delay:.85s}.tech-card:nth-child(17){animation-delay:.9s}.tech-card:nth-child(18){animation-delay:.95s}.tech-card:nth-child(19){animation-delay:1s}.tech-card:nth-child(20){animation-delay:1.05s}.tech-card:nth-child(21){animation-delay:1.1s}.tech-card:nth-child(22){animation-delay:1.15s}.tech-card:nth-child(23){animation-delay:1.2s}.tech-card:nth-child(24){animation-delay:1.25s}.hero-content{position:relative;z-index:3;animation:slideInRight 1s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.hero-title{font-size:2.8rem;font-weight:900;line-height:1.5;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff,#fda912);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleGlow 3s ease-in-out infinite;max-width:600px}@media(max-width:768px){.hero-title{font-size:2rem;line-height:1.4}}@keyframes titleGlow{0%,to{filter:drop-shadow(0 0 10px rgba(253,169,18,.3))}50%{filter:drop-shadow(0 0 20px rgba(253,169,18,.6))}}.hero-title .text-gold{background:linear-gradient(135deg,#fda912,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:goldShine 2s ease-in-out infinite}@keyframes goldShine{0%,to{opacity:1}50%{opacity:.8}}.hero-subtitle{font-size:1.25rem;margin-bottom:35px;opacity:.95;line-height:1.9;animation:fadeInUp 1s ease-out .3s both}img.lazy{opacity:0;transition:opacity .3s ease-in;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite}img.lazy:not([data-src]){opacity:1;animation:none;background:none}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.project-gallery-image{will-change:opacity}.modern-service-card,.project-card,.stats-card{will-change:transform}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.why-choose-card{cursor:default;box-shadow:0 5px 20px #00000014}.why-choose-card:hover{transform:translateY(-10px);box-shadow:0 20px 50px #004aad26;border-color:var(--gold)!important}.why-choose-card:hover .fas{transform:scale(1.1) rotate(5deg)}@keyframes pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.5}}.service-card,.project-card{background:var(--white);border-radius:15px;overflow:hidden;transition:all .3s ease;box-shadow:0 5px 20px #0000001a;transform:translateZ(0);backface-visibility:hidden}.project-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px #0003}.project-card:hover img{transform:scale(1.1)}.project-showcase-card{transition:all .4s ease}.project-showcase-card:hover{transform:translateY(-10px);box-shadow:0 20px 50px #fda9124d!important;border-color:var(--gold)!important}.project-showcase-card:hover .desktop-mockup{transform:perspective(1000px) rotateY(-8deg) scale(1.05);transition:transform .4s ease}.project-showcase-card:hover .mobile-mockup{transform:translateY(-5px);transition:transform .4s ease}.service-card:hover,.project-card:hover,.team-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 15px 40px #004aad4d;border-color:var(--gold);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.service-card:hover img{transform:scale(1.1)}.service-card:hover .bg-royal{transform:scale(1.1) rotate(5deg);background-color:var(--gold)!important;color:var(--royal-blue)!important}.service-card:hover .bg-gold{transform:scale(1.1);background-color:var(--royal-blue)!important;color:var(--gold)!important}.service-icon{font-size:3rem;color:var(--gold);margin-bottom:20px;display:inline-block;transition:all .3s ease}.service-card:hover .service-icon{transform:scale(1.2) rotate(10deg)}.service-title{font-size:1.4rem;font-weight:700;color:var(--royal-blue);margin-bottom:15px}.project-card{overflow:hidden;padding:0}.project-image{width:100%;height:250px;object-fit:cover;transition:all .3s ease}.project-card:hover .project-image{transform:scale(1.1)}.project-content{padding:25px}.project-category{display:inline-block;background-color:var(--gold);color:var(--royal-blue);padding:5px 15px;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:10px}.team-image{width:150px;height:150px;border-radius:50%;object-fit:cover;border:5px solid var(--gold);margin-bottom:20px}.team-name{font-size:1.3rem;font-weight:700;color:var(--royal-blue);margin-bottom:5px}.team-position{color:var(--gold);font-weight:600}.testimonial-card{background:var(--white);border-radius:15px;padding:30px;box-shadow:0 5px 15px #00000014;border-right:5px solid var(--gold)}.testimonial-text{font-size:1.1rem;line-height:1.8;margin-bottom:20px;font-style:italic}.testimonial-author{font-weight:700;color:var(--royal-blue)}.testimonial-position{color:#666;font-size:.9rem}.rating{color:var(--gold)}.contact-form{background:var(--white);border-radius:15px;padding:40px;box-shadow:0 10px 30px #0000001a}.form-control{border:2px solid #e0e0e0;border-radius:10px;padding:12px 20px;transition:all .3s ease}.form-control:focus{border-color:var(--gold);box-shadow:0 0 0 .2rem #ffd70040}.contact-info-card{background:var(--royal-blue);color:var(--white);border-radius:15px;padding:30px;height:100%}.contact-info-item{display:flex;align-items:center;margin-bottom:20px}.contact-info-icon{font-size:1.5rem;color:var(--gold);margin-left:15px;width:40px}.footer{background-color:var(--royal-blue)}.footer-links li{margin-bottom:10px}.footer-links a{color:#ffffffb3;text-decoration:none;transition:all .3s ease}.footer-links a:hover{color:var(--gold);padding-right:5px}.footer-contact a{color:#ffffffb3;text-decoration:none;transition:all .3s ease}.footer-contact a:hover{color:var(--gold)}.social-links a{transition:all .3s ease}.social-links a:hover{color:var(--gold)!important;transform:translateY(-3px)}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;box-shadow:0 -2px 20px #0000001a;display:flex;justify-content:space-around;align-items:center;padding:8px 0 12px;z-index:1030;border-top:2px solid rgba(224,197,113,.2)}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#666;transition:all .3s ease;padding:5px 10px;border-radius:12px;min-width:60px}.mobile-nav-item i{font-size:1.3rem;margin-bottom:4px;transition:all .3s ease}.mobile-nav-item span{font-size:.7rem;font-weight:600}.mobile-nav-item.active{color:#0a1628}.mobile-nav-item.active i{color:#e0c571;transform:scale(1.1)}.mobile-nav-item:not(.mobile-nav-center):hover{color:#0a1628;background:#e0c5711a}.mobile-nav-center{position:relative;margin-top:-25px}.mobile-nav-center-icon{width:56px;height:56px;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #25d36666;border:4px solid white;animation:pulse 2s infinite}.mobile-nav-center-icon i{color:#fff;font-size:1.8rem;margin:0}.mobile-nav-center:active .mobile-nav-center-icon{transform:scale(.95)}@keyframes pulse{0%,to{box-shadow:0 4px 15px #25d36666}50%{box-shadow:0 4px 25px #25d36699}}@media(max-width:991px){body{padding-bottom:70px}}.whatsapp-float{position:fixed;bottom:30px;left:30px;width:60px;height:60px;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;box-shadow:0 4px 15px #25d36666;z-index:1000;transition:all .3s ease;text-decoration:none;animation:pulse 2s infinite}.whatsapp-float:hover{transform:scale(1.1);box-shadow:0 6px 20px #25d36699;color:#fff}.scroll-top{position:fixed;bottom:30px;right:30px;background-color:var(--gold);color:var(--royal-blue);width:50px;height:50px;border-radius:50%;border:none;font-size:1.2rem;cursor:pointer;opacity:0;visibility:hidden;transition:all .3s ease;z-index:1000;box-shadow:0 5px 15px #ffd7004d}.scroll-top.show{opacity:1;visibility:visible}.scroll-top:hover{transform:translateY(-5px);background-color:#ffc700}.section{padding:80px 0;margin:0;position:relative;z-index:2;background:#fff}.section.bg-light{background:var(--light-gray)}.section.bg-royal{background:var(--royal-blue)}.section-title{font-size:2.5rem;font-weight:900;color:var(--royal-blue);margin-bottom:15px;position:relative;display:inline-block}.section-title:after{content:"";position:absolute;bottom:-10px;right:0;width:60%;height:4px;background:linear-gradient(to left,var(--gold),transparent)}.section-subtitle{font-size:1.2rem;color:#666;margin-bottom:50px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out}@media(max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.section-title{font-size:2rem}.whatsapp-float{width:50px;height:50px;font-size:1.5rem;bottom:20px;left:20px}.scroll-top{bottom:20px;right:20px}}.btn-gold,.btn-royal{position:relative;z-index:1}.btn-gold:after,.btn-royal:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;opacity:0;transition:opacity .3s ease;z-index:-1}.btn-gold:after{background:radial-gradient(circle,rgba(253,169,18,.4) 0%,transparent 70%)}.btn-royal:after{background:radial-gradient(circle,rgba(0,74,173,.4) 0%,transparent 70%)}.btn-gold:hover:after,.btn-royal:hover:after{opacity:1;animation:pulse-glow 1.5s ease-in-out infinite}@keyframes pulse-glow{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.reveal{opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.175,.885,.32,1.275)}.reveal.active{opacity:1;transform:translateY(0)}.stats-number{font-size:3rem;font-weight:900;color:var(--gold);display:inline-block}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{50%{border-color:transparent}}.gradient-text{background:linear-gradient(90deg,#fda912,gold,#fda912);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 3s ease infinite}@keyframes gradient-shift{0%{background-position:0% center}50%{background-position:100% center}to{background-position:0% center}}.flip-card{perspective:1000px}.flip-card-inner{position:relative;width:100%;height:100%;transition:transform .8s;transform-style:preserve-3d}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.ripple{position:relative;overflow:hidden}.ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);transition:width .6s,height .6s}.ripple:active:after{width:300px;height:300px}.parallax{background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{border:4px solid rgba(0,0,0,.1);border-left-color:var(--gold);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.bounce{animation:bounce 2s infinite}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.shake:hover{animation:shake .5s}@keyframes zoomIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.zoom-in{animation:zoomIn .6s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.slide-in-left{animation:slideInLeft .8s ease-out}.slide-in-up{animation:slideInUp .8s ease-out}.glow-on-hover{transition:all .3s ease}.glow-on-hover:hover{box-shadow:0 0 20px #fda91299,0 0 40px #fda91266,0 0 60px #fda91233}@keyframes text-glow{0%,to{text-shadow:0 0 10px rgba(253,169,18,.5)}50%{text-shadow:0 0 20px rgba(253,169,18,.8),0 0 30px rgba(253,169,18,.6)}}.text-glow{animation:text-glow 2s ease-in-out infinite}.border-gold-card{border:2px solid rgba(253,169,18,.2);background:#fff}.border-royal-card{border:2px solid rgba(0,74,173,.2);background:#fff}.why-choose-card{border-radius:1.25rem;transition:all .5s cubic-bezier(.175,.885,.32,1.275)!important;perspective:1000px;transform-style:preserve-3d}.why-choose-card:hover{transform:translateY(-12px) rotateX(5deg) scale(1.02);box-shadow:0 25px 50px #0000001a;z-index:10}.why-choose-card.border-gold-card:hover{box-shadow:0 20px 45px #fda91240;border-color:#fda91299}.why-choose-card.border-royal-card:hover{box-shadow:0 20px 45px #004aad40;border-color:#004aad99}.why-choose-number{position:absolute;top:15px;right:25px;font-size:3.5rem;font-weight:900;color:#004aad0a;line-height:1;transition:all .5s ease;z-index:0}.why-choose-card:hover .why-choose-number{color:#fda9121a;transform:scale(1.1) translate(-10px,10px) translateZ(10px)}.why-icon-container{position:relative;z-index:1;perspective:1000px;height:90px;display:flex;justify-content:center;align-items:center}.why-icon-bg{width:75px;height:75px;border-radius:1.2rem;position:relative;display:inline-flex;align-items:center;justify-content:center;transform:rotate(15deg);transition:all .6s cubic-bezier(.175,.885,.32,1.275);animation:floatingWhyIcon 4s ease-in-out infinite;transform-style:preserve-3d}@keyframes floatingWhyIcon{0%,to{transform:translateY(0) rotate(15deg) rotateX(10deg)}50%{transform:translateY(-10px) rotate(5deg) rotateX(-10deg)}}.why-choose-card:hover .why-icon-bg{transform:rotate(0) scale(1.1) translateY(-5px);animation:none}.border-gold-card .why-icon-bg{box-shadow:-1px 1px #e0c571,-2px 2px #e0c571,-3px 3px #e0c571,-4px 4px #e0c571,-5px 5px 15px #fda91266}.border-royal-card .why-icon-bg{box-shadow:-1px 1px #0a1628,-2px 2px #0a1628,-3px 3px #0a1628,-4px 4px #0a1628,-5px 5px 15px #004aad66}.border-gold-card:hover .why-icon-bg{box-shadow:1px 1px #e0c571,2px 2px #e0c571,0 20px 30px #fda91299}.border-royal-card:hover .why-icon-bg{box-shadow:1px 1px #0a1628,2px 2px #0a1628,0 20px 30px #004aad99}.why-icon-main{font-size:2rem;color:#fff;z-index:2;transition:all .5s cubic-bezier(.175,.885,.32,1.275);transform:translateZ(25px);text-shadow:2px 2px 4px rgba(0,0,0,.2)}.why-choose-card:hover .why-icon-main{transform:translateZ(45px) scale(1.15);text-shadow:0 15px 15px rgba(0,0,0,.3)}.why-icon-pulse{position:absolute;width:100%;height:100%;border-radius:inherit;animation:pulse 2s ease-in-out infinite;opacity:.3;z-index:0}.why-title{color:var(--royal-blue);font-size:1.25rem;line-height:1.4;transition:all .4s ease;position:relative;z-index:1}.why-choose-card:hover .why-title{color:var(--gold-dark);transform:translateZ(10px)}.why-desc{line-height:1.8;font-size:.95rem;position:relative;z-index:1;transition:all .4s ease}.why-choose-card:hover .why-desc{transform:translateZ(10px)}.why-decorative-corner{position:absolute;bottom:0;left:0;width:80px;height:80px;opacity:.05;border-radius:0 100% 0 0;transition:all .6s cubic-bezier(.175,.885,.32,1.275);z-index:0}.why-choose-card:hover .why-decorative-corner{width:150px;height:150px;opacity:.15;transform:scale(1.1)}.how-work-card{transition:all .5s cubic-bezier(.175,.885,.32,1.275);border:2px solid transparent;perspective:1000px;transform-style:preserve-3d}.how-work-card:hover{transform:translateY(-10px) rotateX(5deg);border-color:#e0c5714d;box-shadow:0 20px 40px #00000014!important}.how-work-icon-box{width:90px;height:90px;position:relative;transform-style:preserve-3d;transition:all .6s cubic-bezier(.175,.885,.32,1.275);background:linear-gradient(135deg,var(--gold-light) 0%,var(--gold) 50%,var(--gold-dark) 100%)!important;animation:floatingHowIcon 4s ease-in-out infinite;box-shadow:0 5px #c9a528,0 10px 20px #e0c57166!important}@keyframes floatingHowIcon{0%,to{transform:translateY(0) rotateY(-10deg)}50%{transform:translateY(-8px) rotateY(10deg)}}.how-work-card:hover .how-work-icon-box{transform:translateY(-5px) scale(1.1) rotateY(15deg);animation:none;box-shadow:0 8px #c9a528,0 15px 30px #e0c57199!important}.how-work-icon{transform:translateZ(20px);transition:all .5s cubic-bezier(.175,.885,.32,1.275);text-shadow:2px 2px 4px rgba(0,0,0,.2)}.how-work-card:hover .how-work-icon{transform:translateZ(40px) scale(1.1);text-shadow:3px 3px 10px rgba(0,0,0,.3)}.step-number{position:absolute;top:-10px;right:-10px;width:35px;height:35px;background:var(--royal-blue);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem;border:3px solid white;transform:translateZ(30px);transition:all .5s ease;box-shadow:0 4px 10px #0003}.how-work-card:hover .step-number{transform:translateZ(50px) scale(1.1);background:#000}.how-work-title,.how-work-desc{transition:all .4s ease;position:relative;z-index:1}.how-work-card:hover .how-work-title{color:var(--gold-dark)!important;transform:translateZ(15px)}.how-work-card:hover .how-work-desc{transform:translateZ(10px)}.cta-animated-wrapper{border-radius:2.5rem;border:1px solid rgba(224,197,113,.2);animation:ctaContainerFloat 6s ease-in-out infinite;transform-style:preserve-3d;box-shadow:0 20px 50px #004aad0d,0 0 0 10px #e0c5710d}@keyframes ctaContainerFloat{0%,to{transform:translateY(0);box-shadow:0 20px 40px #0003,0 0 #fda91200}50%{transform:translateY(-10px);box-shadow:0 30px 50px #0000004d,0 0 0 15px #fda9120d}}.cta-glow-circle-1{position:absolute;width:400px;height:400px;background:radial-gradient(circle,#fda91226,#fda91200 70%);top:-100px;right:-100px;border-radius:50%;z-index:0;animation:pulseGlow 5s ease-in-out infinite alternate}.cta-glow-circle-2{position:absolute;width:300px;height:300px;background:radial-gradient(circle,#004aad4d,#004aad00 70%);bottom:-50px;left:-50px;border-radius:50%;z-index:0;animation:pulseGlow 7s ease-in-out infinite alternate-reverse}@keyframes pulseGlow{0%{transform:scale(.8);opacity:.5}to{transform:scale(1.2);opacity:1}}.cta-shining-overlay{position:absolute;top:0;left:-150%;width:50%;height:100%;background:linear-gradient(to right,#fff0,#ffffff0d,#fff0);transform:skew(-25deg);animation:shinePass 6s infinite;z-index:1}@keyframes shinePass{0%{left:-150%}20%{left:250%}to{left:250%}}.cta-badge-animate{animation:bounce 3s infinite}.cta-title-animate{text-shadow:0 5px 15px rgba(0,0,0,.3)}.cta-desc-animate{opacity:.9}.hero-btn-pulse{animation:heroBtnPulse 3s ease-in-out infinite}.hero-btn-pulse-delay{animation-delay:1.5s}@keyframes heroBtnPulse{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.hero-grid-cube{position:relative;width:100%;height:420px;display:flex;justify-content:center;align-items:center}.grid-cube-inner{position:relative;width:420px;height:420px}.cube-item{position:absolute;width:205px;height:205px;border-radius:16px;overflow:hidden;box-shadow:0 10px 25px #0003;border:3px solid rgba(255,255,255,.15);transition:all .4s cubic-bezier(.175,.885,.32,1.275);background:var(--royal-blue)}.cube-item img{width:100%;height:100%;object-fit:cover;opacity:.9;transition:all .5s ease}.cube-item-1{top:0;left:0;animation:bloomTopLeft 5s ease-in-out infinite}.cube-item-2{top:0;right:0;animation:bloomTopRight 5s ease-in-out infinite}.cube-item-3{bottom:0;left:0;animation:bloomBottomLeft 5s ease-in-out infinite}.cube-item-4{bottom:0;right:0;animation:bloomBottomRight 5s ease-in-out infinite}@keyframes bloomTopLeft{0%,to{transform:translate(0)}50%{transform:translate(-12px,-12px)}}@keyframes bloomTopRight{0%,to{transform:translate(0)}50%{transform:translate(12px,-12px)}}@keyframes bloomBottomLeft{0%,to{transform:translate(0)}50%{transform:translate(-12px,12px)}}@keyframes bloomBottomRight{0%,to{transform:translate(0)}50%{transform:translate(12px,12px)}}.cube-item:hover{transform:scale(1.08)!important;box-shadow:0 20px 40px #0000004d,0 0 20px #e0c5714d;border-color:var(--gold);z-index:10}.cube-item:hover img{opacity:1;transform:scale(1.1)}@media(max-width:768px){.hero-grid-cube{height:320px}.grid-cube-inner{width:310px;height:310px}.cube-item{width:145px;height:145px}}
