:root{--purple:#6d4aff;--pink:#ef4fa6;--orange:#ff8a34;--blue:#3288ff;--green:#20b981;--ink:#25223b;--muted:#706c85;--paper:#fff;--bg:#f7f5ff;--shadow:0 14px 40px rgba(74,50,130,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55}button,input{font:inherit}button{cursor:pointer}.hero{color:#fff;background:linear-gradient(135deg,#583bd6 0%,#8b45e7 42%,#ef4fa6 100%);border-radius:0 0 34px 34px;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:rgba(255,255,255,.11);right:-130px;top:-100px}.topbar,.hero-content,main{width:min(1180px,calc(100% - 32px));margin:auto}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.brand{display:flex;gap:9px;align-items:center;background:none;border:0;color:#fff;font-weight:800;font-size:17px}.score{background:rgba(255,255,255,.18);padding:8px 14px;border:1px solid rgba(255,255,255,.35);border-radius:99px}.hero-content{padding:38px 0 55px;position:relative;z-index:1}.eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;margin:0 0 8px;opacity:.85}.hero h1{font-size:clamp(34px,8vw,64px);line-height:1.05;margin:0 0 16px;max-width:850px}.hero h1 span{color:#ffd96a}.hero-content>p:not(.eyebrow){max-width:600px;font-size:17px}.progress-wrap{max-width:560px;margin-top:28px}.progress-info{display:flex;justify-content:space-between;font-size:13px;margin-bottom:8px}.progress{height:10px;background:rgba(255,255,255,.24);border-radius:10px;overflow:hidden}.progress div{height:100%;width:0;background:linear-gradient(90deg,#ffe36b,#7fffd4);transition:width .5s ease}.view{display:none;padding:42px 0}.view.active{display:block;animation:rise .35s ease}.section-title{display:flex;flex-direction:column;gap:18px;margin-bottom:25px}.section-title h2{font-size:30px;margin:0}.search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e6e0f3;border-radius:16px;padding:0 15px;box-shadow:0 7px 18px rgba(70,50,120,.06)}.search input{width:100%;padding:14px 0;border:0;outline:0;background:none}.subject-grid,.course-grid{display:grid;gap:16px}.subject-card,.course-card{border:0;text-align:left;background:#fff;border-radius:22px;padding:22px;box-shadow:var(--shadow);transition:.25s;position:relative;overflow:hidden}.subject-card:hover,.course-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(74,50,130,.18)}.subject-card:before{content:"";position:absolute;height:5px;inset:0 0 auto;background:var(--accent)}.subject-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:color-mix(in srgb,var(--accent) 15%,white);font-size:28px}.subject-card h3,.course-card h3{margin:14px 0 3px;font-size:19px}.subject-card p,.course-card p{margin:0;color:var(--muted);font-size:14px}.pill{display:inline-block;margin-top:14px;padding:5px 9px;border-radius:99px;background:#f3f0fa;font-size:11px;font-weight:700}.continue-card{margin-top:28px;display:grid;gap:16px;align-items:center;background:linear-gradient(120deg,#1f315c,#42398b);color:#fff;padding:24px;border-radius:24px;box-shadow:var(--shadow)}.continue-card h2{margin:0;font-size:21px}.continue-card p{margin:3px 0;color:#dedaf3}.continue-icon{font-size:38px}.primary,.secondary,.back{border:0;border-radius:14px;padding:13px 18px;font-weight:800;transition:.2s}.primary{color:#fff;background:linear-gradient(90deg,var(--purple),var(--pink));box-shadow:0 8px 20px rgba(109,74,255,.3);width:100%}.primary:hover{filter:brightness(1.08);transform:translateY(-2px)}.secondary{background:#eee9ff;color:var(--purple)}.back{background:#fff;color:var(--purple);margin-bottom:24px;box-shadow:0 5px 15px rgba(60,40,110,.08)}.subject-heading{padding:28px;border-radius:24px;color:#fff;margin-bottom:24px;background:linear-gradient(120deg,var(--accent),color-mix(in srgb,var(--accent) 55%,#5b2ccf))}.subject-heading h1{margin:3px 0;font-size:34px}.course-card{display:block;width:100%}.course-card .status{margin-top:18px;font-size:12px;font-weight:700;color:var(--green)}.course-layout{display:grid;gap:18px}.lesson-menu{background:#fff;border-radius:22px;padding:16px;box-shadow:var(--shadow);align-self:start}.lesson-menu-title{display:flex;gap:12px;align-items:center;padding:8px 7px 16px;border-bottom:1px solid #eee}.lesson-menu-title>span{font-size:30px}.lesson-menu-title small,.lesson-menu-title strong{display:block}.lesson-link{width:100%;border:0;background:transparent;border-radius:12px;padding:11px;text-align:left;color:var(--muted);margin-top:4px}.lesson-link.active{background:#eee9ff;color:var(--purple);font-weight:800}.lesson-link.done:after{content:" ✓";color:var(--green)}.lesson-content{background:#fff;border-radius:24px;padding:22px;box-shadow:var(--shadow);min-height:480px}.lesson-badge{display:inline-block;background:#e9fff7;color:#14865f;padding:6px 10px;border-radius:99px;font-size:12px;font-weight:800}.lesson-content h1{font-size:30px;line-height:1.15;margin:15px 0}.intro{font-size:18px;color:var(--muted)}.fact-grid{display:grid;gap:12px;margin:24px 0}.fact{border-radius:17px;padding:17px;background:#f8f6ff;border-left:5px solid var(--purple)}.fact:nth-child(2){border-color:var(--pink)}.fact:nth-child(3){border-color:var(--orange)}.fact strong{display:block;margin-bottom:5px}.word-bubbles{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.word{border:0;border-radius:99px;padding:9px 13px;background:#e8f4ff;color:#1769aa;font-weight:800;transition:.25s}.word:hover,.word.pop{transform:scale(1.1) rotate(-2deg);background:#cfe9ff}.hint{padding:15px;border-radius:16px;background:#fff4cf;border:1px solid #ffe18a;margin:17px 0}.quiz{background:linear-gradient(135deg,#f3efff,#fff2f9);padding:20px;border-radius:20px;margin-top:24px}.answers{display:grid;gap:9px}.answer{border:2px solid #e4ddf5;background:#fff;border-radius:13px;padding:12px;text-align:left}.answer:hover{border-color:var(--purple)}.answer.correct{background:#ddfaee;border-color:var(--green)}.answer.wrong{background:#ffe6ec;border-color:#e44967}.feedback{min-height:24px;font-weight:800;margin:12px 0}.lesson-actions{display:flex;flex-direction:column;gap:9px;margin-top:22px}footer{text-align:center;padding:30px 16px;color:var(--muted);font-size:13px}@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(min-width:650px){.subject-grid{grid-template-columns:repeat(2,1fr)}.course-grid{grid-template-columns:repeat(2,1fr)}.section-title{flex-direction:row;justify-content:space-between;align-items:end}.search{width:310px}.continue-card{grid-template-columns:auto 1fr auto}.primary{width:auto}.lesson-actions{flex-direction:row}.lesson-actions .primary{flex:1}}@media(min-width:950px){.subject-grid{grid-template-columns:repeat(4,1fr)}.course-layout{grid-template-columns:290px 1fr}.lesson-menu{position:sticky;top:18px;max-height:calc(100vh - 36px);overflow:auto}.lesson-content{padding:38px}.fact-grid{grid-template-columns:repeat(3,1fr)}}