:root{--primary-color: #4361ee;--primary-dark: #3a56d4;--primary-light: #4f70ff;--secondary-color: #7209b7;--secondary-dark: #6008a0;--secondary-light: #8429c7;--gradient-start: #4361ee;--gradient-mid: #3a0ca3;--gradient-end: #7209b7;--dark: #1a1a2e;--dark-blue: #16213e;--medium-blue: #0f3460;--light-gray: #f8f9fa;--medium-gray: #e9ecef;--text-dark: #212529;--text-light: #f8f9fa;--text-muted: #6c757d;--success: #28a745;--warning: #ffc107;--danger: #dc3545;--info: #17a2b8;--font-primary: 'Poppins', sans-serif;--font-secondary: 'Montserrat', sans-serif;--spacing-xs: 0.25rem;--spacing-sm: 0.5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--border-radius-sm: 0.25rem;--border-radius-md: 0.5rem;--border-radius-lg: 1rem;--border-radius-xl: 2rem;--shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);--shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.15);--transition-fast: 0.2s ease;--transition-normal: 0.3s ease;--transition-slow: 0.5s ease}*{margin: 0;padding: 0;box-sizing: border-box}html{scroll-behavior: smooth;font-size: 16px;overflow-x: hidden}body{font-family: var(--font-primary);color: var(--text-dark);line-height: 1.6;overflow-x: hidden;background-color: #f6f8fb}body:not(.loaded) .animate-text,body:not(.loaded) .animate-text-delay,body:not(.loaded) .animate-text-delay-2,body:not(.loaded) .floating-element{animation: none !important;opacity: 0 !important}body.loaded .animate-text,body.loaded .animate-text-delay,body.loaded .animate-text-delay-2,body.loaded .floating-element{animation-play-state: running;opacity: 1 !important}a{text-decoration: none;color: var(--primary-color);transition: color var(--transition-normal)}a:hover{color: var(--primary-dark)}ul{list-style: none}img{max-width: 100%;height: auto}.container{width: 100%;max-width: 1200px;margin: 0 auto;padding: 0 var(--spacing-lg)}.section-header{text-align: center;margin-bottom: var(--spacing-xl)}.section-header h2{font-size: 2.5rem;font-weight: 700;margin-bottom: var(--spacing-sm);position: relative;display: inline-block}.section-header p{font-size: 1.1rem;color: var(--text-muted);max-width: 700px;margin: 0 auto}.section-heading{margin-bottom: var(--spacing-xl)}.section-heading h2{font-size: 2rem;margin-bottom: var(--spacing-sm)}.section-heading p{color: var(--text-muted)}.text-center{text-align: center}.text-right{text-align: right}.text-muted{color: var(--text-muted)}.gradient-text{background: linear-gradient(90deg, var(--gradient-start), var(--gradient-end));-webkit-background-clip: text;background-clip: text;color: transparent;display: inline-block}.view-more-container{text-align: center}h1,h2,h3,h4,h5,h6{font-family: var(--font-secondary);font-weight: 600;line-height: 1.2;margin-bottom: var(--spacing-md);color: var(--text-dark)}h1{font-size: 3rem;font-weight: 700}h2{font-size: 2.5rem}h3{font-size: 2rem}h4{font-size: 1.5rem}h5{font-size: 1.25rem}h6{font-size: 1rem}p{margin-bottom: var(--spacing-md);color: var(--text-muted)}.btn{display: inline-block;padding: 0.75rem 1.5rem;border-radius: var(--border-radius-md);font-weight: 600;text-align: center;cursor: pointer;transition: all var(--transition-normal);border: none;font-size: 1rem}.btn-primary{background: linear-gradient(90deg, var(--gradient-start), var(--gradient-end));color: #fff;box-shadow: 0 4px 15px rgba(67, 97, 238, 0.3)}.btn-primary:hover{box-shadow: 0 6px 20px rgba(67, 97, 238, 0.4);transform: translateY(-2px);color: #fff}.btn-secondary{background-color: var(--secondary-color);color: #fff;box-shadow: 0 4px 15px rgba(114, 9, 183, 0.3)}.btn-secondary:hover{background-color: var(--secondary-dark);box-shadow: 0 6px 20px rgba(114, 9, 183, 0.4);transform: translateY(-2px);color: #fff}.btn-outline{background-color: transparent;border: 2px solid var(--primary-color);color: var(--primary-color)}.btn-outline:hover{background-color: var(--primary-color);color: #fff;transform: translateY(-2px)}.preloader{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #fff;display: flex;justify-content: center;align-items: center;z-index: 9999;transition: opacity 0.3s ease, visibility 0.3s ease}.preloader.fade-out{opacity: 0;visibility: hidden;pointer-events: none}.loader{display: flex;flex-direction: column;align-items: center}.loader .text{font-size: 2rem;font-weight: 700;margin-bottom: var(--spacing-md);background: linear-gradient(90deg, var(--gradient-start), var(--gradient-end));-webkit-background-clip: text;background-clip: text;color: transparent}.loader-progress{width: 200px;height: 4px;background-color: var(--medium-gray);border-radius: 2px;overflow: hidden;position: relative}.loader-progress::after{content: '';position: absolute;top: 0;left: 0;height: 100%;width: 0;background: linear-gradient(90deg, var(--gradient-start), var(--gradient-end));animation: loading 2s ease infinite}@keyframes loading{0%{width: 0} 50%{width: 100%} 100%{width: 0;left: 100%}}.header{position: fixed;top: 0;left: 0;width: 100%;z-index: 1000;padding: 1.5rem 0;transition: all var(--transition-normal);background-color: transparent}.header.scrolled{background: #f8f9fa;box-shadow: var(--shadow-md);padding: 1rem 0}.header .container{display: flex;justify-content: space-between;align-items: center}.logo a{font-size: 1.8rem;font-weight: 700;color: var(--dark);transition: color var(--transition-normal)}.logo a span{color: var(--primary-color)}.navbar ul{display: flex}.navbar ul li{margin-left: var(--spacing-lg)}.navbar ul li a{color: var(--dark);font-weight: 500;position: relative;padding: 0.5rem 0}.navbar ul li a::after{content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 2px;background: linear-gradient(90deg, var(--gradient-start), var(--gradient-end));transition: width var(--transition-normal)}.navbar ul li a:hover::after,.navbar ul li a.active::after{width: 100%}.hamburger{display: none;cursor: pointer;position: relative;z-index: 1001;padding: 10px;margin-right: -10px}.hamburger span{display: block;width: 25px;height: 3px;background-color: var(--dark);margin: 5px 0;transition: all var(--transition-normal)}.footer{background-color: var(--dark-blue);color: white;padding-top: var(--spacing-xxl)}.footer-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: var(--spacing-xl);padding-bottom: var(--spacing-xl);border-bottom: 1px solid rgba(255, 255, 255, 0.1);margin-bottom: var(--spacing-xl)}.footer-logo a{font-size: 1.8rem;font-weight: 700;color: white;margin-bottom: var(--spacing-lg);display: inline-block}.footer-logo a span{color: var(--primary-light)}.footer-about p{opacity: 0.8;margin-bottom: var(--spacing-lg)}.footer .social-links{display: flex;gap: var(--spacing-md)}.footer .social-links a{display: flex;justify-content: center;align-items: center;width: 40px;height: 40px;border-radius: 50%;background-color: rgba(255, 255, 255, 0.2);color: white;transition: all var(--transition-normal)}.footer .social-links a:hover{background-color: var(--primary-light);transform: translateY(-3px)}.footer h3{font-size: 1.2rem;margin-bottom: var(--spacing-lg);position: relative;padding-bottom: var(--spacing-sm);color: #ffffff}.footer h3::after{content: '';position: absolute;bottom: 0;left: 0;width: 50px;height: 2px;background: linear-gradient(90deg, var(--gradient-start), var(--gradient-end))}.footer-links ul li,.footer-services ul li,.footer-contact ul li{margin-bottom: var(--spacing-sm)}.footer-links ul li a,.footer-services ul li a{color: rgba(255, 255, 255, 0.8);transition: all var(--transition-normal)}.footer-links ul li a:hover,.footer-services ul li a:hover{color: white;padding-left: var(--spacing-sm)}.footer-contact ul li{display: flex;align-items: center;color: rgba(255, 255, 255, 0.8)}.footer-contact ul li i{margin-right: var(--spacing-sm);color: var(--primary-light)}.footer-bottom{display: flex;justify-content: space-between;align-items: center;padding-bottom: var(--spacing-xl);color: rgba(255, 255, 255, 0.7);font-size: 0.9rem}.footer-bottom-links{display: flex;gap: var(--spacing-lg)}.footer-bottom-links a{color: rgba(255, 255, 255, 0.7)}.footer-bottom-links a:hover{color: white}.cta,.cta-section{padding: 100px 0;background: var(--light-gray);color: #1a1a2e;text-align: center;position: relative;overflow: hidden}.cta::before,.cta-section::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: radial-gradient(circle at 10% 20%, rgba(67, 97, 238, 0.05) 0%, transparent 40%), radial-gradient(circle at 90% 80%, rgba(114, 9, 183, 0.05) 0%, transparent 40%);pointer-events: none}.cta-bg-overlay{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: transparent;z-index: 1}.cta-particles{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;pointer-events: none}.cta-particles canvas{display: block;width: 100%;height: 100%}.cta::after,.cta-section::after{content: '';position: absolute;top: 0;left: 0;right: 0;height: 100px;background: linear-gradient(to bottom, var(--light-gray) 0%, transparent 100%);z-index: 2;pointer-events: none}.cta .cta-content,.cta-section .cta-content,.cta-content{position: relative;z-index: 2;max-width: 800px;margin: 0 auto;padding: 0 var(--spacing-lg)}.cta .cta-content h2,.cta-section .cta-content h2,.cta h2{font-size: 2.8rem;font-weight: 700;margin-bottom: var(--spacing-lg);background: linear-gradient(135deg, #4361ee 0%, #7209b7 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-shadow: none;line-height: 1.2}.cta .cta-content p,.cta-section .cta-content p,.cta p{font-size: 1.25rem;margin-bottom: var(--spacing-xl);color: #4a5568 !important;line-height: 1.7;max-width: 650px;margin-left: auto;margin-right: auto}.cta-buttons{display: flex;justify-content: center;gap: var(--spacing-lg);flex-wrap: wrap}.cta .btn-primary,.cta-section .btn-primary,.cta .btn.btn-primary{background: linear-gradient(135deg, #4361ee 0%, #7209b7 100%) !important;color: #ffffff !important;border: none;border-radius: 50px;box-shadow: 0 8px 25px rgba(67, 97, 238, 0.35);font-weight: 600;padding: 16px 40px;font-size: 1.1rem;transition: all 0.3s ease}.cta .btn-primary:hover,.cta-section .btn-primary:hover,.cta .btn.btn-primary:hover{background: linear-gradient(135deg, #3a56d4 0%, #6008a0 100%) !important;color: #ffffff !important;transform: translateY(-3px);box-shadow: 0 12px 35px rgba(67, 97, 238, 0.45)}.cta .btn-secondary,.cta-section .btn-secondary{background: transparent;color: #4361ee;border: 2px solid #4361ee;border-radius: 50px;font-weight: 600;padding: 16px 40px;font-size: 1.1rem;transition: all 0.3s ease}.cta .btn-secondary:hover,.cta-section .btn-secondary:hover{background: rgba(255, 255, 255, 0.15);border-color: #ffffff;color: #ffffff;transform: translateY(-3px)}.scrolling-logos{overflow: hidden;padding: 100px 0;background: #f8f9fa;white-space: nowrap;position: relative}.scrolling-logos:before,.scrolling-logos:after{position: absolute;top: 0;width: 450px;height: 100%;content: "";z-index: 2}.scrolling-logos:before{left: 0;background: linear-gradient(to left, rgba(255, 255, 255, 0), #f8f9fa)}.scrolling-logos:after{right: 0;background: linear-gradient(to right, rgba(255, 255, 255, 0), #f8f9fa)}.scrolling-logos .logos-slide{display: inline-block;animation: 25s slide infinite linear;width: 100%}.scrolling-logos .logos-slide img{height: 70px;margin: 0 60px}@keyframes slide{from{transform: translateX(0)} to{transform: translateX(-100%)}}.scrolling-logos.home-scrolling-logos .logos-slide img{transition: all 0.3s ease-in-out}.scrolling-logos.home-scrolling-logos:hover .logos-slide{animation-play-state: paused}.scrolling-logos.home-scrolling-logos .logos-slide img:hover{filter: grayscale(100%);opacity: 0.5;transform: scale(0.9)}.particles-container{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;pointer-events: none}#particles-js,#particles-background{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 0}.services-hero,.about-hero,.blog-hero{position: relative;padding: 180px 0 100px;overflow: visible;background-color: var(--light-gray);background: transparent !important;box-shadow: none !important;z-index: 1;text-align: center;min-height: unset;display: block;height: 70vh}.services-hero-content,.about-hero-content,.blog-hero-content{max-width: 600px;position: relative;z-index: 2;margin: 0 auto;text-align: center;background: transparent !important}.services-hero-content h1,.about-hero-content h1,.blog-hero-content h1{margin-bottom: var(--spacing-lg);font-size: 3.5rem;font-weight: 700;line-height: 1.1}.services-hero-content p,.about-hero-content p,.blog-hero-content p{font-size: 1.2rem;margin-bottom: var(--spacing-xl);color: var(--text-muted)}@media (max-width: 768px){.services-hero, .about-hero, .blog-hero{padding: 120px 0 60px;height: auto;min-height: 50vh} .services-hero-content h1, .about-hero-content h1, .blog-hero-content h1{font-size: 2rem}}.scroll-to-top{position: fixed;bottom: 20px;right: 20px;width: 40px;height: 40px;border-radius: 50%;background-color: var(--primary-color);color: white;display: flex;justify-content: center;align-items: center;cursor: pointer;opacity: 0;visibility: hidden;transition: all 0.3s ease;transform: translateY(20px);border: none;z-index: 999}.scroll-to-top.visible{opacity: 1;visibility: visible;transform: translateY(0)}.scroll-to-top:hover{background-color: var(--primary-dark);transform: translateY(-5px)}.animate-text{opacity: 0;transform: translateY(30px);animation: fadeInUp 0.8s ease forwards}.animate-text-delay{opacity: 0;transform: translateY(30px);animation: fadeInUp 0.8s ease 0.2s forwards}.animate-text-delay-2{opacity: 0;transform: translateY(30px);animation: fadeInUp 0.8s ease 0.4s forwards}@keyframes fadeInUp{from{opacity: 0;transform: translateY(30px)} to{opacity: 1;transform: translateY(0)}}.floating-element{animation: float 6s ease-in-out infinite}@keyframes float{0%{transform: translateY(0px)} 50%{transform: translateY(-20px)} 100%{transform: translateY(0px)}}.fade-in{opacity: 0;animation: fadeIn 1s ease forwards}@keyframes fadeIn{from{opacity: 0} to{opacity: 1}}.read-more{display: inline-flex;align-items: center;color: var(--primary-color);font-weight: 600;transition: all var(--transition-normal)}.read-more i{margin-left: var(--spacing-xs);transition: transform var(--transition-normal)}.read-more:hover{color: var(--primary-dark)}.read-more:hover i{transform: translateX(5px)}@media (max-width: 1200px){h1{font-size: 3rem}}@media (max-width: 992px){html{font-size: 15px} .container{max-width: 100%;padding: 0 var(--spacing-md);overflow-x: hidden}}@media (max-width: 768px){h1{font-size: 2.5rem} h2{font-size: 2rem} h3{font-size: 1.75rem} h4{font-size: 1.25rem} .section-header h2{font-size: 2rem} .navbar{position: fixed;top: 0;right: -100%;width: 80%;max-width: 300px;height: 100vh;background-color: white;box-shadow: var(--shadow-lg);padding: 80px var(--spacing-lg);transition: right var(--transition-normal);z-index: 1000} .navbar.active{right: 0} .navbar ul{flex-direction: column} .navbar ul li{margin: var(--spacing-md) 0} .hamburger{display: block;z-index: 1001} .hamburger.active span:first-child{transform: rotate(45deg) translate(5px, 6px)} .hamburger.active span:nth-child(2){opacity: 0} .hamburger.active span:nth-child(3){transform: rotate(-45deg) translate(5px, -6px)} .footer-grid{grid-template-columns: 1fr;gap: var(--spacing-xl)} .footer-bottom{flex-direction: column;gap: var(--spacing-md);text-align: center} .cta-buttons{flex-direction: column;align-items: center} .cta-buttons .btn{width: 100%;max-width: 300px} .btn{font-size: 0.9rem;padding: 0.65rem 1.2rem}}@media (max-width: 576px){html{font-size: 14px} h1{font-size: 2.2rem} .container{padding: 0 var(--spacing-sm)} .cta-content h2{font-size: 1.5rem} .cta-content p{font-size: 1rem}}body,html{overflow-x: hidden !important;max-width: 100vw}