body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}:focus{outline:2px solid #2563eb;outline-offset:2px}:focus:not(:focus-visible){outline:none}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fff;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.App{min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:0 20px}@media (max-width:480px){.container{padding:0 15px}}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:#fffffff2;box-shadow:0 2px 10px #0000001a;left:0;position:fixed;right:0;top:0;z-index:1000}.header .container{align-items:center;display:flex;justify-content:space-between;padding:1rem 20px}.logo h2{color:#2563eb;font-size:1.5rem;font-weight:700}.nav{align-items:center;display:flex;gap:2rem}.nav a{color:#4b5563;font-weight:500;text-decoration:none;transition:color .3s ease}.nav a:hover{color:#2563eb}.nav-link{background:none;border:none;color:#4b5563;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:500;padding:0;text-decoration:none;transition:color .3s ease}.nav-link:hover{color:#2563eb}.cta-button{background:#2563eb;border:none;border-radius:8px;color:#fff!important;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:500;padding:.5rem 1.5rem;transition:background-color .3s ease}.cta-button:hover{background:#1d4ed8}@media (max-width:768px){.nav{gap:1rem}}.hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:120px 0 80px;text-align:center}.hero .container{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.hero-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#e0e7ff);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem}.hero-subtitle{font-size:1.25rem;line-height:1.6;margin-bottom:2rem;opacity:.9}.hero-cta{align-items:center;display:flex;flex-direction:column;gap:1rem}.primary-button{background:#fff;border:none;border-radius:12px;box-shadow:0 4px 15px #0003;color:#2563eb;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.primary-button:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.waitlist-count{font-size:.9rem;opacity:.8}.hero-visual{align-items:center;display:flex;justify-content:center}.demo-placeholder{text-align:center}.phone-mockup{background:#1f2937;border-radius:30px;box-shadow:0 20px 40px #0000004d;height:560px;margin:0 auto 1rem;padding:8px;position:relative;width:280px}.screen{align-items:center;background:#f8fafc;border-radius:22px;justify-content:center;overflow:hidden;padding:0}.quiz-app,.screen{display:flex;height:100%;width:100%}.quiz-app{background:#fff;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.quiz-header{background:linear-gradient(135deg,#58cc02,#46a302);color:#fff;padding:16px 12px 12px;position:relative}.progress-bar{background:#ffffff4d;border-radius:1.5px;height:3px;margin-bottom:10px;overflow:hidden;width:100%}.progress-fill{background:#fff;border-radius:1.5px;height:100%;transition:width .5s ease}.quiz-title{font-size:16px;font-weight:600;text-align:center}.question-container{align-items:center;background:#fff;display:flex;flex:1 1;justify-content:center;padding:20px 12px}.question-text{animation:fadeInUp .6s ease;color:#1f2937;font-size:16px;font-weight:500;line-height:1.3;text-align:center}.options-container{display:flex;flex-direction:column;gap:8px;padding:0 12px 12px}.option{align-items:center;animation:slideInUp .5s ease;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:10px;padding:12px;position:relative;transition:all .3s ease}.option:hover{background:#f1f5f9}.option.correct,.option.selected{background:#f0fdf4;border-color:#58cc02}.option.correct{animation:correctPulse .6s ease}.option.incorrect{animation:incorrectShake .6s ease;background:#fef2f2;border-color:#ef4444}.option-letter{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:50%;color:#6b7280;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:28px;justify-content:center;width:28px}.option.correct .option-letter,.option.selected .option-letter{background:#58cc02;border-color:#58cc02;color:#fff}.option.incorrect .option-letter{background:#ef4444;border-color:#ef4444;color:#fff}.option-text{color:#1f2937;flex:1 1;font-size:14px;font-weight:400}.checkmark{animation:checkmarkPop .4s ease;color:#58cc02}.checkmark,.crossmark{font-size:16px;font-weight:700}.crossmark{animation:crossmarkPop .4s ease;color:#ef4444}.explanation-container{animation:slideInUp .5s ease;background:#f8fafc;border-left:3px solid #58cc02;border-radius:10px;margin:12px;padding:12px}.explanation-header{align-items:center;display:flex;gap:6px;margin-bottom:6px}.explanation-icon{font-size:16px}.explanation-title{color:#58cc02;font-size:12px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.explanation-text{color:#4b5563;font-size:12px;line-height:1.4}.quiz-nav{background:#fff;border-top:1px solid #e5e7eb;display:flex;justify-content:center;padding:12px}.nav-dots{display:flex;gap:6px}.nav-dot{background:#d1d5db;border-radius:50%;height:6px;transition:all .3s ease;width:6px}.nav-dot.active{background:#58cc02;transform:scale(1.3)}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes correctPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes incorrectShake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes checkmarkPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes crossmarkPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.demo-caption{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.demo-description{font-size:.9rem;opacity:.8}@media (max-width:768px){.hero .container{gap:2rem;grid-template-columns:1fr}.hero-content h1{font-size:2.5rem}}@media (max-width:480px){.hero{padding:100px 0 60px}.hero-content h1{font-size:2rem}.phone-mockup{height:480px;width:240px}}.problem-section{background:#f8fafc;padding:80px 0}.problem-section h2{color:#1f2937;font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center}.problem-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.problem-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:2rem;text-align:center;transition:transform .3s ease}.problem-card:hover{transform:translateY(-5px)}.problem-icon{font-size:3rem;margin-bottom:1rem}.problem-card h3{color:#1f2937;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.problem-card p{color:#6b7280;line-height:1.6}@media (max-width:768px){.problem-grid{grid-template-columns:1fr}}@media (max-width:480px){.problem-section h2{font-size:2rem}}.how-it-works{background:#fff;padding:80px 0}.how-it-works h2{color:#1f2937;font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{background:#f8fafc;border:2px solid #0000;border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease}.feature-card:hover{border-color:#2563eb;transform:translateY(-3px)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{color:#1f2937;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.feature-card p{color:#6b7280;line-height:1.6}@media (max-width:768px){.features-grid{grid-template-columns:1fr}}@media (max-width:480px){.how-it-works h2{font-size:2rem}}.learning-journey{background:linear-gradient(135deg,#f8fafc,#e0e7ff);padding:80px 0}.learning-journey h2{color:#1f2937;font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center}.journey-steps{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.step{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:2rem;position:relative;text-align:center}.step-number{align-items:center;background:#2563eb;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:50px;justify-content:center;margin:0 auto 1rem;width:50px}.step h3{color:#1f2937;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.step p{color:#6b7280;line-height:1.6}@media (max-width:768px){.journey-steps{grid-template-columns:1fr}}@media (max-width:480px){.learning-journey h2{font-size:2rem}}.why-choose{background:#fff;padding:80px 0}.why-choose h2{color:#1f2937;font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center}.benefits-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.benefit-card{border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease}.benefit-card:hover{background:#f8fafc;transform:translateY(-3px)}.benefit-icon{font-size:3rem;margin-bottom:1rem}.benefit-card h3{color:#1f2937;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.benefit-card p{color:#6b7280;line-height:1.6}@media (max-width:768px){.benefits-grid{grid-template-columns:1fr}}@media (max-width:480px){.why-choose h2{font-size:2rem}}.waitlist-section{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;padding:80px 0;text-align:center}.waitlist-section h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.waitlist-description{font-size:1.2rem;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:600px;opacity:.9}.waitlist-form{margin:0 auto;max-width:500px}.form-group{display:flex;gap:1rem;margin-bottom:1rem}.email-input{border:none;border-radius:8px;flex:1 1;font-size:1rem;outline:none;padding:1rem}.email-input:disabled{background-color:#f1f5f9;cursor:not-allowed;opacity:.7}.submit-button{background:#fff;border:none;border-radius:8px;color:#2563eb;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.submit-button:hover:not(:disabled){background:#f1f5f9;transform:translateY(-1px)}.submit-button:disabled{background:#cbd5e1;color:#64748b;cursor:not-allowed;transform:none}.error-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#fecaca;font-size:.9rem;margin-bottom:1rem;padding:.75rem}.form-note{font-size:.9rem;opacity:.8}.success-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;padding:2rem}.success-message h3{font-size:1.5rem;margin-bottom:.5rem}@media (max-width:768px){.form-group{flex-direction:column}}@media (max-width:480px){.waitlist-section h2{font-size:2rem}}.testimonial{background:#f8fafc;padding:80px 0}.testimonial-content{margin:0 auto;max-width:800px;text-align:center}.testimonial-content blockquote{color:#1f2937;font-size:1.5rem;font-style:italic;line-height:1.6;margin-bottom:2rem;position:relative}.testimonial-content blockquote:before{color:#2563eb;content:'"';font-size:4rem;left:-20px;opacity:.3;position:absolute;top:-20px}.testimonial-author{align-items:center;display:flex;flex-direction:column;gap:.5rem}.testimonial-author strong{color:#1f2937;font-size:1.2rem}.testimonial-author span{color:#6b7280}.footer{background:#1f2937;color:#fff;padding:60px 0 20px}.footer-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 2fr;margin-bottom:2rem}.footer-brand h3{color:#2563eb;font-size:1.5rem;margin-bottom:.5rem}.footer-brand p{color:#9ca3af}.footer-links{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}.footer-section h4{color:#f9fafb;font-size:1.1rem;margin-bottom:1rem}.footer-section a{color:#9ca3af;display:block;margin-bottom:.5rem;text-decoration:none;transition:color .3s ease}.footer-section a:hover{color:#2563eb}.footer-link{background:none;border:none;color:#9ca3af;cursor:pointer;display:block;font-family:inherit;font-size:inherit;margin-bottom:.5rem;padding:0;text-align:left;text-decoration:none;transition:color .3s ease}.footer-link:hover{color:#2563eb}.footer-bottom{border-top:1px solid #374151;color:#9ca3af;padding-top:2rem;text-align:center}@media (max-width:768px){.footer-content{gap:2rem}.footer-content,.footer-links{grid-template-columns:1fr}}.email-confirmation{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:2rem 0}.email-confirmation .container{margin:0 auto;max-width:600px;padding:0 1rem;width:100%}.confirmation-content{animation:fadeInUp .6s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;padding:3rem 2rem;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.confirmation-content h2{color:#2d3748;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.confirmation-content p{color:#4a5568;font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:60px;margin:0 auto 2rem;width:60px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.success-icon{animation:bounceIn .8s ease-out}.error-icon,.success-icon{font-size:4rem;margin-bottom:1rem}.error-icon{animation:shake .8s ease-out}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.back-home-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50px;box-shadow:0 4px 15px #667eea66;color:#fff;display:inline-block;font-size:1.1rem;font-weight:600;margin-top:1rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.back-home-btn:hover{box-shadow:0 6px 20px #667eea99;color:#fff;text-decoration:none;transform:translateY(-2px)}.back-home-btn:active{transform:translateY(0)}@media (max-width:768px){.confirmation-content{padding:2rem 1.5rem}.confirmation-content h2{font-size:2rem}.confirmation-content p{font-size:1rem}.error-icon,.success-icon{font-size:3rem}}@media (max-width:480px){.email-confirmation{padding:1rem 0}.confirmation-content{padding:1.5rem 1rem}.confirmation-content h2{font-size:1.75rem}}
/*# sourceMappingURL=main.810bf732.css.map*/