:root{--primary: #6B46C1;--secondary: #FFD700;--dark: #0a0e27;--light: #ffffff;--gradient: linear-gradient(135deg, #6B46C1 0%, #764ba2 100%);--shadow: 0 20px 40px rgba(107, 70, 193, .25);--text-dark: #1a1a2e;--text-light: #64748b;--success: #10b981;--warning: #f59e0b;--error: #ef4444}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--dark);color:var(--text-dark);line-height:1.6;min-height:100vh}.container{max-width:900px;margin:0 auto;padding:20px;min-height:100vh;display:flex;align-items:center;justify-content:center}.landing-card{background:var(--light);border-radius:24px;padding:60px 40px;text-align:center;position:relative;overflow:hidden;box-shadow:var(--shadow);animation:slideInUp .8s ease-out}.star-pattern{position:absolute;top:0;left:0;right:0;height:100px;background:var(--gradient);opacity:.1}.brand-header{margin-bottom:40px}.brand-header h3{color:var(--primary);font-size:14px;font-weight:600;letter-spacing:2px;margin-bottom:8px}.brand-line{width:60px;height:3px;background:var(--secondary);margin:0 auto}.main-title{font-size:clamp(32px,5vw,48px);font-weight:700;color:var(--dark);margin-bottom:20px;line-height:1.2}.subtitle{font-size:18px;color:var(--text-light);margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}.benefits{display:grid;gap:20px;margin-bottom:40px}.benefit{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;background:#6b46c10d;border-radius:12px;font-weight:500}.benefit-icon{font-size:24px}.cta-button{background:var(--gradient);color:var(--light);padding:20px 48px;border:none;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:280px;margin-bottom:30px;position:relative;overflow:hidden}.cta-button:hover{transform:scale(1.05);box-shadow:0 15px 35px #6b46c166}.cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.cta-button:hover:before{left:100%}.trust-badges{display:flex;justify-content:center;gap:20px;margin-bottom:30px;flex-wrap:wrap}.badge{background:#6b46c11a;padding:8px 16px;border-radius:20px;font-size:14px;color:var(--primary);font-weight:500}.social-proof{background:#ffd7001a;padding:20px;border-radius:12px;border-left:4px solid var(--secondary)}.social-proof p{font-style:italic;margin-bottom:8px;color:var(--text-dark)}.social-proof span{font-weight:600;color:var(--primary)}.quiz-container{max-width:800px;margin:0 auto;padding:20px;min-height:100vh;display:flex;flex-direction:column}.progress-container{background:#ffffff1a;border-radius:20px;padding:20px;margin-bottom:40px;position:relative;overflow:hidden}.progress-bar{height:8px;background:var(--gradient);border-radius:4px;transition:width .6s ease;position:relative;margin-bottom:12px}.progress-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite;border-radius:4px}.progress-text{color:var(--light);font-weight:600;text-align:center;display:block}.question-card{background:var(--light);border-radius:24px;padding:40px;text-align:center;box-shadow:var(--shadow);flex:1;display:flex;flex-direction:column;animation:slideInUp .6s ease-out}.question-title{font-size:clamp(24px,4vw,32px);font-weight:700;color:var(--dark);margin-bottom:40px;line-height:1.3}.options{display:grid;gap:16px;margin-bottom:40px;flex:1}.option-card{min-height:80px;padding:24px;border-radius:20px;background:var(--light);border:2px solid #e2e8f0;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}.option-card:hover{transform:translate(8px);border-color:var(--primary);box-shadow:var(--shadow)}.option-card.selected{background:var(--gradient);color:var(--light);border-color:var(--primary);transform:translate(8px)}.option-text{font-size:16px;font-weight:500;line-height:1.4}.next-button{background:var(--gradient);color:var(--light);padding:18px 40px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:250px;margin:0 auto}.next-button:hover{transform:scale(1.05);box-shadow:0 10px 30px #6b46c166}.next-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.email-capture-card{background:var(--light);border-radius:24px;padding:60px 40px;text-align:center;box-shadow:var(--shadow);animation:slideInUp .8s ease-out}.celebration-animation{font-size:60px;margin-bottom:20px;animation:bounce 1s ease-out}.capture-title{font-size:clamp(28px,5vw,40px);font-weight:700;color:var(--dark);margin-bottom:16px}.capture-subtitle{font-size:18px;color:var(--text-light);margin-bottom:40px}.preview-box{background:#6b46c10d;border-radius:16px;padding:30px;margin-bottom:40px;text-align:left}.preview-box h3{color:var(--primary);font-size:20px;font-weight:700;margin-bottom:20px;text-align:center}.preview-box ul{list-style:none}.preview-box li{padding:8px 0;color:var(--text-dark);font-weight:500}.email-form{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.email-input{padding:18px 24px;border:2px solid #e2e8f0;border-radius:12px;font-size:16px;text-align:center;transition:all .3s ease}.email-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6b46c11a}.urgency-timer{background:#ffd7001a;border:2px solid var(--secondary);border-radius:12px;padding:16px;margin-bottom:20px;font-weight:600;color:var(--primary)}.timer-icon{margin-right:8px}.trust-elements{color:var(--text-light);font-size:14px}.trust-elements p{margin-bottom:8px}.processing-card{background:var(--light);border-radius:24px;padding:60px 40px;text-align:center;box-shadow:var(--shadow);animation:slideInUp .8s ease-out}.processing-animation{position:relative;margin-bottom:40px;height:120px}.brain-scan{font-size:80px;animation:pulse 2s ease-in-out infinite}.scan-lines{position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(90deg,transparent,transparent 10px,rgba(107,70,193,.3) 10px,rgba(107,70,193,.3) 12px);animation:scan 1.5s linear infinite}.processing-title{font-size:28px;font-weight:700;color:var(--dark);margin-bottom:40px}.processing-steps{display:grid;gap:20px;margin-bottom:40px;text-align:left}.step{display:flex;align-items:center;gap:16px;padding:20px;background:#6b46c10d;border-radius:12px;opacity:.5;transition:all .3s ease}.step.active{opacity:1;background:#6b46c11a;border-left:4px solid var(--primary)}.step-icon{font-size:24px}.progress-circle{margin-bottom:30px}.circle{width:120px;height:120px;border:8px solid #e2e8f0;border-radius:50%;position:relative;margin:0 auto}.circle-fill{position:absolute;top:-8px;left:-8px;width:120px;height:120px;border:8px solid var(--primary);border-radius:50%;border-top-color:transparent;animation:spin 1s linear infinite}.progress-percentage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;font-weight:700;color:var(--primary)}.processing-note{color:var(--text-light);font-style:italic}.results-card{background:var(--light);border-radius:24px;padding:50px 40px;box-shadow:var(--shadow);animation:slideInUp .8s ease-out}.results-header{text-align:center;margin-bottom:40px}.result-title{font-size:clamp(24px,4vw,36px);font-weight:700;color:var(--error);margin-bottom:30px;text-transform:uppercase;letter-spacing:1px}.capacity-meter{background:#6b46c11a;border-radius:16px;padding:24px}.capacity-label{display:block;font-weight:600;color:var(--text-dark);margin-bottom:12px}.capacity-bar{height:12px;background:#e2e8f0;border-radius:6px;position:relative;overflow:hidden;margin-bottom:8px}.capacity-fill{height:100%;background:var(--gradient);border-radius:6px;transition:width 1.5s ease-out;position:relative}.capacity-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}.capacity-percentage{font-size:20px;font-weight:700;color:var(--primary)}.result-content{display:grid;gap:30px;margin-bottom:40px}.diagnosis-box{background:#ef44441a;border:2px solid rgba(239,68,68,.2);border-radius:16px;padding:30px;text-align:center}.diagnosis-box h3{color:var(--error);font-size:18px;font-weight:700;margin-bottom:16px}.diagnosis-text{font-size:16px;color:var(--text-dark);line-height:1.6}.solution-preview{background:#10b9811a;border:2px solid rgba(16,185,129,.2);border-radius:16px;padding:30px}.solution-preview h3{color:var(--success);font-size:18px;font-weight:700;margin-bottom:20px;text-align:center}.solution-steps{display:grid;gap:16px}.solution-step{display:flex;align-items:center;gap:16px;padding:16px;background:#10b9810d;border-radius:12px}.step-number{width:32px;height:32px;background:var(--success);color:var(--light);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.urgency-box{background:#f59e0b1a;border:2px solid rgba(245,158,11,.3);border-radius:16px;padding:24px;text-align:center}.urgency-text{color:var(--warning);font-weight:600;margin-bottom:16px}.countdown{color:var(--dark);font-weight:700}.countdown-time{color:var(--error);font-size:20px;font-family:Courier New,monospace}.cta-arrow{margin-left:8px;transition:transform .3s ease}.cta-button:hover .cta-arrow{transform:translate(4px)}.guarantee{text-align:center;margin-top:20px;color:var(--text-light);font-size:14px}.offer-card{background:var(--light);border-radius:24px;padding:50px 40px;box-shadow:var(--shadow);animation:slideInUp .8s ease-out}.offer-header{text-align:center;margin-bottom:40px}.brand-logo{font-size:24px;font-weight:700;color:var(--primary);letter-spacing:2px;margin-bottom:16px}.result-badge{background:var(--gradient);color:var(--light);padding:12px 24px;border-radius:25px;font-weight:600;font-size:14px;display:inline-block}.offer-title{font-size:clamp(28px,5vw,40px);font-weight:700;color:var(--dark);margin-bottom:16px;text-align:center}.offer-subtitle{font-size:18px;color:var(--text-light);margin-bottom:40px;text-align:center}.product-showcase{display:grid;gap:40px;margin-bottom:40px}.product-image{text-align:center}.course-preview{background:var(--gradient);color:var(--light);padding:40px;border-radius:20px;margin:0 auto;max-width:300px}.course-icon{font-size:48px;display:block;margin-bottom:16px}.course-preview h3{font-size:24px;font-weight:700;margin-bottom:8px}.product-benefits h3{color:var(--primary);font-size:20px;font-weight:700;margin-bottom:20px}.benefits-list{list-style:none;display:grid;gap:12px}.benefits-list li{padding:12px 0;font-weight:500;color:var(--text-dark);border-bottom:1px solid rgba(107,70,193,.1)}.pricing-section{background:#ffd7001a;border-radius:20px;padding:30px;text-align:center;margin-bottom:30px}.price-comparison{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:16px;flex-wrap:wrap}.original-price{color:var(--text-light);font-size:18px}.special-price{color:var(--primary);font-size:32px;font-weight:700}.savings-highlight{background:var(--secondary);color:var(--dark);padding:8px 20px;border-radius:20px;font-weight:700;display:inline-block}.urgency-section{background:#ef44441a;border:2px solid rgba(239,68,68,.2);border-radius:16px;padding:24px;text-align:center;margin-bottom:30px}.countdown-label{color:var(--error);font-weight:700;font-size:16px;margin-bottom:8px}.countdown-display{color:var(--error);font-size:28px;font-weight:700;font-family:Courier New,monospace}.purchase-button{background:var(--gradient);color:var(--light);padding:20px 40px;border:none;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;width:100%;margin-bottom:30px;text-transform:uppercase}.purchase-button:hover{transform:scale(1.02);box-shadow:0 15px 35px #6b46c166}.purchase-button.secondary{background:var(--secondary);color:var(--dark)}.guarantee-section{background:#10b9811a;border-radius:16px;padding:24px;margin-bottom:40px}.guarantee-badge{display:flex;align-items:center;justify-content:center;gap:16px}.guarantee-icon{font-size:32px}.guarantee-text strong{color:var(--success);font-size:16px;display:block;margin-bottom:4px}.guarantee-text p{color:var(--text-light);font-size:14px}.testimonials{margin-bottom:40px}.testimonials h3{color:var(--primary);font-size:18px;font-weight:700;margin-bottom:20px;text-align:center}.testimonial{background:#6b46c10d;border-radius:12px;padding:20px;margin-bottom:16px;border-left:4px solid var(--primary)}.testimonial p{font-style:italic;margin-bottom:8px;color:var(--text-dark)}.testimonial span{font-weight:600;color:var(--primary);font-size:14px}.final-cta{text-align:center;padding-top:30px;border-top:2px solid rgba(107,70,193,.1)}.final-message{font-size:18px;color:var(--text-dark);font-weight:600;margin-bottom:20px}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes scan{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-out{opacity:0;transform:translateY(-20px);transition:all .3s ease}@media (max-width: 768px){.container{padding:16px}.landing-card,.question-card,.email-capture-card,.processing-card,.results-card,.offer-card{padding:40px 24px}.trust-badges{flex-direction:column;align-items:center}.option-card{min-height:60px;padding:20px 16px}.option-text{font-size:15px}.cta-button,.next-button,.purchase-button{width:100%;padding:18px 24px;font-size:16px}.price-comparison{flex-direction:column;gap:8px}.guarantee-badge{flex-direction:column;text-align:center}}@media (max-width: 480px){.option-card:hover{transform:none}.step{flex-direction:column;text-align:center}.benefits{gap:16px}.benefit{flex-direction:column;text-align:center;gap:8px}}@media (prefers-contrast: high){.option-card{border-width:3px}.option-card.selected{border-width:4px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
