@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-12px) rotate(1deg)}66%{transform:translateY(6px) rotate(-1deg)}}@keyframes floatReverse{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(8px) rotate(-1deg)}66%{transform:translateY(-10px) rotate(1deg)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes particleDrift{0%{transform:translate(0) scale(1);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(var(--drift-x, 100px),var(--drift-y, -200px)) scale(.5);opacity:0}}@keyframes ripple{0%{transform:scale(1);opacity:.4}to{transform:scale(2.5);opacity:0}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blinkCursor{0%,to{border-right-color:transparent}50%{border-right-color:#6366f1}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #6366f14d,0 0 60px #6366f11a}50%{box-shadow:0 0 30px #6366f180,0 0 80px #6366f133}}@keyframes rotateGlow{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.landing-page{min-height:100vh;overflow-x:hidden;position:relative}.landing-particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.landing-particle{position:absolute;width:4px;height:4px;border-radius:50%;background:#6366f180;animation:particleDrift var(--duration, 12s) var(--delay, 0s) infinite linear}.landing-particle:nth-child(2n){background:#8b5cf666}.landing-particle:nth-child(3n){background:#22c55e4d;width:3px;height:3px}.landing-hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;z-index:1}.landing-hero-glow{position:absolute;top:50%;left:50%;width:900px;height:900px;background:radial-gradient(circle,rgba(99,102,241,.15) 0%,rgba(139,92,246,.08) 40%,transparent 70%);pointer-events:none;animation:rotateGlow 20s linear infinite}.landing-hero-content{position:relative;z-index:2;max-width:720px}.landing-logo{display:inline-flex;align-items:center;justify-content:center;margin-bottom:2rem;animation:scaleIn .6s ease-out,glowPulse 3s ease-in-out infinite;border-radius:20px}.landing-hero-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.1;margin:0 0 1rem;background:linear-gradient(135deg,#fff,#6366f1,#8b5cf6);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:slideUp .8s ease-out,gradientShift 6s ease infinite}.landing-hero-subtitle{font-size:clamp(1rem,2.5vw,1.25rem);color:#a3a3a3;max-width:520px;margin:0 auto 2.5rem;line-height:1.6;animation:slideUp .8s ease-out .2s both}.landing-hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;animation:slideUp .8s ease-out .4s both}.landing-cta-primary{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1.125rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:14px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}.landing-cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #6366f166}.landing-cta-primary:active{transform:translateY(0)}.landing-cta-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1.125rem;font-weight:600;color:#fff;background:transparent;border:2px solid #404040;border-radius:14px;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}.landing-cta-secondary:hover{border-color:#6366f1;background:#6366f11a;transform:translateY(-2px)}.landing-cta-primary .ripple-effect{position:absolute;border-radius:50%;background:#ffffff4d;animation:ripple .6s ease-out forwards;pointer-events:none}.landing-scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;animation:float 3s ease-in-out infinite;cursor:pointer}.landing-scroll-indicator span{font-size:.75rem;color:#737373;text-transform:uppercase;letter-spacing:2px}.landing-scroll-arrow{width:24px;height:24px;border-right:2px solid #737373;border-bottom:2px solid #737373;transform:rotate(45deg)}.landing-features{position:relative;z-index:1;padding:6rem 2rem;max-width:1100px;margin:0 auto}.landing-section-header{text-align:center;margin-bottom:4rem}.landing-section-badge{display:inline-block;padding:.375rem 1rem;background:#6366f126;border:1px solid rgba(99,102,241,.3);border-radius:100px;color:#818cf8;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:1rem}.landing-section-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;color:#fff;margin:0 0 1rem}.landing-section-subtitle{font-size:1.05rem;color:#a3a3a3;max-width:560px;margin:0 auto;line-height:1.6}.landing-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.landing-feature-card{position:relative;background:#1a1a1a;border:1px solid #333;border-radius:16px;padding:2rem;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;overflow:hidden;opacity:0;transform:translateY(40px)}.landing-feature-card.visible{animation:slideUp .6s ease-out forwards}.landing-feature-card:nth-child(2).visible{animation-delay:.1s}.landing-feature-card:nth-child(3).visible{animation-delay:.2s}.landing-feature-card:nth-child(4).visible{animation-delay:.3s}.landing-feature-card:nth-child(5).visible{animation-delay:.4s}.landing-feature-card:nth-child(6).visible{animation-delay:.5s}.landing-feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--card-accent, #6366f1),transparent);opacity:0;transition:opacity .3s ease}.landing-feature-card:hover{transform:translateY(-4px);border-color:#6366f14d;box-shadow:0 12px 40px #0000004d,0 0 20px #6366f11a}.landing-feature-card:hover:before{opacity:1}.landing-feature-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:14px;font-size:1.5rem;margin-bottom:1.25rem;background:var(--icon-bg, rgba(99, 102, 241, .15));animation:float 4s ease-in-out infinite}.landing-feature-card:nth-child(2n) .landing-feature-icon{animation-name:floatReverse;animation-duration:5s}.landing-feature-title{font-size:1.15rem;font-weight:600;color:#fff;margin:0 0 .5rem}.landing-feature-desc{font-size:.9rem;color:#a3a3a3;line-height:1.6;margin:0}.landing-how-it-works{position:relative;z-index:1;padding:6rem 2rem;max-width:800px;margin:0 auto}.landing-steps{position:relative;display:flex;flex-direction:column;gap:3rem}.landing-steps:before{content:"";position:absolute;left:28px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#6366f1,#8b5cf6,#22c55e);opacity:.3}.landing-step{display:flex;gap:1.5rem;align-items:flex-start;opacity:0;transform:translate(-40px)}.landing-step.visible{animation:slideInFromLeft .6s ease-out forwards}.landing-step:nth-child(2).visible{animation-delay:.15s}.landing-step:nth-child(3).visible{animation-delay:.3s}.landing-step-number{flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);font-size:1.25rem;font-weight:700;color:#fff;box-shadow:0 4px 20px #6366f14d;position:relative;z-index:1}.landing-step-content h3{font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 .5rem}.landing-step-content p{font-size:.95rem;color:#a3a3a3;margin:0;line-height:1.6}.landing-stats{position:relative;z-index:1;padding:4rem 2rem;max-width:900px;margin:0 auto}.landing-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem}.landing-stat{text-align:center;padding:2rem 1rem;background:#6366f10d;border:1px solid rgba(99,102,241,.15);border-radius:16px;opacity:0}.landing-stat.visible{animation:countUp .6s ease-out forwards}.landing-stat:nth-child(2).visible{animation-delay:.1s}.landing-stat:nth-child(3).visible{animation-delay:.2s}.landing-stat:nth-child(4).visible{animation-delay:.3s}.landing-stat-value{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;line-height:1.2}.landing-stat-label{font-size:.9rem;color:#a3a3a3;margin:.5rem 0 0}.landing-final-cta{position:relative;z-index:1;padding:6rem 2rem;text-align:center}.landing-final-cta-box{max-width:600px;margin:0 auto;padding:3rem;background:linear-gradient(135deg,#6366f11a,#8b5cf60d);border:1px solid rgba(99,102,241,.2);border-radius:24px;opacity:0}.landing-final-cta-box.visible{animation:scaleIn .6s ease-out forwards}.landing-final-cta-box h2{font-size:2rem;font-weight:700;color:#fff;margin:0 0 1rem}.landing-final-cta-box p{color:#a3a3a3;font-size:1.05rem;margin:0 0 2rem;line-height:1.6}.landing-dashboard{position:relative;z-index:1;max-width:480px;margin:0 auto;padding:0 2rem 4rem}@media (max-width: 768px){.landing-features-grid{grid-template-columns:1fr}.landing-stats-grid{grid-template-columns:repeat(2,1fr)}.landing-steps:before{left:20px}.landing-step-number{width:40px;height:40px;font-size:1rem}.landing-hero{padding:2rem 1.5rem}.landing-cta-primary,.landing-cta-secondary{padding:.875rem 1.5rem;font-size:1rem}}@media (max-width: 480px){.landing-hero-cta{flex-direction:column;align-items:stretch}.landing-stats-grid{grid-template-columns:1fr 1fr}}