:root{font-family:system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;overflow-x:hidden}#app{width:100%}.slide{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:2rem}@media (max-width: 768px){.slide{padding:1rem}}@media (max-width: 480px){.slide{padding:.75rem}}@media (max-width: 360px){.slide{padding:.5rem}}.hero-content{text-align:center}.logo{width:clamp(150px,20vw,300px);height:auto;margin-bottom:2rem}h1{font-family:"Kalam",cursive;font-size:clamp(2.5rem,10vw,6rem);line-height:1.1;margin-bottom:1rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.1)}@media (max-width: 480px){h1{font-size:clamp(2rem,12vw,3rem);line-height:1.2}}.tagline{font-size:clamp(1.25rem,3vw,2rem);color:#666;font-weight:300}@media (max-width: 480px){.tagline{font-size:clamp(1.1rem,4vw,1.5rem)}}.tagline-card{font-family:"Kalam",cursive;font-size:clamp(1.15rem,2.3vw,1.4rem);color:#555;font-weight:400;line-height:1.8;margin-bottom:1.5rem;position:relative;z-index:1}.highlight-subtle{color:#e74c3c;font-weight:400;font-size:1.1em}.scroll-indicator{position:absolute;bottom:3rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#999;cursor:pointer;animation:bounce 2s infinite}@media (max-width: 768px){.scroll-indicator{bottom:4rem}}.scroll-indicator span{font-size:.875rem;text-transform:uppercase;letter-spacing:.1em}@keyframes bounce{0%, 20%, 50%, 80%, 100%{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.card{max-width:800px;background:#fefdf8;border-radius:8px;padding:3rem;box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid #e8e5d9;position:relative}@media (max-width: 768px){.card{padding:2rem;width:100%}}@media (max-width: 480px){.card{padding:1.5rem}}.cta-card{max-width:600px;text-align:center}.cta-card iframe{margin-top:2rem;border-radius:8px}.card::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg, rgba(0,0,0,0), rgba(0,0,0,0) 1px, rgba(139,125,107,.02) 1px, rgba(139,125,107,.02) 2px);pointer-events:none;border-radius:8px;opacity:.5}.card h2{font-family:"Kalam",cursive;font-size:clamp(2rem,5vw,3rem);margin-bottom:1.5rem;color:#2d3436}.card .stat{font-family:"Kalam",cursive;font-size:clamp(1.5rem,3vw,2rem);line-height:1.6;margin-bottom:1.5rem;color:#2d3436;position:relative;z-index:1}.card .highlight{font-weight:700;color:#e74c3c;font-size:1.2em}.card .explanation{font-family:"Kalam",cursive;font-size:clamp(1rem,2vw,1.25rem);line-height:1.8;margin-bottom:1.5rem;color:#555;position:relative;z-index:1}.sources{border-top:1px solid #d1c9b8;padding-top:1.5rem;margin-top:2rem;position:relative;z-index:1}.sources p{font-size:clamp(.75rem,1.5vw,.875rem);line-height:1.6;color:#666;margin-bottom:.5rem}.sources a{color:#3498db;text-decoration:none;border-bottom:1px solid rgba(0,0,0,0);transition:border-color .2s}.sources a:hover{border-bottom-color:#3498db}.sources sup{font-weight:700;color:#555}.benefits-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem;margin-bottom:2rem;position:relative;z-index:1}@media (max-width: 900px){.benefits-grid{grid-template-columns:1fr}}.benefit{padding:1.5rem;background:rgba(52,152,219,.03);border-radius:12px;border-left:4px solid #3498db;border:1px solid #e8e5d9}.benefit h3{font-family:"Kalam",cursive;font-size:clamp(1.25rem,2.5vw,1.5rem);margin-bottom:.75rem;color:#2d3436}.benefit p{font-family:"Kalam",cursive;font-size:clamp(.95rem,2vw,1.1rem);line-height:1.6;color:#555}.funnel-diagram{margin:3rem auto;width:100%;max-width:900px;z-index:1}.funnel-container{display:flex;align-items:center;justify-content:center;width:100%}.funnel-inputs{display:flex;flex-direction:column;gap:clamp(2rem,5vh,4rem);justify-content:center;align-items:flex-end;text-align:right}.funnel-graphic{display:flex;align-items:center;justify-content:center}.funnel-graphic img{width:100%;max-width:clamp(500px,90vw,900px);height:auto}@media (min-width: 1024px){.funnel-graphic img{max-width:700px}}.funnel-graphic .mobile-diagram{display:none}@media (max-width: 900px){.funnel-graphic .desktop-diagram{display:none}.funnel-graphic .mobile-diagram{display:block}}.funnel-outputs{display:flex;align-items:center;justify-content:flex-start}.funnel-label{font-family:"Kalam",cursive;font-size:clamp(1.1rem,2.2vw,1.5rem);font-weight:600;color:#2d3436;white-space:nowrap}.transform-categories{margin-top:2rem;padding-top:2rem;border-top:1px solid #d1c9b8;position:relative;z-index:1}.category-list{display:flex;gap:1.5rem;margin-top:1.5rem;flex-wrap:wrap;justify-content:center}.category-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.5rem;background:rgba(52,152,219,.03);border-left:4px solid #3498db;border-radius:8px;flex:1;min-width:200px}.category-item strong{font-family:"Kalam",cursive;font-size:clamp(1.1rem,2.2vw,1.3rem);color:#2d3436}.category-item span{font-family:"Kalam",cursive;font-size:clamp(.9rem,1.8vw,1rem);color:#666;line-height:1.5}@media (max-width: 900px){.funnel-container{display:flex;flex-direction:column;gap:2rem;text-align:center}.funnel-inputs{align-items:center;text-align:center;gap:1.5rem}.funnel-outputs{justify-content:center}.funnel-graphic img{max-width:clamp(250px,80vw,400px)}.category-list{flex-direction:column}.category-item{min-width:100%}}.animated-card{min-height:300px;max-height:500px;overflow:hidden;transform:translateY(-100vh);opacity:0;display:flex;align-items:flex-start;justify-content:center;padding:1.5rem;box-sizing:border-box;background:#fefdf8;border-radius:8px;border:1px solid #e8e5d9;box-shadow:0 4px 20px rgba(0,0,0,.08)}@media (max-width: 768px){.animated-card{min-height:250px;max-height:60vh;width:100%;max-width:100%;padding:.75rem;overflow-y:auto;align-items:flex-start;margin:0;flex:1}}@media (max-width: 480px){.animated-card{min-height:200px;max-height:55vh;padding:.5rem}}@media (max-width: 360px){.animated-card{min-height:180px;max-height:50vh;padding:.375rem}}.animate-in .animated-card{animation:slideDown 1s ease-out forwards}@keyframes slideDown{from{transform:translateY(-100vh);opacity:0}to{transform:translateY(0);opacity:1}}.typed-text{font-family:"Kalam",cursive;font-size:clamp(1rem,2vw,1.4rem);line-height:1.6;color:#2d3436;transition:opacity .3s ease;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;width:100%;flex:1}@media (max-width: 768px){.typed-text{font-size:clamp(.9rem,3.2vw,1.1rem);line-height:1.5;padding:0;text-align:left;width:100%}}@media (max-width: 480px){.typed-text{font-size:clamp(.85rem,3.8vw,1rem);line-height:1.4}}.typed-text.highlight-mode .word{opacity:.3}.review-header{font-family:"Kalam",cursive;font-size:clamp(1.5rem,3vw,2rem);color:#2d3436;margin-bottom:2rem;text-align:center}.animation-container{display:flex;align-items:center;justify-content:center;gap:3rem;width:100%;max-width:1400px}@media (max-width: 768px){.animation-container{gap:.75rem;padding:0 .5rem;flex-wrap:nowrap;overflow:visible;justify-content:space-between;align-items:center}}@media (max-width: 480px){.animation-container{gap:.25rem;padding:0 .25rem}}@media (max-width: 360px){.animation-container{gap:.125rem;padding:0 .125rem}}.nav-arrow{background:rgba(0,0,0,0);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;color:#2d3436;flex-shrink:0}.nav-arrow:hover:not(:disabled){color:#3498db;transform:scale(1.15)}.nav-arrow:disabled{opacity:.2;cursor:not-allowed}.nav-arrow svg{pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}@media (max-width: 768px){.nav-arrow svg{width:36px;height:36px}}@media (max-width: 480px){.nav-arrow svg{width:32px;height:32px}}@media (max-width: 360px){.nav-arrow svg{width:28px;height:28px}}.card-wrapper{display:flex;flex-direction:column;align-items:center;gap:1.5rem;flex:1;min-width:0;max-width:100%}@media (max-width: 768px){.card-wrapper{gap:1rem;width:100%;max-width:100%;min-width:0;overflow:visible}}@media (max-width: 360px){.card-wrapper{gap:.75rem}}.step-indicator{display:flex;gap:.75rem;align-items:center}.step-dot{width:12px;height:12px;border-radius:50%;background:#d1c9b8;transition:all .3s}.step-dot.active{background:#3498db;transform:scale(1.3)}.factoid{transition:all .5s cubic-bezier(.34, 1.56, .64, 1);display:inline;padding:.2em .4em;border-radius:6px;position:relative}.factoid.highlighted{background:#a8e6a1;box-shadow:0 0 0 3px rgba(168,230,161,.3);z-index:10;font-weight:600;opacity:1 !important}.factoid.blocked{display:block;margin:.75rem 0;padding:.75rem 1rem;transform:scale(1.05);box-shadow:0 0 0 4px rgba(168,230,161,.4),0 4px 12px rgba(0,0,0,.15);font-weight:700}.intro-text{opacity:.4}.flashcard{background:#fff;border:3px solid #2d3436;border-radius:12px;padding:2rem;max-width:600px;box-shadow:0 8px 24px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.08);transform:rotate(-1deg);transition:transform .3s ease}@media (max-width: 768px){.flashcard{padding:1.5rem;max-width:100%;width:100%;transform:rotate(0deg);border:2px solid #2d3436;margin:0;box-sizing:border-box}}@media (max-width: 480px){.flashcard{padding:1rem;border-radius:8px}}.flashcard:hover{transform:rotate(0deg) scale(1.02)}.flashcard-header{font-family:"Kalam",cursive;font-size:clamp(.9rem,2vw,1.1rem);color:#666;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.5rem;text-align:center;padding-bottom:.75rem;border-bottom:2px dashed #d1c9b8}.flashcard-content{font-family:"Kalam",cursive;font-size:clamp(1.2rem,2.5vw,1.6rem);line-height:1.8;color:#2d3436}@media (max-width: 768px){.flashcard-content{font-size:clamp(1.1rem,3.5vw,1.3rem);line-height:1.7}}@media (max-width: 480px){.flashcard-content{font-size:clamp(1rem,4vw,1.2rem);line-height:1.6}}.blank{display:inline-block;border-bottom:3px solid #3498db;min-width:100px;height:1.4em;margin:0 .3em;position:relative;top:.15em;background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 85%, rgba(52,152,219,.1) 85%, rgba(52,152,219,.1) 100%)}@media (max-width: 768px){.blank{min-width:60px;margin:0 .2em}}.flashcard-input{margin-top:2rem;padding-top:1.5rem;border-top:2px dashed #d1c9b8;position:relative;display:flex;align-items:center;gap:1rem}@media (max-width: 768px){.flashcard-input{margin-top:1.5rem;padding-top:1rem;gap:.5rem}}.answer-input{width:100%;font-family:"Kalam",cursive;font-size:clamp(1.1rem,2.3vw,1.4rem);padding:.75rem 1rem;border:2px solid #2d3436;border-radius:8px;background:#fefdf8;color:#2d3436;outline:none;transition:all .2s}@media (max-width: 768px){.answer-input{font-size:clamp(1rem,3.5vw,1.2rem);padding:.625rem .875rem;box-sizing:border-box}}@media (max-width: 480px){.answer-input{font-size:clamp(.95rem,4vw,1.1rem);padding:.5rem .75rem}}.answer-input:focus{border-color:#3498db;box-shadow:0 0 0 3px rgba(52,152,219,.1)}.answer-input::placeholder{color:#999;font-style:italic}.answer-input.correct{border-color:#27ae60;background:#eafaf1}.answer-input.incorrect{border-color:#e74c3c;background:#fadbd8}.scroll-indicator-continue{position:absolute;bottom:2rem;left:2rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#999;cursor:pointer;animation:bounce 2s infinite}.scroll-indicator-continue span{font-size:.875rem;text-transform:uppercase;letter-spacing:.1em}.checkmark{flex-shrink:0;animation:checkmarkPop .5s cubic-bezier(.68, -.55, .265, 1.55)}.checkmark svg{display:block}@keyframes checkmarkPop{0%{transform:scale(0) rotate(-45deg);opacity:0}50%{transform:scale(1.2) rotate(10deg)}100%{transform:scale(1) rotate(0deg);opacity:1}}.timeline-container{margin:1rem 0;position:relative;z-index:1}.timeline-svg{width:100%;max-width:500px;height:auto;margin:0 auto;display:block;font-family:"Kalam",cursive}.key-benefit{font-family:"Kalam",cursive;font-size:clamp(1.1rem,2.3vw,1.35rem);line-height:1.8;margin:2rem 0;position:relative;z-index:1;color:#2d3436}.timeline-legend{display:flex;flex-direction:column;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #d1c9b8}.legend-item{display:flex;align-items:center;gap:.75rem;font-family:"Kalam",cursive;font-size:clamp(.95rem,2vw,1.1rem);color:#2d3436}.deck-progress{margin-bottom:2rem;padding:1.5rem;background:rgba(52,152,219,.03);border-radius:12px;border:1px solid #e8e5d9}.time-travel{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #d1c9b8}.time-selector{display:flex;flex-direction:column;gap:.75rem;align-items:center}@media (max-width: 768px){.time-selector{gap:.5rem}}.time-label{font-family:"Kalam",cursive;font-size:clamp(1rem,2vw,1.1rem);font-weight:600;color:#2d3436;text-align:center}.day-selector{font-family:"Kalam",cursive;font-size:clamp(.9rem,1.8vw,1rem);padding:.5rem 1rem;border:2px solid #3498db;border-radius:6px;background:#fff;color:#2d3436;cursor:pointer;transition:all .2s ease}.day-selector:hover{border-color:#2980b9;box-shadow:0 2px 8px rgba(52,152,219,.1)}.day-selector:focus{outline:none;border-color:#2980b9;box-shadow:0 0 0 3px rgba(52,152,219,.1)}.time-explanation{font-family:"Kalam",cursive;font-size:clamp(.8rem,1.6vw,.9rem);color:#666;text-align:center;font-style:italic;max-width:400px}.demo-controls{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #d1c9b8}.demo-mode-toggle{display:flex;flex-direction:column;gap:.75rem;align-items:center}@media (max-width: 768px){.demo-mode-toggle{gap:.5rem}}.demo-btn{font-family:"Kalam",cursive;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;border:none;padding:.875rem 1.75rem;border-radius:12px;font-size:clamp(1rem,2vw,1.1rem);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 15px rgba(102,126,234,.3)}.demo-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4)}.demo-btn:active{transform:translateY(0)}.demo-btn.demo-active{background:linear-gradient(135deg, #f093fb 0%, #f5576c 100%);box-shadow:0 4px 15px rgba(240,147,251,.3)}.demo-btn.demo-active .demo-icon{animation:pulse 2s infinite}@media (max-width: 480px){.demo-btn{padding:.75rem 1.5rem;font-size:1rem}}.demo-icon{font-size:1.2em;display:inline-block}@keyframes pulse{0%, 100%{transform:scale(1)}50%{transform:scale(1.1)}}.demo-explanation{font-family:"Kalam",cursive;font-size:clamp(.8rem,1.6vw,.9rem);color:#6c7b7f;text-align:center;font-style:italic;line-height:1.4;max-width:400px}.scheduling-slots{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin:1.5rem 0}@media (max-width: 768px){.scheduling-slots{gap:.75rem}}@media (max-width: 480px){.scheduling-slots{gap:.5rem}}.slot-day{display:flex;flex-direction:column;align-items:center;min-width:80px}@media (max-width: 768px){.slot-day{min-width:70px}}@media (max-width: 480px){.slot-day{min-width:60px}}.slot-label{font-family:"Kalam",cursive;font-size:clamp(.75rem,1.5vw,.85rem);font-weight:600;color:#2d3436;margin-bottom:.5rem;text-align:center}.slot-cards{min-height:60px;width:100%;border:2px dashed #bdc3c7;border-radius:8px;background:#f8f9fa;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:.25rem;gap:2px;transition:all .3s ease}.slot-cards.has-cards{border-color:#3498db;background:#e8f4f8;border-style:solid}@media (max-width: 768px){.slot-cards{min-height:50px}}@media (max-width: 480px){.slot-cards{min-height:40px}}.scheduled-card{width:90%;height:20px;background:linear-gradient(135deg, #3498db, #2980b9);border-radius:4px;border:1px solid #2980b9;box-shadow:0 2px 4px rgba(0,0,0,.1);position:relative;opacity:0;transform:scale(.5);animation:cardFlyIn .6s cubic-bezier(.68, -.55, .265, 1.55) forwards;display:flex;align-items:center;justify-content:center}.scheduled-card::after{content:attr(data-card-id);color:#fff;font-size:.7rem;font-weight:600;font-family:"Kalam",cursive}@media (max-width: 768px){.scheduled-card{height:16px}.scheduled-card::after{font-size:.6rem}}@media (max-width: 480px){.scheduled-card{height:14px}.scheduled-card::after{font-size:.55rem}}@keyframes cardFlyIn{0%{opacity:0;transform:scale(1.2) translateY(-100px) rotate(-10deg)}50%{opacity:.8;transform:scale(.8) translateY(-20px) rotate(5deg)}100%{opacity:1;transform:scale(1) translateY(0) rotate(0deg)}}.timeline-header{font-family:"Kalam",cursive;font-size:clamp(1rem,2vw,1.15rem);font-weight:600;color:#2d3436;text-align:center;margin-bottom:1rem}.day-complete{display:flex;justify-content:center;align-items:center;min-height:300px;margin:2rem 0}.day-complete-content{text-align:center;background:linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);padding:2rem;border-radius:16px;border:2px solid #dee2e6;max-width:400px;width:100%}.day-complete-content h3{font-family:"Kalam",cursive;font-size:clamp(1.5rem,4vw,2rem);color:#2d3436;margin-bottom:1rem;font-weight:700}.day-complete-content .day-summary{font-family:"Kalam",cursive;font-size:clamp(1rem,2.5vw,1.1rem);color:#495057;margin-bottom:1.5rem;font-style:italic}@media (max-width: 480px){.day-complete-content{padding:1.5rem;margin:1rem}}.day-stats{display:flex;justify-content:space-around;margin:1.5rem 0;gap:1rem}.day-stats .stat-item{text-align:center}.day-stats .stat-item .stat-number{display:block;font-size:2rem;font-weight:700;color:#3498db;font-family:"Kalam",cursive}.day-stats .stat-item .stat-label{font-size:.9rem;color:#6c757d;font-weight:500}@media (max-width: 480px){.day-stats{flex-direction:column;gap:1rem}}.day-actions{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.day-btn{font-family:"Kalam",cursive;padding:1rem 1.5rem;border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.25rem}.day-btn span{font-size:1.1rem}.day-btn small{font-size:.85rem;opacity:.8;font-weight:400}.day-btn.primary{background:linear-gradient(135deg, #28a745 0%, #20c997 100%);color:#fff;box-shadow:0 4px 15px rgba(40,167,69,.3)}.day-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(40,167,69,.4)}.day-btn.secondary{background:#f8f9fa;color:#495057;border:2px solid #dee2e6}.day-btn.secondary:hover{background:#e9ecef;border-color:#adb5bd}.day-btn:active{transform:translateY(0)}@media (max-width: 480px){.day-btn{padding:.875rem 1.25rem}.day-btn span{font-size:1rem}.day-btn small{font-size:.8rem}}.deck-stats{display:flex;gap:2rem;justify-content:center}@media (max-width: 768px){.deck-stats{gap:1rem;flex-wrap:wrap}}.stat-item{text-align:center;display:flex;flex-direction:column;gap:.5rem}.stat-number{font-family:"Kalam",cursive;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:#3498db}.stat-label{font-family:"Kalam",cursive;font-size:clamp(.9rem,1.8vw,1rem);color:#666;text-transform:uppercase;letter-spacing:.05em}.flashcard-container{position:relative;min-height:400px;display:flex;align-items:center;justify-content:center}.flashcard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}@media (max-width: 480px){.flashcard-header{flex-direction:column;gap:.5rem;text-align:center}}.card-result{margin-top:2rem;padding-top:2rem;border-top:2px dashed #d1c9b8}.result-feedback{font-family:"Kalam",cursive;font-size:clamp(1.1rem,2.3vw,1.3rem);margin-bottom:1.5rem;text-align:center;padding:1rem;border-radius:8px}.result-feedback.correct{background:rgba(39,174,96,.1);color:#27ae60;border:1px solid #27ae60}.result-feedback.incorrect{background:rgba(231,76,60,.1);color:#e74c3c;border:1px solid #e74c3c}.fsrs-timeline{background:rgba(155,89,182,.05);border-radius:12px;padding:1.5rem;margin:1.5rem 0;border:1px solid #9b59b6}.timeline-header{font-family:"Kalam",cursive;font-size:clamp(1rem,2vw,1.2rem);font-weight:600;color:#7d3c98;text-align:center;margin-bottom:1rem}.timeline-track{display:flex;align-items:center;justify-content:space-between;margin:1.5rem 0;position:relative}.timeline-track::before{content:"";position:absolute;top:50%;left:20%;right:20%;height:3px;background:linear-gradient(to right, #3498db, #9b59b6);border-radius:2px;transform:translateY(-50%)}.timeline-point{background:#fff;border:3px solid #3498db;border-radius:50%;padding:.75rem 1rem;font-family:"Kalam",cursive;font-weight:600;font-size:clamp(.8rem,1.6vw,.9rem);color:#2d3436;position:relative;z-index:2}.timeline-point.current{background:#3498db;color:#fff}.timeline-point#next-point{border-color:#9b59b6;background:#9b59b6;color:#fff}.difficulty-indicator{display:flex;align-items:center;gap:1rem;margin-top:1rem;font-family:"Kalam",cursive;font-size:clamp(.9rem,1.8vw,1rem);color:#2d3436}@media (max-width: 480px){.difficulty-indicator{flex-direction:column;gap:.5rem}}.difficulty-bars{display:flex;gap:.25rem}.difficulty-bars .bar{width:12px;height:20px;background:#e8e5d9;border-radius:2px;transition:all .3s ease}.difficulty-bars .bar.active{background:#e74c3c}.difficulty-bars .bar.easy{background:#27ae60}.result-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}@media (max-width: 480px){.result-actions{flex-direction:column}}.result-btn{font-family:"Kalam",cursive;font-size:clamp(1rem,2vw,1.1rem);font-weight:600;padding:.75rem 1.5rem;border:2px solid #3498db;background:#3498db;color:#fff;border-radius:8px;cursor:pointer;transition:all .2s}.result-btn:hover{background:#2980b9;border-color:#2980b9;transform:translateY(-1px)}.result-btn.secondary{background:rgba(0,0,0,0);color:#3498db}.result-btn.secondary:hover{background:#3498db;color:#fff}.deck-controls{display:flex;gap:1rem;justify-content:center}@media (max-width: 480px){.deck-controls{flex-direction:column}}.deck-btn{font-family:"Kalam",cursive;font-size:clamp(1.1rem,2.2vw,1.3rem);font-weight:600;padding:1rem 2rem;border:3px solid #2d3436;background:#2d3436;color:#fff;border-radius:12px;cursor:pointer;transition:all .2s}.deck-btn:hover{background:rgba(0,0,0,0);color:#2d3436;transform:translateY(-2px)}.deck-btn.secondary{background:rgba(0,0,0,0);color:#2d3436}.deck-btn.secondary:hover{background:#2d3436;color:#fff}.cloze{background:#f8f9fa;border:2px dashed #3498db;padding:.3em .8em;border-radius:6px;font-weight:600;transition:all .3s ease;cursor:pointer;min-width:80px;display:inline-block;text-align:center;position:relative;user-select:none;font-size:0;line-height:0}.cloze::after{content:"?";color:#3498db;font-size:1.2rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.cloze.revealed{background:#e8f5e8;border:2px solid #27ae60;color:#27ae60;font-size:inherit;line-height:inherit}.cloze.revealed::after{display:none}.cloze:hover{border-color:#2980b9;transform:translateY(-1px);box-shadow:0 2px 8px rgba(52,152,219,.2)}.cloze:hover.revealed:hover{border-color:#229954;box-shadow:0 2px 8px rgba(39,174,96,.2)}.cloze-reveal{margin-top:2rem;text-align:center;padding-top:1.5rem;border-top:2px dashed #d1c9b8}.reveal-btn{font-family:"Kalam",cursive;font-size:clamp(1.1rem,2.3vw,1.3rem);font-weight:600;padding:1rem 2rem;background:#3498db;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.reveal-btn:hover{background:#2980b9;transform:translateY(-2px)}.anki-buttons{margin-top:2rem;padding-top:1.5rem;border-top:2px dashed #d1c9b8}.rating-header{font-family:"Kalam",cursive;font-size:clamp(1rem,2vw,1.2rem);color:#2d3436;text-align:center;margin-bottom:1.5rem;font-weight:600}.button-row{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.button-row{gap:.5rem}}@media (max-width: 480px){.button-row{flex-direction:column;gap:.75rem}}.anki-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;font-family:"Kalam",cursive;padding:.75rem 1rem;border:2px solid;border-radius:8px;cursor:pointer;transition:all .2s;min-width:80px;flex:1;max-width:120px}@media (max-width: 480px){.anki-btn{max-width:none;flex-direction:row;justify-content:space-between;padding:1rem 1.5rem}}.anki-btn .btn-label{font-size:clamp(.9rem,1.8vw,1rem);font-weight:600}.anki-btn .btn-time{font-size:clamp(.7rem,1.4vw,.8rem);opacity:.8}.anki-btn.again{background:#e74c3c;border-color:#e74c3c;color:#fff}.anki-btn.again:hover{background:#c0392b;border-color:#c0392b;transform:translateY(-2px)}.anki-btn.hard{background:#f39c12;border-color:#f39c12;color:#fff}.anki-btn.hard:hover{background:#d68910;border-color:#d68910;transform:translateY(-2px)}.anki-btn.good{background:#27ae60;border-color:#27ae60;color:#fff}.anki-btn.good:hover{background:#229954;border-color:#229954;transform:translateY(-2px)}.anki-btn.easy{background:#3498db;border-color:#3498db;color:#fff}.anki-btn.easy:hover{background:#2980b9;border-color:#2980b9;transform:translateY(-2px)}.solution-flow{display:flex;align-items:center;justify-content:center;gap:1rem;margin:2rem 0;flex-wrap:wrap}@media (max-width: 768px){.solution-flow{flex-direction:column;gap:1.5rem}}.flow-step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;padding:1.5rem;background:rgba(52,152,219,.05);border-radius:12px;border:1px solid #e8e5d9;min-width:150px}@media (max-width: 480px){.flow-step{min-width:100%;padding:1.25rem}}.flow-icon{font-size:2.5rem}@media (max-width: 480px){.flow-icon{font-size:2rem}}.flow-label{font-family:"Kalam",cursive;font-size:clamp(1.1rem,2.2vw,1.3rem);font-weight:600;color:#2d3436}.flow-sub{font-family:"Kalam",cursive;font-size:clamp(.9rem,1.8vw,1rem);color:#666}.flow-arrow{font-size:2rem;color:#3498db;font-weight:700}@media (max-width: 768px){.flow-arrow{transform:rotate(90deg)}}.demo-card{max-width:700px}.demo-intro{font-family:"Kalam",cursive;font-size:clamp(1rem,2vw,1.15rem);color:#555;text-align:center;margin-bottom:2rem}.demo-container{position:relative}.demo-progress{display:flex;justify-content:center;gap:.75rem;margin-bottom:1.5rem}.progress-dot{width:12px;height:12px;border-radius:50%;background:#d1c9b8;transition:all .3s ease}.progress-dot.active{background:#3498db;transform:scale(1.3);box-shadow:0 0 0 3px rgba(52,152,219,.2)}.progress-dot.completed{background:#27ae60}.demo-flashcard{background:#fff;border:3px solid #2d3436;border-radius:12px;padding:2rem;margin-bottom:1.5rem;box-shadow:0 4px 12px rgba(0,0,0,.08)}@media (max-width: 480px){.demo-flashcard{padding:1.5rem}}.flashcard-question{font-family:"Kalam",cursive;font-size:clamp(1.2rem,2.5vw,1.5rem);line-height:1.8;color:#2d3436;text-align:center}.flashcard-answer{margin-top:1.5rem;padding-top:1.5rem;border-top:2px dashed #d1c9b8;text-align:center}.cloze-blank{display:inline-block;background:#f0f4f8;border:2px dashed #3498db;border-radius:6px;padding:.2em .6em;color:#3498db;font-weight:600}.cloze-reveal{font-family:"Kalam",cursive;font-size:clamp(1.3rem,2.8vw,1.6rem);font-weight:700;color:#27ae60;background:rgba(39,174,96,.1);padding:.3em .8em;border-radius:6px;display:inline-block}.demo-actions{display:flex;justify-content:center;margin-bottom:1.5rem}.demo-btn{font-family:"Kalam",cursive;font-size:clamp(1rem,2vw,1.15rem);font-weight:600;padding:.875rem 1.75rem;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.demo-btn.primary{background:#3498db;color:#fff}.demo-btn.primary:hover{background:#2980b9;transform:translateY(-2px)}.demo-btn.success{background:#27ae60;color:#fff}.demo-btn.success:hover{background:#229954;transform:translateY(-2px)}.demo-btn.muted{background:#95a5a6;color:#fff}.demo-btn.muted:hover{background:#7f8c8d;transform:translateY(-2px)}.rating-buttons{display:flex;align-items:center;gap:1rem}@media (max-width: 480px){.rating-buttons{flex-direction:column;gap:.75rem}}.rating-prompt{font-family:"Kalam",cursive;font-size:clamp(1rem,2vw,1.1rem);color:#2d3436}@media (max-width: 480px){.rating-prompt{margin-bottom:.5rem}}.schedule-feedback{text-align:center;margin-bottom:1.5rem}.schedule-message{font-family:"Kalam",cursive;font-size:clamp(1.1rem,2.2vw,1.3rem);color:#2d3436}.schedule-message .checkmark{color:#27ae60;font-size:1.3em;margin-right:.5rem}.schedule-message .retry{color:#f39c12;font-size:1.3em;margin-right:.5rem}.demo-timeline{background:rgba(52,152,219,.05);border-radius:12px;padding:1.5rem;margin-top:1.5rem;border:1px solid #e8e5d9}.timeline-label{font-family:"Kalam",cursive;font-size:clamp(.9rem,1.8vw,1rem);font-weight:600;color:#2d3436;text-align:center;margin-bottom:1rem}.timeline-track{display:flex;justify-content:space-between;gap:.5rem}@media (max-width: 600px){.timeline-track{overflow-x:auto;padding-bottom:.5rem}}.timeline-slot{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:60px}@media (max-width: 480px){.timeline-slot{min-width:50px}}.slot-marker{font-family:"Kalam",cursive;font-size:clamp(.75rem,1.5vw,.85rem);font-weight:600;color:#666;white-space:nowrap}.slot-cards{min-height:40px;min-width:40px;border:2px dashed #d1c9b8;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:4px;background:#fafafa;transition:all .3s ease}.timeline-card{width:30px;height:20px;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.demo-complete{text-align:center;padding:2rem;background:rgba(39,174,96,.05);border-radius:12px;border:1px solid #27ae60;margin-top:1.5rem}.demo-complete h3{font-family:"Kalam",cursive;font-size:clamp(1.5rem,3vw,2rem);color:#27ae60;margin-bottom:1rem}.demo-complete p{font-family:"Kalam",cursive;font-size:clamp(1rem,2vw,1.15rem);color:#2d3436;line-height:1.7;margin-bottom:1rem}.demo-complete p:last-child{margin-bottom:0}.referral-list{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.referral-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:rgba(52,152,219,.03);border-radius:8px;border-left:4px solid #3498db}@media (max-width: 480px){.referral-item{padding:.875rem 1rem;gap:.75rem}}.referral-icon{font-size:1.5rem}@media (max-width: 480px){.referral-icon{font-size:1.25rem}}.referral-text{font-family:"Kalam",cursive;font-size:clamp(1rem,2vw,1.15rem);color:#2d3436;line-height:1.5}.fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pop-in{animation:popIn .4s cubic-bezier(.68, -.55, .265, 1.55)}@keyframes popIn{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.interval-display{margin-top:1.5rem;padding:1.5rem;background:rgba(39,174,96,.05);border-radius:12px;border:1px solid rgba(39,174,96,.2)}.interval-header{font-family:"Kalam",cursive;font-size:clamp(.9rem,1.8vw,1rem);font-weight:600;color:#2d3436;margin-bottom:.75rem;text-align:center}.interval-bar-container{position:relative;height:40px;background:#e8e5d9;border-radius:20px;overflow:hidden;margin-bottom:.75rem}.interval-bar{height:100%;background:linear-gradient(90deg, #27ae60, #2ecc71);border-radius:20px;transition:width .6s cubic-bezier(.34, 1.56, .64, 1);width:0}.interval-label{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-family:"Kalam",cursive;font-size:clamp(1rem,2vw,1.2rem);font-weight:700;color:#2d3436}.interval-explanation{font-family:"Kalam",cursive;font-size:clamp(.85rem,1.7vw,.95rem);color:#666;text-align:center;font-style:italic}.problem-list{display:flex;flex-direction:column;gap:1.25rem;margin:1.5rem 0}.problem-item{font-family:"Kalam",cursive;font-size:clamp(1.1rem,2.2vw,1.35rem);color:#555;line-height:1.6;padding:1rem 1.5rem;background:rgba(231,76,60,.05);border-left:4px solid #e74c3c;border-radius:0 8px 8px 0;font-style:italic}.vision-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:1.5rem;margin-top:1rem}@media (max-width: 600px){.vision-grid{grid-template-columns:1fr;gap:1rem}}.vision-item{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:rgba(52,152,219,.05);border-radius:12px;border:1px solid #e8e5d9}.vision-icon{font-size:1.75rem;flex-shrink:0}.vision-text{font-family:"Kalam",cursive;font-size:clamp(.95rem,1.9vw,1.05rem);color:#2d3436;line-height:1.5}.vision-text strong{color:#2d3436;display:block;margin-bottom:.25rem}.referral-cta{font-family:"Kalam",cursive;font-size:clamp(1rem,2vw,1.15rem);color:#2d3436;text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #d1c9b8;font-weight:600}