.landing{--landing-purple: #6844bb;background:#fffcf6;color:#2d2147;font-family:var(--font-body);min-height:100vh}.landing *{box-sizing:border-box}.landing button,.landing a{-webkit-tap-highlight-color:transparent}.landing button{cursor:pointer;font-family:inherit}.landing a{color:inherit;text-decoration:none}.landing button,.landing a{transition:background .18s,transform .18s,box-shadow .18s}.landing :is(button,a):focus-visible{outline:3px solid #6844bb;outline-offset:5px}.landing-container{width:min(1120px,calc(100% - 64px));margin:0 auto}.landing-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:100px;border-bottom:1px solid #eee8df}.landing-brand{display:flex;align-items:center;font-family:var(--font-display);font-size:26px;font-weight:600;letter-spacing:-.7px}.landing-brand>span:first-child{margin-right:8px}.brand-dot{color:#de743b}.landing-nav,.landing-header-actions{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:800}.landing-nav a:hover,.landing-text-link:hover,.landing-footer a:hover{color:var(--landing-purple);text-decoration:underline;text-underline-offset:5px}.landing-header-actions{gap:20px}.landing-language{display:flex;padding:4px;border-radius:12px;background:#f0ece5}.landing-language button{border:0;background:transparent;color:#655b73;padding:8px 10px;border-radius:9px;font-size:12px;font-weight:800;min-height:36px}.landing-language button[aria-pressed=true]{color:#4c3189;background:#fff;box-shadow:0 2px 5px #30214312}.landing-login{padding:11px 18px;background:transparent;border:1px solid #dcd2e8;border-radius:12px;font-weight:800;color:#392753;min-height:44px}.landing-login:hover{background:#eee7f9}.landing-hero{display:grid;grid-template-columns:1.08fr 1fr;gap:70px;align-items:center;padding-top:72px;padding-bottom:80px}.landing-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:#68512e;background:#fff0cd;border-radius:30px;padding:8px 13px;margin:0 0 22px}.landing-eyebrow span{color:#c67320;font-size:19px}.landing h1{font-family:var(--font-display);font-size:clamp(48px,5.2vw,70px);font-weight:600;line-height:1.05;letter-spacing:-2px;margin:0 0 24px}.landing h1>span{color:var(--landing-purple)}.landing-intro{color:#6a6176;font-size:18px;line-height:1.75;max-width:490px;margin:0 0 28px}.landing-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px}.landing-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:17px 23px;border:0;border-radius:14px;background:var(--landing-purple);color:#fff;font-size:16px;font-weight:800;box-shadow:0 4px #4c2e91,0 8px 18px #6844bb18}.landing-button:hover{background:#5936a7;transform:translateY(-2px)}.landing-button:active{transform:translateY(2px);box-shadow:0 1px #4c2e91}.landing-button>span{font-size:22px;line-height:1}.landing-text-link{font-size:14px;font-weight:800}.landing-facts{display:flex;flex-wrap:wrap;gap:16px;margin-top:26px;font-size:12px;font-weight:700;color:#6a6176}.landing-facts i{color:#51836b;font-style:normal;margin-right:4px}.landing-playground{position:relative;padding:130px 25px 30px;min-width:0}.landing-playground:before{content:"";position:absolute;inset:48px -14px 0;border-radius:48% 48% 35% 35%;background:#f0e9fa;transform:rotate(-5deg)}.landing-owl{position:absolute;z-index:1;top:-8px;right:36px;display:flex;align-items:center}.landing-owl>span{background:#fff;border:1px solid #ece4f5;border-radius:16px 16px 3px;font-size:13px;font-weight:800;padding:12px 16px;transform:rotate(-5deg);margin-right:-8px}.landing-spark{position:absolute;z-index:2;color:#d18436}.spark-one{top:70px;left:6px;font-size:45px;transform:rotate(12deg)}.spark-two{bottom:0;right:0;font-size:50px;color:#8965c9}.landing-quiz{position:relative;z-index:1;border-radius:24px;padding:26px;background:#fff;box-shadow:0 16px 45px #513a7512;border:1px solid #e9e1f0;transform:rotate(-2deg)}.landing-quiz-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px;font-weight:800}.landing-grade{font-size:11px;padding:5px 10px;color:#76519b;background:#f4effa;border-radius:7px;white-space:nowrap}.landing-quiz-subject{color:#7a7085;font-size:12px;margin:24px 0 8px}.landing-quiz h2{font-family:var(--font-display);font-size:32px;font-weight:500;margin:0}.landing-quiz-hint{font-size:13px;color:#7a7085;margin:8px 0 22px}.landing-answers{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.landing-answers button{padding:13px 6px;border:2px solid #e9e2f3;border-radius:12px;background:#faf8fd;color:#493166;font-size:22px;font-weight:800}.landing-answers button:hover{border-color:#9776ce;background:#f0e9fa}.landing-answers button.is-correct{background:#e5f5e9;border-color:#5b9871;color:#285b39}.landing-answers button.is-retry{border-color:#c68a3d;background:#fff2da}.landing-feedback{min-height:36px;margin:18px 0 0;font-size:12px;line-height:1.5;color:#756783}.landing-feedback.success{color:#285b39;font-weight:800}.landing-subjects{padding:24px 0 76px;scroll-margin-top:28px}.landing-section-label{font-size:11px;font-weight:900;letter-spacing:1.8px;color:#7a6396;margin:0 0 12px}.landing h2{line-height:1.2}.landing-subjects h2,.landing-why h2,.landing-cta h2{font-family:var(--font-display);font-size:clamp(27px,3vw,36px);font-weight:500;letter-spacing:-.5px;margin:0 0 12px}.landing-section-intro{color:#706578;font-size:15px;margin:0 0 28px;line-height:1.6}.landing-subject-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.landing-subject{display:flex;flex-direction:column;align-items:flex-start;padding:20px;border:1px solid #00000008;border-radius:20px;text-align:left;min-width:0;color:#322547}.landing-subject:hover{transform:translateY(-5px);box-shadow:0 10px 20px #3320460d}.landing-subject.peach{background:#fff0e0}.landing-subject.mint{background:#eaf3e9}.landing-subject.pink{background:#fbeaf0}.landing-subject.lavender{background:#f0eafb}.landing-subject.blue{background:#e9f1fb}.landing-subject-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#ffffffa8;font-size:25px;font-family:var(--font-display);margin-bottom:20px}.landing-subject-name{font-weight:900;font-size:15px;line-height:1.4;min-height:44px;overflow-wrap:anywhere}.landing-subject-bottom{display:flex;width:100%;align-items:center;justify-content:space-between;margin-top:20px;font-size:12px;color:#716379}.landing-subject-bottom>span{font-size:20px}.landing-why{padding:58px 0;background:#f5f1e9;scroll-margin-top:20px}.landing-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:32px}.landing-feature-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#e8dff4;color:#6844bb;font-size:26px}.landing-feature-grid article:nth-child(2) .landing-feature-icon{background:#fce2c6;color:#9a5a22}.landing-feature-grid article:nth-child(3) .landing-feature-icon{background:#dfeadd;color:#3c7050}.landing-feature-grid h3{font-size:18px;font-weight:900;margin:18px 0 10px}.landing-feature-grid p{color:#706578;font-size:15px;line-height:1.75;margin:0}.landing-cta{display:flex;align-items:center;justify-content:space-between;gap:36px;margin:64px 0;padding:40px;border:1px solid #e7dcf2;border-radius:24px;background:#f1eafa}.landing-cta .landing-section-label{letter-spacing:.4px}.landing-cta h2{font-size:30px}.landing-cta p:last-child{font-size:14px;line-height:1.6;color:#6b5b7e;margin:0}.landing-cta .landing-button{flex-shrink:0}.landing-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 0 36px;border-top:1px solid #eee8df}.landing-footer strong{font-family:var(--font-display);font-size:22px;font-weight:600}.landing-footer p,.landing-footer-links{font-size:12px;color:#786e80}.landing-footer p{margin:5px 0 0}.landing-footer-links{display:flex;flex-wrap:wrap;gap:22px}.landing-skip{position:absolute;top:-100px;left:20px;padding:12px;z-index:10;background:#fff;border-radius:8px}.landing-skip:focus{top:10px}@media(min-width:1400px){.landing-hero{padding-top:90px;padding-bottom:100px}}@media(max-width:1000px){.landing-nav{display:none}.landing-hero{gap:30px}.landing-hero-actions{gap:18px}.landing-subject-grid{gap:10px}.landing-subject{padding:16px}.landing-feature-grid{gap:30px}.landing-owl{right:10px}.landing-owl>span{font-size:12px}}@media(max-width:760px){.landing-container{width:calc(100% - 40px)}.landing-header{min-height:84px;gap:12px}.landing-brand{font-size:22px}.landing-header-actions{gap:10px}.landing-login{font-size:13px;padding:9px 12px}.landing-login>span{display:none}.landing-hero{grid-template-columns:1fr;gap:42px;padding-top:42px;padding-bottom:54px}.landing-hero-copy{max-width:560px}.landing h1{font-size:58px}.landing-intro{font-size:16px}.landing-playground{width:min(100%,450px);margin:0 auto}.landing-playground:before{left:0;right:0}.landing-subject-grid{grid-template-columns:repeat(2,1fr);gap:12px}.landing-subject:last-child{grid-column:1 / -1;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:16px}.landing-subject:last-child .landing-subject-icon{margin:0}.landing-subject:last-child .landing-subject-name{min-height:0}.landing-subject:last-child .landing-subject-bottom{margin:0;gap:20px}.landing-subjects{padding-bottom:44px}.landing-feature-grid{grid-template-columns:1fr;gap:28px}.landing-why{padding:40px 0}.landing-feature-grid article{display:grid;grid-template-columns:42px 1fr;-moz-column-gap:16px;column-gap:16px}.landing-feature-icon{grid-row:span 2}.landing-feature-grid h3{margin:0 0 7px}.landing-feature-grid p{grid-column:2}.landing-cta{flex-direction:column;align-items:flex-start;padding:28px;margin:40px 0;gap:24px}.landing-footer{align-items:flex-start;flex-direction:column}.landing-footer-links{gap:16px}}@media(max-width:390px){.landing-container{width:calc(100% - 32px)}.landing-brand{font-size:19px}.landing-brand>span:first-child{display:none}.landing-language button{padding:8px}.landing-header-actions{gap:8px}.landing h1{font-size:48px}.landing-quiz{padding:20px}.landing-playground{padding-left:10px;padding-right:10px}.landing-owl{right:0}.landing-owl>span{padding:9px}.landing-facts{gap:10px}}@media(prefers-reduced-motion:reduce){.landing button,.landing a{transition:none}}