*{box-sizing:border-box}html{background:#0a0e27 !important}#main-content{background:#0a0e27 !important;background-color:#0a0e27 !important;min-height:100vh}.container,.container-fluid,.row,.col,[class*="col-"]{background:transparent !important;background-color:transparent !important}body{font-family:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;line-height:1.6;color:#ffffff !important;background:#0a0e27 !important;background-color:#0a0e27 !important;overflow-x:hidden;margin:0 !important;padding:0 !important}body.bg-light,body.bg-white{background:#0a0e27 !important;background-color:#0a0e27 !important}.navbar-dark{background:rgba(10,14,39,0.95) !important;backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,212,170,0.2)}.hero-section{position:relative;min-height:80vh;display:flex;align-items:center;background:linear-gradient(135deg, #0a0e27 0%, #1a1f3a 25%, #0f1419 50%, #1a1f3a 75%, #0a0e27 100%) !important;overflow:hidden;z-index:1;padding:2rem 0}.hero-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%, rgba(0,212,170,0.15) 0%, transparent 50%),radial-gradient(circle at 80% 80%, rgba(0,168,255,0.15) 0%, transparent 50%),radial-gradient(circle at 40% 60%, rgba(255,107,107,0.1) 0%, transparent 50%),radial-gradient(circle at 60% 40%, rgba(168,85,247,0.1) 0%, transparent 50%);animation:backgroundShift 20s ease-in-out infinite;z-index:1}.hero-section .hero-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}.hero-section .hero-background .hero-grid{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(0,212,170,0.2) 1px, transparent 1px),linear-gradient(90deg, rgba(0,212,170,0.2) 1px, transparent 1px),linear-gradient(rgba(0,168,255,0.1) 1px, transparent 1px),linear-gradient(90deg, rgba(0,168,255,0.1) 1px, transparent 1px);background-size:100px 100px, 100px 100px, 200px 200px, 200px 200px;animation:gridMove 30s linear infinite, gridPulse 8s ease-in-out infinite}.hero-section .hero-background .hero-particles{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 15% 15%, rgba(0,212,170,0.3) 0%, transparent 30%),radial-gradient(circle at 85% 85%, rgba(0,168,255,0.3) 0%, transparent 30%),radial-gradient(circle at 50% 20%, rgba(255,107,107,0.2) 0%, transparent 40%),radial-gradient(circle at 20% 80%, rgba(168,85,247,0.2) 0%, transparent 40%),radial-gradient(circle at 80% 20%, rgba(255,193,7,0.15) 0%, transparent 50%);animation:particleFloat 25s ease-in-out infinite}.hero-section .hero-background .hero-glow{position:absolute;top:50%;left:50%;width:800px;height:800px;background:radial-gradient(circle, rgba(0,212,170,0.2) 0%, rgba(0,168,255,0.1) 30%, transparent 70%);transform:translate(-50%, -50%);animation:glowPulse 6s ease-in-out infinite}.hero-section .hero-background .hero-lines{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(45deg, transparent 48%, rgba(0,212,170,0.1) 49%, rgba(0,212,170,0.1) 51%, transparent 52%),linear-gradient(-45deg, transparent 48%, rgba(0,168,255,0.1) 49%, rgba(0,168,255,0.1) 51%, transparent 52%);background-size:300px 300px, 300px 300px;animation:lineMove 40s linear infinite}.hero-section .container{position:relative;z-index:2}.hero-section .hero-content{color:#ffffff}.hero-section .hero-content .hero-badge{display:inline-flex;align-items:center;gap:0.5rem;background:rgba(0,212,170,0.1);border:1px solid rgba(0,212,170,0.3);border-radius:50px;padding:0.5rem 1rem;font-size:0.9rem;font-weight:600;color:#00d4aa;margin-bottom:1.5rem}.hero-section .hero-content .hero-badge i{font-size:1rem}.hero-section .hero-content .hero-title{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem}.hero-section .hero-content .hero-title .gradient-text{background:linear-gradient(135deg, #00d4aa 0%, #00a8ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:glow 2s ease-in-out infinite alternate}.hero-section .hero-content .hero-title .hero-subtitle{font-size:1.5rem;font-weight:400;color:#a0aec0}.hero-section .hero-content .hero-description{font-size:1.2rem;color:#a0aec0;margin-bottom:2rem;max-width:500px;line-height:1.6}.hero-section .hero-content .hero-stats{display:flex;gap:2rem;margin-bottom:2.5rem}.hero-section .hero-content .hero-stats .stat-item{text-align:center}.hero-section .hero-content .hero-stats .stat-item .stat-number{font-size:2rem;font-weight:700;color:#00d4aa;margin-bottom:0.5rem;text-shadow:0 0 20px rgba(0,212,170,0.3)}.hero-section .hero-content .hero-stats .stat-item .stat-label{font-size:0.9rem;color:#a0aec0}.hero-section .hero-content .hero-actions .btn{padding:12px 30px;font-weight:600;border-radius:50px;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);text-transform:uppercase;letter-spacing:0.5px}.hero-section .hero-content .hero-actions .btn:hover{transform:translateY(-2px);box-shadow:0 20px 40px rgba(0,212,170,0.2)}.hero-section .hero-content .hero-actions .welcome-card{background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1.5rem;margin-top:1.5rem}.hero-section .hero-content .hero-actions .welcome-card .welcome-icon{font-size:3rem;color:#ff6b6b}.hero-section .hero-content .hero-actions .welcome-card .welcome-content h4{margin-bottom:0.5rem;color:#ffffff}.hero-section .hero-content .hero-actions .welcome-card .welcome-content p{margin-bottom:1rem;opacity:0.9}.hero-section .hero-visual{position:relative;height:450px}.hero-section .hero-visual .dashboard-preview{background:linear-gradient(145deg, #1a1f3a 0%, #2d3748 100%);border:1px solid rgba(0,212,170,0.2);border-radius:16px;padding:1rem;box-shadow:0 10px 25px rgba(0,0,0,0.3);backdrop-filter:blur(10px);height:100%;position:relative;overflow:hidden}.hero-section .hero-visual .dashboard-preview::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg, transparent 30%, rgba(0,212,170,0.05) 50%, transparent 70%);animation:shimmer 3s ease-in-out infinite}.hero-section .hero-visual .dashboard-preview .dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,212,170,0.2)}.hero-section .hero-visual .dashboard-preview .dashboard-header .dashboard-title{font-size:1.2rem;font-weight:700;color:#ffffff}.hero-section .hero-visual .dashboard-preview .dashboard-header .dashboard-status{display:flex;align-items:center;gap:0.5rem;font-size:0.9rem;color:#00d4aa}.hero-section .hero-visual .dashboard-preview .dashboard-header .dashboard-status .status-dot{width:8px;height:8px;background:#00d4aa;border-radius:50%;animation:pulse 2s ease-in-out infinite}.hero-section .hero-visual .dashboard-preview .dashboard-content .chart-container{margin-bottom:1.5rem}.hero-section .hero-visual .dashboard-preview .dashboard-content .chart-container .chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.hero-section .hero-visual .dashboard-preview .dashboard-content .chart-container .chart-header h4{font-size:1rem;font-weight:600;color:#ffffff;margin:0}.hero-section .hero-visual .dashboard-preview .dashboard-content .chart-container .chart-header .chart-trend{font-size:0.9rem;font-weight:700;padding:0.25rem 0.5rem;border-radius:4px}.hero-section .hero-visual .dashboard-preview .dashboard-content .chart-container .chart-header .chart-trend.positive{color:#00d4aa;background:rgba(0,212,170,0.1)}.hero-section .hero-visual .dashboard-preview .dashboard-content .chart-container .mini-chart{height:60px;background:rgba(0,0,0,0.2);border-radius:8px;padding:0.5rem}.hero-section .hero-visual .dashboard-preview .dashboard-content .chart-container .mini-chart .chart-svg{width:100%;height:100%}.hero-section .hero-visual .dashboard-preview .dashboard-content .ai-insights .insight-item{display:flex;align-items:center;gap:0.75rem;padding:0.75rem;background:rgba(0,0,0,0.2);border-radius:8px;margin-bottom:0.75rem}.hero-section .hero-visual .dashboard-preview .dashboard-content .ai-insights .insight-item:last-child{margin-bottom:0}.hero-section .hero-visual .dashboard-preview .dashboard-content .ai-insights .insight-item .insight-icon{width:32px;height:32px;background:linear-gradient(135deg, #00d4aa 0%, #00a8ff 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.9rem;color:#ffffff}.hero-section .hero-visual .dashboard-preview .dashboard-content .ai-insights .insight-item .insight-content .insight-title{font-size:0.8rem;font-weight:600;color:#a0aec0;margin-bottom:0.25rem}.hero-section .hero-visual .dashboard-preview .dashboard-content .ai-insights .insight-item .insight-content .insight-text{font-size:0.9rem;color:#ffffff}.features-section{padding:100px 0;background:linear-gradient(135deg, #050811 0%, #0a0e27 25%, #1a1f3a 50%, #0a0e27 75%, #050811 100%);position:relative;overflow:hidden}.features-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 10% 10%, rgba(0,212,170,0.1) 0%, transparent 50%),radial-gradient(circle at 90% 90%, rgba(0,168,255,0.1) 0%, transparent 50%),radial-gradient(circle at 50% 50%, rgba(168,85,247,0.05) 0%, transparent 70%);animation:backgroundShift 25s ease-in-out infinite;z-index:1}.features-section::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(45deg, transparent 48%, rgba(0,212,170,0.05) 49%, rgba(0,212,170,0.05) 51%, transparent 52%),linear-gradient(-45deg, transparent 48%, rgba(0,168,255,0.05) 49%, rgba(0,168,255,0.05) 51%, transparent 52%);background-size:400px 400px, 400px 400px;animation:lineMove 50s linear infinite;z-index:1}.features-section .container{position:relative;z-index:2}.features-section .section-title{font-size:2.5rem;font-weight:700;color:#ffffff;margin-bottom:1rem;text-align:center;text-shadow:0 0 30px rgba(0,212,170,0.3)}.features-section .section-subtitle{font-size:1.2rem;color:#a0aec0;max-width:600px;margin:0 auto;text-align:center}.features-section .feature-card{background:linear-gradient(145deg, #1a1f3a 0%, #2d3748 100%);border:1px solid rgba(0,212,170,0.1);border-radius:16px;padding:2.5rem 2rem;text-align:center;box-shadow:0 10px 25px rgba(0,0,0,0.3);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);height:100%;position:relative;overflow:hidden}.features-section .feature-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(0,212,170,0.1), transparent);transition:left 0.5s ease}.features-section .feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,212,170,0.2);border-color:rgba(0,212,170,0.3)}.features-section .feature-card:hover::before{left:100%}.features-section .feature-card .feature-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg, #00d4aa 0%, #00a8ff 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#ffffff;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 0 30px rgba(0,212,170,0.3)}.features-section .feature-card:hover .feature-icon{transform:scale(1.1);box-shadow:0 0 40px rgba(0,212,170,0.4)}.features-section .feature-card h4{font-size:1.3rem;font-weight:700;color:#ffffff;margin-bottom:1rem}.features-section .feature-card p{color:#a0aec0;line-height:1.6}.how-it-works-section{padding:100px 0;background:linear-gradient(135deg, #0a0e27 0%, #1a1f3a 25%, #0f1419 50%, #1a1f3a 75%, #0a0e27 100%);position:relative;overflow:hidden}.how-it-works-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%, rgba(0,168,255,0.1) 0%, transparent 50%),radial-gradient(circle at 70% 80%, rgba(0,212,170,0.1) 0%, transparent 50%),radial-gradient(circle at 20% 70%, rgba(255,107,107,0.05) 0%, transparent 60%);animation:backgroundShift 30s ease-in-out infinite;z-index:1}.how-it-works-section .container{position:relative;z-index:2}.how-it-works-section .section-title{font-size:2.5rem;font-weight:700;color:#ffffff;margin-bottom:1rem;text-align:center;text-shadow:0 0 30px rgba(0,168,255,0.3)}.how-it-works-section .section-subtitle{font-size:1.2rem;color:#a0aec0;max-width:600px;margin:0 auto;text-align:center}.how-it-works-section .step-card{text-align:center;position:relative}.how-it-works-section .step-card .step-number{width:80px;height:80px;background:linear-gradient(135deg, #00d4aa 0%, #00a8ff 100%);color:#ffffff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;margin:0 auto 2rem;position:relative;z-index:2;box-shadow:0 0 30px rgba(0,212,170,0.3)}.how-it-works-section .step-card .step-number::after{content:'';position:absolute;top:50%;left:100%;width:100px;height:2px;background:linear-gradient(135deg, #00d4aa 0%, #00a8ff 100%);transform:translateY(-50%);z-index:1}.how-it-works-section .step-card:last-child .step-number::after{display:none}.how-it-works-section .step-card .step-content h4{font-size:1.3rem;font-weight:700;color:#ffffff;margin-bottom:1rem}.how-it-works-section .step-card .step-content p{color:#a0aec0;line-height:1.6}.tech-stack-section{padding:100px 0;background:linear-gradient(135deg, #050811 0%, #0a0e27 25%, #1a1f3a 50%, #0a0e27 75%, #050811 100%);position:relative;overflow:hidden}.tech-stack-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%, rgba(168,85,247,0.1) 0%, transparent 50%),radial-gradient(circle at 80% 70%, rgba(0,212,170,0.1) 0%, transparent 50%),radial-gradient(circle at 50% 10%, rgba(255,193,7,0.05) 0%, transparent 60%);animation:backgroundShift 35s ease-in-out infinite;z-index:1}.tech-stack-section::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(30deg, transparent 48%, rgba(0,168,255,0.03) 49%, rgba(0,168,255,0.03) 51%, transparent 52%),linear-gradient(-30deg, transparent 48%, rgba(0,212,170,0.03) 49%, rgba(0,212,170,0.03) 51%, transparent 52%);background-size:500px 500px, 500px 500px;animation:lineMove 60s linear infinite;z-index:1}.tech-stack-section .container{position:relative;z-index:2}.tech-stack-section .section-title{font-size:2.5rem;font-weight:700;color:#ffffff;margin-bottom:1rem;text-align:center;text-shadow:0 0 30px rgba(168,85,247,0.3)}.tech-stack-section .section-subtitle{font-size:1.2rem;color:#a0aec0;max-width:600px;margin:0 auto;text-align:center}.tech-stack-section .tech-item{text-align:center;padding:2rem 1rem;background:linear-gradient(145deg, #1a1f3a 0%, #2d3748 100%);border:1px solid rgba(0,212,170,0.1);border-radius:16px;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);height:100%}.tech-stack-section .tech-item:hover{transform:translateY(-5px);border-color:rgba(0,212,170,0.3);box-shadow:0 20px 40px rgba(0,212,170,0.2)}.tech-stack-section .tech-item .tech-icon{width:60px;height:60px;margin:0 auto 1.5rem;background:linear-gradient(135deg, #00d4aa 0%, #00a8ff 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#ffffff;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.tech-stack-section .tech-item:hover .tech-icon{transform:scale(1.1);box-shadow:0 0 30px rgba(0,212,170,0.3)}.tech-stack-section .tech-item h4{font-size:1.1rem;font-weight:700;color:#ffffff;margin-bottom:1rem}.tech-stack-section .tech-item p{color:#a0aec0;line-height:1.6;font-size:0.9rem}.cta-section{padding:100px 0;background:linear-gradient(135deg, #00d4aa 0%, #00a8ff 25%, #667eea 50%, #764ba2 75%, #f093fb 100%);color:#ffffff;text-align:center;position:relative;overflow:hidden}.cta-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%, rgba(255,255,255,0.1) 0%, transparent 50%),radial-gradient(circle at 80% 80%, rgba(255,255,255,0.1) 0%, transparent 50%),radial-gradient(circle at 50% 50%, rgba(255,255,255,0.05) 0%, transparent 70%);animation:backgroundShift 20s ease-in-out infinite;z-index:1}.cta-section::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(45deg, transparent 48%, rgba(255,255,255,0.1) 49%, rgba(255,255,255,0.1) 51%, transparent 52%),linear-gradient(-45deg, transparent 48%, rgba(255,255,255,0.1) 49%, rgba(255,255,255,0.1) 51%, transparent 52%);background-size:200px 200px, 200px 200px;animation:lineMove 30s linear infinite;z-index:1}.cta-section .container{position:relative;z-index:2}.cta-section .cta-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-shadow:0 0 30px rgba(255,255,255,0.5)}.cta-section .cta-description{font-size:1.2rem;opacity:0.9;margin-bottom:2rem}.cta-section .cta-actions .btn{padding:12px 30px;font-weight:600;border-radius:50px;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);text-transform:uppercase;letter-spacing:0.5px;background:rgba(255,255,255,0.2);border:2px solid rgba(255,255,255,0.3);backdrop-filter:blur(10px)}.cta-section .cta-actions .btn:hover{transform:translateY(-2px);box-shadow:0 20px 40px rgba(255,255,255,0.3);background:rgba(255,255,255,0.3)}@keyframes float{0%,100%{transform:translateY(0px) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes glow{from{text-shadow:0 0 20px rgba(0,212,170,0.5)}to{text-shadow:0 0 30px rgba(0,212,170,0.8)}}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.7;transform:scale(1.05)}}@keyframes gridMove{0%{transform:translate(0, 0)}100%{transform:translate(50px, 50px)}}@keyframes gridPulse{0%,100%{opacity:0.2}50%{opacity:0.4}}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@keyframes backgroundShift{0%,100%{transform:translate(0, 0) scale(1);opacity:0.1}25%{transform:translate(20px, -20px) scale(1.1);opacity:0.2}50%{transform:translate(-20px, 20px) scale(0.9);opacity:0.15}75%{transform:translate(10px, 10px) scale(1.05);opacity:0.25}}@keyframes particleFloat{0%,100%{transform:translate(0, 0) rotate(0deg);opacity:0.3}25%{transform:translate(30px, -30px) rotate(90deg);opacity:0.5}50%{transform:translate(-30px, 30px) rotate(180deg);opacity:0.4}75%{transform:translate(15px, 15px) rotate(270deg);opacity:0.6}}@keyframes glowPulse{0%,100%{transform:translate(-50%, -50%) scale(1);opacity:0.2}50%{transform:translate(-50%, -50%) scale(1.2);opacity:0.4}}@keyframes lineMove{0%{transform:translate(0, 0)}100%{transform:translate(100px, 100px)}}@keyframes slideInLeft{from{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInUp{from{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1200px){.hero-section .hero-content .hero-title{font-size:3rem}.hero-section .hero-visual .dashboard-preview{height:400px}}@media (max-width: 992px){.hero-section .hero-content{text-align:center;margin-bottom:3rem}.hero-section .hero-content .hero-title{font-size:2.5rem}.hero-section .hero-content .hero-stats{justify-content:center;flex-wrap:wrap;gap:1.5rem}.hero-section .hero-visual{height:350px}.hero-section .hero-visual .dashboard-preview{height:100%}.features-section,.how-it-works-section,.tech-stack-section,.cta-section{padding:80px 0}.how-it-works-section .step-card .step-number::after{display:none}}@media (max-width: 768px){.hero-section .hero-content .hero-title{font-size:2rem}.hero-section .hero-content .hero-title .hero-subtitle{font-size:1.2rem}.hero-section .hero-content .hero-description{font-size:1rem}.hero-section .hero-content .hero-stats{flex-direction:column;gap:1rem}.hero-section .hero-content .hero-stats .stat-item .stat-number{font-size:1.5rem}.hero-section .hero-content .welcome-card{flex-direction:column;text-align:center}.features-section,.how-it-works-section,.tech-stack-section,.cta-section{padding:60px 0}.features-section .section-title,.how-it-works-section .section-title,.tech-stack-section .section-title,.cta-section .section-title{font-size:2rem}.features-section .section-subtitle,.how-it-works-section .section-subtitle,.tech-stack-section .section-subtitle,.cta-section .section-subtitle{font-size:1rem}.feature-card{padding:2rem 1.5rem}}@media (max-width: 576px){.hero-section .hero-content .hero-title{font-size:1.8rem}.hero-section .hero-content .hero-actions .btn{display:block;width:100%;margin-bottom:1rem}.cta-section .cta-actions .btn{display:block;width:100%;margin-bottom:1rem}}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:linear-gradient(135deg, #00d4aa 0%, #00a8ff 100%);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%)}