:root{--demo-quiz-hover-bg:#2a2d32}body.light{--demo-quiz-hover-bg:#eef7ff}body{background:linear-gradient(-45deg,#1a1d22,#2a2d32,#1a1d22,#284f3a);background-size:400% 400%;animation:gradient-animation 16s ease infinite}body.light{background:linear-gradient(-45deg,#fff,#eef7ff,#fff,#d8eaff);background-size:400% 400%;animation:gradient-animation 16s ease infinite}@keyframes gradient-animation{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}#landingView{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:1rem;box-sizing:border-box;max-width:1200px;margin:auto;width:100%}.hero{width:100%;margin-bottom:3rem;padding:2rem 0}#landing-logo{aspect-ratio:1/1;width:150px;height:150px;margin-bottom:1.5rem;border-radius:50%;box-shadow:0 0 25px rgba(57,230,57,.3)}body.light #landing-logo{box-shadow:0 0 25px rgba(49,134,255,.3)}.hero h1{font-family:'Comic Sans MS',cursive,sans-serif;font-size:clamp(2.8rem, 5vw, 3rem);color:var(--color-accent);margin-bottom:.5rem;text-shadow:0 0 15px rgba(57,230,57,.3)}body.light .hero h1{text-shadow:0 0 15px rgba(49,134,255,.3)}.hero .tagline{font-size:clamp(1.2rem, 3vw, 1.6rem);font-weight:500;margin-bottom:1.5rem;color:var(--color-text)}.hero .description{font-size:1.1rem;line-height:1.6;max-width:750px;margin:0 auto;color:var(--color-text);opacity:.9}.cta-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-top:2.5rem}.cta-buttons .toggle-btn{font-size:1.1rem;font-weight:700;padding:.8rem 1.8rem;min-width:200px;border:2px solid var(--color-accent)}.landing-section{width:100%;padding:4rem 1.5rem;box-sizing:border-box;border-top:1px solid var(--color-border)}.landing-h2{font-family:'Segoe UI',Arial,sans-serif;font-size:clamp(1.8rem, 4vw, 2.5rem);margin-bottom:2.5rem;color:var(--color-text)}.modules-showcase{padding-top:2rem;overflow:hidden}.module-ribbon{display:flex;gap:1rem;width:max-content;animation:scroll-ribbon 40s linear infinite}.module-card{background:var(--color-surface-alt);padding:.8rem 1.5rem;border-radius:2rem;font-weight:600;border:1px solid var(--color-border)}@keyframes scroll-ribbon{from{transform:translateX(0)}to{transform:translateX(-50%)}}.steps-container{display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem;max-width:1200px;margin:0 auto}@media (max-width:992px){.steps-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.steps-container{grid-template-columns:1fr}}.step-card{background:var(--color-surface-alt);padding:2rem;border-radius:1rem;border:1px solid var(--color-border);display:flex;flex-direction:column;align-items:center}.step-icon{font-size:2.5rem;margin-bottom:1rem;height:40px}.step-card h3{color:var(--color-accent-alt);margin-bottom:.5rem}.step-arrow{margin-top:auto;margin-bottom:auto}#red_arrow{background-color:transparent}@media (max-width:768px){.step-arrow{display:none}}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:1200px;margin:0 auto}@media (max-width:992px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.features-grid{grid-template-columns:1fr}}.feature-card{background:var(--color-surface-alt);padding:2rem;border-radius:1rem;border:1px solid var(--color-border);display:flex;flex-direction:column;align-items:center}.card-icon{font-size:2.5rem;margin-bottom:1rem;height:40px}.feature-card h3{margin-bottom:.5rem}.quiz-demo-section{text-align:center}.quiz-demo-card{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:1rem;padding:2rem;max-width:800px;margin:1.5rem auto 0;box-shadow:0 4px 15px rgba(0,0,0,.2)}.quiz-demo-question{font-size:1.2rem;font-weight:600;margin-bottom:1.5rem}.quiz-demo-options{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:.8rem}.quiz-demo-option{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:.8em;padding:.8rem 1.2rem;font-size:1rem;text-align:center;cursor:pointer;transition:background .2s,border-color .2s;flex-grow:1}.quiz-demo-option:hover:not(:disabled){border-color:var(--color-accent);background:var(--demo-quiz-hover-bg);color:var(--color-text)}.quiz-demo-option.selected.correct{background:var(--color-accent);color:var(--color-accent-text);border-color:var(--color-accent)}.quiz-demo-option.selected:not(.correct){background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.quiz-demo-feedback{margin-top:1.5rem;font-weight:500}#demo-reset-btn{margin-top:1rem;font-size:.9rem;padding:.4rem 1rem}.final-cta{border-top:1px solid var(--color-border)}.landing-footer{width:100%;padding-top:2rem;margin-top:auto;color:var(--color-text);opacity:.7}.landing-section h1,.landing-section h2{font-size:clamp(1.8rem, 4vw, 2.5rem)}