:root{--primary-color: #667eea;--secondary-color: #764ba2;--background-dark: #0a0f2c;--background-section: rgba(255, 255, 255, 0.02);--text-primary: #ffffff;--text-secondary: #a0a9c0;--text-muted: #cbd5e1;--border-color: rgba(255, 255, 255, 0.1);--card-background: rgba(255, 255, 255, 0.05);--max-width: 1200px;--section-padding: clamp(60px, 8vw, 120px);--container-padding: clamp(20px, 5vw, 60px)}*{margin: 0;padding: 0;box-sizing: border-box}html{scroll-behavior: smooth;font-size: 16px}body{font-family: 'Sora', 'Poppins', sans-serif;background-color: var(--background-dark);color: var(--text-primary);line-height: 1.6;overflow-x: hidden;cursor: none}#backgroundCanvas{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;pointer-events: none}#customCursor{position: fixed;top: 0;left: 0;pointer-events: none;z-index: 9999;mix-blend-mode: difference}.cursor-dot{width: 6px;height: 6px;background: var(--primary-color);border-radius: 50%;position: absolute;transform: translate(-50%, -50%);transition: all 0.1s ease}.cursor-outline{width: 30px;height: 30px;border: 2px solid rgba(102, 126, 234, 0.5);border-radius: 50%;position: absolute;transform: translate(-50%, -50%);transition: all 0.3s ease}.cursor-hover .cursor-dot{transform: translate(-50%, -50%) scale(2);background: var(--secondary-color)}.cursor-hover .cursor-outline{transform: translate(-50%, -50%) scale(1.5);border-color: rgba(118, 75, 162, 0.8)}.container{max-width: var(--max-width);margin: 0 auto;padding: 0 var(--container-padding);width: 100%}section{padding: var(--section-padding) 0}h1, h2, h3, h4, h5, h6{font-family: 'Sora', sans-serif}.section-title{font-size: clamp(2rem, 5vw, 3rem);font-weight: 700;margin-bottom: 1rem;background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-align: center}.section-subtitle{font-size: clamp(1rem, 2.5vw, 1.2rem);color: var(--text-secondary);margin-bottom: 2rem;max-width: 600px;margin-left: auto;margin-right: auto;text-align: center}.section-header{text-align: center;margin-bottom: 3rem}.navbar{position: fixed;top: 0;width: 100%;z-index: 1000;background: rgba(10, 15, 44, 0.95);backdrop-filter: blur(10px);border-bottom: 1px solid var(--border-color);padding: 1rem 0}.nav-container{max-width: var(--max-width);margin: 0 auto;padding: 0 2rem;display: flex;justify-content: space-between;align-items: center}.nav-logo img{height: 40px}.nav-menu{display: flex;list-style: none;gap: 2rem}.nav-link{color: var(--text-primary);text-decoration: none;font-weight: 500;transition: color 0.3s ease;position: relative}.nav-link:hover, .nav-link.active{color: var(--primary-color)}.nav-link.active::after{content: '';position: absolute;bottom: -5px;left: 0;width: 100%;height: 2px;background: linear-gradient(45deg, var(--primary-color), var(--secondary-color));border-radius: 2px}.nav-btn{background: linear-gradient(135deg, #6366f1, #8b5cf6);color: white;padding: 0.8rem 1.5rem;border-radius: 30px;text-decoration: none;font-weight: 600;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);white-space: nowrap;border: none;cursor: pointer;box-shadow: 0 4px 15px rgba(99, 102, 241, 0.4)}.nav-btn:hover{transform: translateY(-2px);box-shadow: 0 8px 25px rgba(99, 102, 241, 0.6)}.hamburger{display: none;flex-direction: column;cursor: pointer}.hamburger span{width: 25px;height: 3px;background: var(--text-primary);margin: 3px 0;transition: 0.3s}.nav-btn-mobile-item{display: none}.erp-hero{position: relative;min-height: 100vh;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);overflow: hidden;padding-top: 80px}.hero-particles{position: absolute;width: 100%;height: 100%;overflow: hidden}.hero-particles::before{content: '';position: absolute;width: 200px;height: 200px;background: radial-gradient(circle, rgba(102, 126, 234, 0.1) 0%, transparent 70%);border-radius: 50%;top: 20%;left: 10%;animation: float 6s ease-in-out infinite}.hero-particles::after{content: '';position: absolute;width: 150px;height: 150px;background: radial-gradient(circle, rgba(118, 75, 162, 0.1) 0%, transparent 70%);border-radius: 50%;bottom: 20%;right: 15%;animation: float 8s ease-in-out infinite reverse}.hero-content{text-align: center;z-index: 10;position: relative;max-width: 800px;margin: 0 auto}.breadcrumb{font-size: 1rem;color: var(--text-secondary);margin-bottom: 2rem}.breadcrumb a{color: var(--primary-color);text-decoration: none}.separator{margin: 0 1rem;opacity: 0.5}.hero-title{font-size: clamp(3rem, 8vw, 5rem);font-weight: 800;margin-bottom: 1.5rem;line-height: 1.1;background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text}.hero-subtitle{font-size: clamp(1.1rem, 2.5vw, 1.3rem);color: var(--text-secondary);margin-bottom: 3rem;max-width: 600px;margin-left: auto;margin-right: auto}.hero-buttons{display: flex;gap: 1rem;justify-content: center;flex-wrap: wrap}.btn{font-family: 'Sora', sans-serif;padding: 15px 30px;border: none;border-radius: 50px;font-size: 1rem;font-weight: 600;text-decoration: none;cursor: pointer;transition: all 0.3s ease;display: inline-block;position: relative;overflow: hidden}.btn-primary{background: linear-gradient(135deg, #6366f1, #8b5cf6);color: #ffffff;box-shadow: 0 4px 15px rgba(99, 102, 241, 0.4)}.btn-primary:hover{transform: translateY(-2px);box-shadow: 0 8px 25px rgba(99, 102, 241, 0.6)}.btn-secondary{background: transparent;color: #ffffff;border: 2px solid rgba(255, 255, 255, 0.3)}.btn-secondary:hover{background: rgba(255, 255, 255, 0.1);transform: translateY(-2px)}.why-choose{background: var(--background-section)}.features-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 2rem;margin-top: 3rem}.feature-card{background: var(--card-background);border: 1px solid var(--border-color);border-radius: 20px;padding: 2.5rem;text-align: center;transition: all 0.3s ease;position: relative;overflow: hidden}.feature-card:hover{transform: translateY(-10px) scale(1.02);box-shadow: 0 25px 50px rgba(102, 126, 234, 0.25);border-color: rgba(102, 126, 234, 0.4)}.feature-card:hover .feature-icon{transform: scale(1.1) rotate(5deg);box-shadow: 0 10px 25px rgba(102, 126, 234, 0.3)}.feature-icon{display: inline-flex;align-items: center;justify-content: center;width: 80px;height: 80px;background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));border-radius: 50%;margin-bottom: 1.5rem;color: var(--text-primary);transition: all 0.3s ease}.feature-title{font-size: 1.5rem;font-weight: 600;color: var(--text-primary);margin-bottom: 1rem}.feature-description{color: var(--text-secondary);line-height: 1.6}.erp-services{background: var(--background-section)}.services-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));gap: 2rem;margin-top: 3rem}.service-card{background: var(--card-background);border: 1px solid var(--border-color);border-radius: 20px;padding: 2.5rem;transition: all 0.3s ease;position: relative;overflow: hidden}.service-card:hover{transform: translateY(-10px) scale(1.02);box-shadow: 0 25px 50px rgba(102, 126, 234, 0.25);border-color: rgba(102, 126, 234, 0.4)}.service-card:hover .service-icon{transform: scale(1.1) rotate(5deg);box-shadow: 0 10px 25px rgba(102, 126, 234, 0.3)}.service-icon{display: inline-flex;align-items: center;justify-content: center;width: 60px;height: 60px;background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));border-radius: 15px;margin-bottom: 1.5rem;color: var(--text-primary);transition: all 0.3s ease}.service-title{font-size: 1.5rem;font-weight: 600;color: var(--text-primary);margin-bottom: 1rem}.service-description{color: var(--text-secondary);line-height: 1.6;margin-bottom: 1.5rem}.service-features{list-style: none}.service-features li{color: var(--text-secondary);margin-bottom: 0.5rem;position: relative;padding-left: 1.5rem}.service-features li::before{content: '✓';position: absolute;left: 0;color: var(--primary-color);font-weight: bold}.testimonial-section{background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%)}.testimonial-card{background: var(--card-background);border: 1px solid var(--border-color);border-radius: 20px;padding: 3rem;text-align: center;max-width: 800px;margin: 0 auto}.testimonial-text{font-size: 1.25rem;color: var(--text-primary);font-style: italic;margin-bottom: 2rem;line-height: 1.6}.testimonial-author{color: var(--primary-color);font-weight: 600;font-size: 1.1rem}.testimonial-company{color: var(--text-secondary);font-size: 0.9rem;margin-top: 0.5rem}.about-erp{background: var(--background-section)}.about-content{display: grid;grid-template-columns: 1fr 1fr;gap: 4rem;align-items: center}.about-text{color: var(--text-secondary);line-height: 1.8;font-size: 1.1rem}.about-stats{display: grid;grid-template-columns: repeat(2, 1fr);gap: 2rem;margin-top: 2rem}.stat-card{text-align: center;padding: 1.5rem;background: var(--card-background);border-radius: 15px}.stat-number{font-size: 2.5rem;font-weight: 700;color: var(--primary-color);display: block}.stat-label{color: var(--text-secondary);font-size: 0.9rem;margin-top: 0.5rem}.about-image{position: relative}.about-image img{width: 100%;border-radius: 20px}.cta-section{background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);text-align: center}.cta-title{font-size: clamp(2.5rem, 4vw, 3.5rem);font-weight: 700;margin-bottom: 1.5rem;color: var(--text-primary)}.cta-description{font-size: 1.25rem;color: rgba(255, 255, 255, 0.9);margin-bottom: 3rem;max-width: 600px;margin-left: auto;margin-right: auto}.cta-buttons{display: flex;gap: 1.5rem;justify-content: center;flex-wrap: wrap}.cta-buttons .btn{background: linear-gradient(135deg, #6366f1, #8b5cf6);color: white;border: none;box-shadow: 0 4px 15px rgba(99, 102, 241, 0.4)}.cta-buttons .btn:hover{transform: translateY(-2px);box-shadow: 0 8px 25px rgba(99, 102, 241, 0.6)}.footer{padding: 100px 0 0;border-top: 1px solid rgba(102, 126, 234, 0.2)}.footer-content{display: grid;grid-template-columns: 2fr 1fr 1fr 1fr;gap: 60px;margin-bottom: 60px}.footer-section{position: relative}.footer-logo img{height: 45px;margin-bottom: 25px}.footer-description{color: var(--text-muted);font-size: 1.05rem;line-height: 1.7;margin-bottom: 35px}.social-links{display: flex;gap: 18px}.social-link{width: 45px;height: 45px;background: rgba(255, 255, 255, 0.08);border: 1px solid rgba(99, 102, 241, 0.2);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: var(--text-muted);transition: all 0.4s ease;text-decoration: none}.social-link:hover{background: linear-gradient(135deg, #6366f1, #8b5cf6);color: var(--text-primary);transform: translateY(-3px)}.footer-title{font-size: 1.3rem;font-weight: 700;margin-bottom: 25px;color: var(--text-primary)}.footer-links{list-style: none;display: flex;flex-direction: column;gap: 12px}.footer-links a{color: var(--text-muted);text-decoration: none;transition: color 0.3s ease}.footer-links a:hover{color: #6366f1}.footer-contact{display: flex;flex-direction: column;gap: 15px}.footer-contact p{color: var(--text-muted);margin: 0}.footer-bottom{text-align: center;padding: 40px 0;border-top: 1px solid rgba(99, 102, 241, 0.15);background: rgba(10, 15, 44, 0.3)}.footer-bottom p{color: #a1a1aa;margin: 0}.fade-in-up{opacity: 0;transform: translateY(30px);animation: fadeInUp 0.8s ease forwards}.fade-in-up.delay-1{animation-delay: 0.1s}.fade-in-up.delay-2{animation-delay: 0.2s}.fade-in-up.delay-3{animation-delay: 0.3s}.fade-in-up.delay-4{animation-delay: 0.4s}.fade-in-up.delay-5{animation-delay: 0.5s}.fade-in-up.delay-6{animation-delay: 0.6s}@keyframes fadeInUp{to{opacity: 1;transform: translateY(0)}}@keyframes float{0%, 100%{transform: translateY(0px)}50%{transform: translateY(-20px)}}.animate-on-scroll{opacity: 0;transform: translateY(30px);transition: opacity 0.6s ease, transform 0.6s ease}.animate-on-scroll.visible{opacity: 1;transform: translateY(0)}@media (max-width: 768px){.nav-menu{display: none}.hamburger{display: flex}.about-content{grid-template-columns: 1fr;gap: 2rem}.about-stats{grid-template-columns: 1fr}.footer-content{grid-template-columns: 1fr;gap: 30px;text-align: center}.features-grid, .services-grid{grid-template-columns: 1fr}.hero-buttons, .cta-buttons{flex-direction: column;align-items: center}:root{--section-padding: clamp(40px, 6vw, 80px);--container-padding: clamp(15px, 4vw, 30px)}}@media (max-width: 480px){.service-card, .feature-card{padding: 2rem}.testimonial-card{padding: 2rem}}