:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-card: #ffffff;--bg-card-hover: #ffffff;--bg-glass: rgba(255, 255, 255, .7);--border-glass: rgba(0, 0, 0, .05);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--gradient-1: #7c3aed;--gradient-2: #2563eb;--gradient-3: #06b6d4;--gradient-4: #10b981;--accent-purple: #7c3aed;--accent-blue: #2563eb;--accent-cyan: #0891b2;--accent-green: #059669;--accent-pink: #db2777;--success: #10b981;--error: #ef4444;--warning: #f59e0b;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 2rem;--space-xl: 2.5rem;--space-2xl: 4rem;--font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading: "Outfit", -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-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-glow: 0 0 40px rgba(124, 58, 237, .15);--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(124,58,237,.08),transparent),radial-gradient(ellipse 60% 40% at 90% 80%,rgba(37,99,235,.05),transparent),radial-gradient(ellipse 50% 30% at 10% 70%,rgba(219,39,119,.05),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}.floating-shapes{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden}.shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:floatShape 20s infinite alternate ease-in-out}.shape-1{width:400px;height:400px;background:var(--accent-purple);top:-100px;right:-100px;animation-duration:25s}.shape-2{width:300px;height:300px;background:var(--accent-blue);bottom:20%;left:-50px;animation-duration:22s;animation-delay:-5s}.shape-3{width:350px;height:350px;background:var(--accent-cyan);bottom:-150px;right:20%;animation-duration:28s;animation-delay:-10s}@keyframes floatShape{0%{transform:translate(0) scale(1) rotate(0)}33%{transform:translate(50px,-50px) scale(1.1) rotate(10deg)}66%{transform:translate(-30px,20px) scale(.9) rotate(-5deg)}to{transform:translate(0) scale(1) rotate(0)}}#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:#fffc;border-bottom:1px solid var(--border-glass)}.nav-logo{display:flex;align-items:center;gap:var(--space-sm);font-weight:700;font-size:var(--font-size-lg)}.logo-icon{height:32px;width:auto;object-fit:contain}.logo-text{background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-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:80px}.hero{min-height:75vh;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-family:var(--font-heading);font-size:clamp(3rem,8vw,6rem);font-weight:900;line-height:1.1;letter-spacing:-.04em;will-change:transform,opacity}.line-1,.line-2,.line-3{opacity:0}.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: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}.hero-subtitle strong{color:var(--text-primary)}.cta-section{width:100%;max-width:550px;opacity:0}.signup-form{width:100%}.input-group{display:flex;gap:var(--space-sm);background:var(--bg-primary);border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-lg);padding:6px;transition:all var(--transition-base);box-shadow:var(--shadow-sm);position:relative;z-index:20}.input-group:focus-within{border-color:var(--accent-purple);box-shadow:0 0 0 4px #7c3aed1a;background:var(--bg-primary)}.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;color:#fff}.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(0,0,0,.05);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center;transition:all var(--transition-base);box-shadow:var(--shadow-md)}.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,var(--text-primary) 0%,var(--text-secondary) 100%);-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-value:not([data-target]){font-size:var(--font-size-2xl);letter-spacing:-.02em}.stat-label{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--space-xs)}.section-title{display:block;margin-bottom:var(--space-xl);padding-left:var(--space-lg);font-family:var(--font-heading);font-size:var(--font-size-4xl);font-weight:900;letter-spacing:-.02em;color:var(--text-primary);position:relative}.section-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:70%;background:linear-gradient(to bottom,var(--accent-purple),var(--accent-cyan));border-radius:4px}.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(0,0,0,.05);border-radius:var(--radius-xl);padding:var(--space-xl);transition:all var(--transition-base);position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.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;box-shadow:0 20px 40px #7c3aed1a}.feature-card:hover:before{opacity:1}.feature-icon{font-size:2.5rem;margin-bottom:var(--space-md);display:inline-block}.feature-card h3{font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:700;letter-spacing:-.02em;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;transition:all var(--transition-fast)}.feature-card:hover .feature-tag{background:var(--accent-purple);color:#fff;border-color:var(--accent-purple)}.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(0,0,0,.05);border-radius:var(--radius-xl);transition:all var(--transition-base);box-shadow:var(--shadow-md)}.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:var(--bg-secondary);border:1px solid rgba(0,0,0,.05);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:#0000000d;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:#00000008;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(0,0,0,.05);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.countdown-title{font-family:var(--font-heading);font-size:var(--font-size-sm);font-weight:700;text-transform:uppercase;letter-spacing:.15em;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:var(--bg-secondary);border:1px solid rgba(0,0,0,.05);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);min-width:80px}.countdown-value{font-family:var(--font-heading);font-size:var(--font-size-4xl);font-weight:900;font-variant-numeric:tabular-nums;background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-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:#0000000d;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(0,0,0,.05);border-radius:var(--radius-xl);padding:var(--space-lg);transition:all var(--transition-base);box-shadow:var(--shadow-md)}.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,var(--text-primary) 0%,var(--text-secondary) 100%);-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:#7c3aed0d;border:1px solid rgba(124,58,237,.1);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--accent-purple)}.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(0,0,0,.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}}