:root{--bg-primary: #030014;--bg-secondary: #0a0a1a;--bg-card: rgba(255, 255, 255, .03);--bg-card-hover: rgba(255, 255, 255, .07);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .4);--gradient-1: #7c3aed;--gradient-2: #2563eb;--gradient-3: #06b6d4;--gradient-4: #10b981;--accent-purple: #a855f7;--accent-blue: #3b82f6;--accent-cyan: #22d3ee;--accent-green: #10b981;--accent-pink: #ec4899;--success: #10b981;--error: #ef4444;--warning: #f59e0b;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 2rem;--space-xl: 4rem;--space-2xl: 8rem;--font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 3rem;--font-size-5xl: 4rem;--radius-sm: .375rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--shadow-glow: 0 0 60px rgba(168, 85, 247, .4);--shadow-card: 0 4px 24px rgba(0, 0, 0, .4);--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#aurora-container{position:fixed;inset:0;z-index:0;overflow:hidden;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(120,0,255,.3),transparent),radial-gradient(ellipse 60% 40% at 90% 80%,rgba(0,180,255,.15),transparent),radial-gradient(ellipse 50% 30% at 10% 70%,rgba(255,0,128,.12),transparent);animation:auroraShift 20s ease-in-out infinite}@keyframes auroraShift{0%,to{opacity:1;transform:scale(1) rotate(0)}50%{opacity:.8;transform:scale(1.1) rotate(5deg)}}#particles-canvas{position:fixed;inset:0;z-index:1;pointer-events:none}#orb-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;pointer-events:none}.orb{position:relative;width:400px;height:400px;display:flex;align-items:center;justify-content:center}.orb-inner{position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#a855f7cc,#3b82f699,#06b6d466);filter:blur(40px);animation:orbPulse 4s ease-in-out infinite}.orb-glow{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(168,85,247,.3) 0%,rgba(59,130,246,.15) 40%,transparent 70%);animation:orbGlow 6s ease-in-out infinite alternate}@keyframes orbPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}}@keyframes orbGlow{0%{transform:scale(.9);filter:blur(60px)}to{transform:scale(1.3);filter:blur(80px)}}.orb-ring{position:absolute;border-radius:50%;border:1px solid rgba(168,85,247,.3);animation:ringRotate 20s linear infinite}.orb-ring-1{width:250px;height:250px;animation-duration:30s}.orb-ring-2{width:320px;height:320px;animation-duration:25s;animation-direction:reverse;border-style:dashed}.orb-ring-3{width:380px;height:380px;animation-duration:35s;border-color:#3b82f633}@keyframes ringRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#cursor-glow{position:fixed;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(168,85,247,.15) 0%,transparent 70%);pointer-events:none;z-index:1;transform:translate(-50%,-50%);transition:opacity .3s ease;opacity:0}body:hover #cursor-glow{opacity:1}#confetti-canvas{position:fixed;inset:0;z-index:9999;pointer-events:none}#app{position:relative;z-index:10;min-height:100vh}.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#03001480;border-bottom:1px solid rgba(255,255,255,.05)}.nav-logo{display:flex;align-items:center;gap:var(--space-sm);font-weight:700;font-size:var(--font-size-lg)}.logo-icon{font-size:var(--font-size-xl)}.logo-text{background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-status{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#a855f71a;border:1px solid rgba(168,85,247,.3);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--accent-purple)}.status-dot{width:8px;height:8px;background:var(--accent-purple);border-radius:50%;animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{box-shadow:0 0 #a855f7b3;opacity:1}50%{box-shadow:0 0 0 8px #a855f700;opacity:.7}}.main-content{padding-top:100px}.hero{min-height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-xl) var(--space-lg);position:relative}.badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-lg);animation:fadeInUp .8s ease-out}.badge-dot{width:6px;height:6px;background:var(--accent-green);border-radius:50%}.hero-title{margin-bottom:var(--space-lg)}.title-line{display:block;font-size:clamp(2.5rem,8vw,5rem);font-weight:800;line-height:1.1;letter-spacing:-.03em}.line-1{opacity:0;animation:fadeInUp .8s ease-out .2s forwards}.line-2{opacity:0;animation:fadeInUp .8s ease-out .4s forwards}.line-3{opacity:0;animation:fadeInUp .8s ease-out .6s forwards}.gradient-text{background:linear-gradient(135deg,var(--accent-purple) 0%,var(--accent-blue) 50%,var(--accent-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:fadeInUp .8s ease-out .6s forwards,gradientFlow 5s ease infinite}@keyframes gradientFlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-subtitle{max-width:600px;font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--space-xl);opacity:0;animation:fadeInUp .8s ease-out .8s forwards}.hero-subtitle strong{color:var(--text-primary)}.cta-section{width:100%;max-width:550px;opacity:0;animation:fadeInUp .8s ease-out 1s forwards}.signup-form{width:100%}.input-group{display:flex;gap:var(--space-sm);background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:6px;transition:all var(--transition-base)}.input-group:focus-within{border-color:var(--accent-purple);box-shadow:0 0 0 4px #a855f71a;background:#ffffff0d}.input-container{flex:1;display:flex;align-items:center;gap:var(--space-sm);padding-left:var(--space-md)}.input-icon{font-size:var(--font-size-lg);opacity:.5}.input-container input{flex:1;background:transparent;border:none;padding:var(--space-md) 0;color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-base);outline:none}.input-container input::placeholder{color:var(--text-muted)}.cta-button{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,var(--accent-purple) 0%,var(--accent-blue) 100%);border:none;border-radius:var(--radius-md);color:#fff;font-family:var(--font-family);font-weight:600;font-size:var(--font-size-base);cursor:pointer;position:relative;overflow:hidden;transition:all var(--transition-base);white-space:nowrap}.cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 40px #a855f766}.cta-button:active{transform:translateY(0)}.button-icon{transition:transform var(--transition-base)}.cta-button:hover .button-icon{transform:translate(4px)}.button-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:buttonShine 3s ease-in-out infinite}@keyframes buttonShine{0%{left:-100%}50%,to{left:100%}}.status-message{min-height:24px;margin-top:var(--space-md);font-size:var(--font-size-sm);font-weight:500;text-align:center;opacity:0;transition:opacity var(--transition-base)}.status-message.visible{opacity:1}.status-message.success{color:var(--success)}.status-message.error{color:var(--error)}.social-proof{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-top:var(--space-lg);flex-wrap:wrap}.avatars{display:flex}.avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--font-size-sm);border:2px solid var(--bg-primary);margin-left:-10px}.avatar:first-child{margin-left:0}.social-proof p{font-size:var(--font-size-sm);color:var(--text-secondary)}.counter-value{color:var(--text-primary);font-weight:700}.stats-section{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);max-width:750px;margin:0 auto var(--space-2xl);padding:0 var(--space-lg);justify-content:center}.stat-card{background:var(--bg-card);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center;transition:all var(--transition-base)}.stat-card:hover{background:var(--bg-card-hover);border-color:#a855f74d;transform:translateY(-4px)}.stat-icon{font-size:2rem;margin-bottom:var(--space-sm)}.stat-value{font-size:var(--font-size-3xl);font-weight:800;background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.free-value{background:linear-gradient(135deg,var(--accent-green) 0%,var(--accent-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--space-xs)}.section-title{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);padding-left:var(--space-lg)}.section-number{font-size:var(--font-size-sm);font-weight:600;color:var(--accent-purple);padding:var(--space-xs) var(--space-sm);background:#a855f71a;border-radius:var(--radius-sm)}.features-section{max-width:1100px;margin:0 auto var(--space-2xl);padding:0 var(--space-lg)}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.feature-card{background:var(--bg-card);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-xl);padding:var(--space-xl);transition:all var(--transition-base);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-purple),var(--accent-blue),var(--accent-cyan));opacity:0;transition:opacity var(--transition-base)}.feature-card:hover{background:var(--bg-card-hover);transform:translateY(-8px);border-color:#a855f733}.feature-card:hover:before{opacity:1}.feature-icon{font-size:2.5rem;margin-bottom:var(--space-md);display:inline-block}.feature-card h3{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--space-sm)}.feature-card p{color:var(--text-secondary);margin-bottom:var(--space-md)}.feature-tag{display:inline-block;padding:var(--space-xs) var(--space-sm);background:#a855f71a;border:1px solid rgba(168,85,247,.2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--accent-purple);font-weight:500}.how-section{max-width:900px;margin:0 auto var(--space-2xl);padding:0 var(--space-lg)}.steps-container{display:flex;flex-direction:column;gap:var(--space-lg)}.step{display:grid;grid-template-columns:auto 1fr 1fr;gap:var(--space-lg);align-items:center;padding:var(--space-lg);background:var(--bg-card);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-xl);transition:all var(--transition-base)}.step:hover{background:var(--bg-card-hover);border-color:#a855f733}.step-number{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-purple) 0%,var(--accent-blue) 100%);border-radius:50%;font-size:var(--font-size-xl);font-weight:700}.step-content h3{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--space-xs)}.step-content p{color:var(--text-secondary);font-size:var(--font-size-sm)}.step-visual{display:flex;justify-content:flex-end}.step-connector{width:2px;height:30px;background:linear-gradient(180deg,var(--accent-purple),transparent);margin-left:47px}.mock-input{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);min-width:150px}.mock-label{font-size:var(--font-size-xs);color:var(--text-muted)}.mock-value{font-size:var(--font-size-xl);font-weight:700;color:var(--accent-cyan)}.mock-value.typing:after{content:"|";animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.processing-animation{display:flex;flex-direction:column;gap:var(--space-sm);min-width:150px}.processing-bar{height:4px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden;position:relative}.processing-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--accent-purple),var(--accent-cyan));animation:processingSlide 1.5s ease-in-out infinite;transform-origin:left}@keyframes processingSlide{0%{transform:translate(-100%)}to{transform:translate(100%)}}.processing-animation span{font-size:var(--font-size-xs);color:var(--text-muted)}.result-preview{display:flex;flex-direction:column;gap:var(--space-sm);min-width:180px}.result-bar{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);background:#0000004d;border-radius:var(--radius-sm);position:relative;overflow:hidden}.result-bar:before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--width);background:linear-gradient(90deg,#a855f74d,#22d3ee4d);z-index:0}.result-name,.result-percent{position:relative;z-index:1;font-size:var(--font-size-xs)}.result-percent{font-weight:700;color:var(--accent-cyan)}.countdown-section{padding:var(--space-2xl) var(--space-lg);text-align:center}.countdown-wrapper{max-width:700px;margin:0 auto;padding:var(--space-xl);background:var(--bg-card);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-xl)}.countdown-title{font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:var(--space-lg)}.countdown{display:flex;justify-content:center;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl)}.countdown-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.countdown-value-wrapper{background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);min-width:80px}.countdown-value{font-size:var(--font-size-3xl);font-weight:800;font-variant-numeric:tabular-nums;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.countdown-label{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.countdown-separator{font-size:var(--font-size-3xl);font-weight:300;color:var(--text-muted);margin-bottom:24px}.progress-section{margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid rgba(255,255,255,.05)}.progress-header{display:flex;justify-content:space-between;margin-bottom:var(--space-sm);font-size:var(--font-size-sm)}.progress-header span:first-child{color:var(--text-secondary)}#progress-percent{color:var(--accent-purple);font-weight:700}.progress-bar{height:8px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-lg)}.progress-fill{height:100%;width:var(--progress);background:linear-gradient(90deg,var(--accent-purple),var(--accent-cyan));border-radius:var(--radius-full);position:relative;animation:progressGlow 2s ease-in-out infinite}@keyframes progressGlow{0%,to{box-shadow:0 0 10px #a855f780}50%{box-shadow:0 0 20px #a855f7cc}}.progress-milestones{display:flex;justify-content:space-between}.milestone{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.milestone-dot{width:12px;height:12px;border-radius:50%;background:#fff3;border:2px solid rgba(255,255,255,.1);transition:all var(--transition-base)}.milestone.completed .milestone-dot{background:var(--accent-green);border-color:var(--accent-green)}.milestone.active .milestone-dot{background:var(--accent-purple);border-color:var(--accent-purple);animation:milestonePulse 2s ease-in-out infinite}@keyframes milestonePulse{0%,to{box-shadow:0 0 #a855f780}50%{box-shadow:0 0 0 8px #a855f700}}.milestone-text{font-size:var(--font-size-xs);color:var(--text-muted);white-space:nowrap}.milestone.completed .milestone-text,.milestone.active .milestone-text{color:var(--text-secondary)}.testimonials-section{padding:var(--space-xl) 0;overflow:hidden}.testimonials-track{width:100%;overflow:hidden}.testimonials-slide{display:flex;gap:var(--space-lg);animation:testimonialScroll 30s linear infinite;width:max-content}@keyframes testimonialScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.testimonials-slide:hover{animation-play-state:paused}.testimonial-card{flex-shrink:0;width:350px;background:var(--bg-card);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-xl);padding:var(--space-lg);transition:all var(--transition-base)}.testimonial-card:hover{background:var(--bg-card-hover);border-color:#a855f733}.testimonial-content{margin-bottom:var(--space-md)}.testimonial-content p{font-size:var(--font-size-base);color:var(--text-secondary);font-style:italic;line-height:1.6}.testimonial-author{display:flex;align-items:center;gap:var(--space-md)}.author-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent-purple) 0%,var(--accent-blue) 100%);display:flex;align-items:center;justify-content:center;font-weight:700}.author-info{display:flex;flex-direction:column}.author-name{font-weight:600;font-size:var(--font-size-sm)}.author-detail{font-size:var(--font-size-xs);color:var(--text-muted)}.final-cta{padding:var(--space-2xl) var(--space-lg);text-align:center}.final-cta-content{max-width:550px;margin:0 auto}.final-cta h2{font-size:var(--font-size-3xl);font-weight:800;margin-bottom:var(--space-sm);background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.final-cta p{color:var(--text-secondary);margin-bottom:var(--space-lg)}.bottom-form{margin-bottom:var(--space-lg)}.urgency-note{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#eab3081a;border:1px solid rgba(234,179,8,.3);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--warning)}.urgency-icon{animation:urgencyPulse 1s ease-in-out infinite}@keyframes urgencyPulse{0%,to{opacity:1}50%{opacity:.5}}.footer{padding:var(--space-xl) var(--space-lg);border-top:1px solid rgba(255,255,255,.05);text-align:center}.footer-content{max-width:500px;margin:0 auto}.footer-logo{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);font-weight:700;font-size:var(--font-size-lg);margin-bottom:var(--space-sm)}.footer-tagline{color:var(--text-muted);font-size:var(--font-size-sm);margin-bottom:var(--space-md)}.footer-links{display:flex;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-md)}.footer-links a{color:var(--text-secondary);text-decoration:none;font-size:var(--font-size-sm);transition:color var(--transition-fast)}.footer-links a:hover{color:var(--accent-purple)}.footer-links .divider{color:var(--text-muted)}.copyright{font-size:var(--font-size-xs);color:var(--text-muted)}@media(max-width:900px){.stats-section{grid-template-columns:repeat(3,1fr)}.features-grid{grid-template-columns:1fr}.step{grid-template-columns:auto 1fr}.step-visual{display:none}}@media(max-width:640px){:root{--space-xl: 2.5rem;--space-2xl: 4rem}.nav{padding:var(--space-sm) var(--space-md)}.nav-status span:not(.status-dot){display:none}.hero{min-height:auto;padding:var(--space-xl) var(--space-md)}.title-line{font-size:clamp(2rem,10vw,3rem)}.input-group{flex-direction:column}.cta-button{width:100%;justify-content:center}.stats-section{grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.stat-card{padding:var(--space-md)}.stat-value{font-size:var(--font-size-2xl)}.countdown{flex-wrap:wrap;gap:var(--space-sm)}.countdown-separator{display:none}.countdown-value-wrapper{min-width:70px;padding:var(--space-sm) var(--space-md)}.countdown-value{font-size:var(--font-size-2xl)}.progress-milestones{flex-wrap:wrap;gap:var(--space-md)}.milestone{width:45%}.testimonial-card{width:300px}#orb-container,#cursor-glow{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.testimonials-slide{animation:none}}
