:root{--lesson-purple:#6a2c91;--lesson-orange:#ff8c00;--lesson-blue:#00aeef;--ink:#111b35;--paper:#fffdf9;--line:#e7e3ec}.back-home{color:var(--lesson-purple);font-weight:900;text-decoration:none}.library-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center;max-width:1200px;margin:auto;padding:145px 32px 80px}.library-hero h1,.lesson-hero h1{margin:12px 0 20px;color:var(--ink);font:700 clamp(48px,7vw,86px)/.94 Fredoka}.library-hero h1 em,.lesson-hero h1 em{color:var(--lesson-purple);font-style:normal}.library-hero>div>p{max-width:650px;color:#5d6577;font-size:18px}.path-map{display:grid;gap:10px;padding:28px;border-radius:30px;background:var(--ink);box-shadow:20px 20px 0 #f1e8f7}.path-map span{padding:13px 18px;border:1px solid #36445e;border-radius:12px;color:#fff;font-weight:800}.path-map span:first-child{background:var(--lesson-purple);border-color:var(--lesson-purple)}.course-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.course{position:relative;min-height:280px;padding:30px;border:1px solid var(--line);border-radius:23px;background:#fff}.course.live{border-color:#c8acd9;background:linear-gradient(145deg,#fff,#faf5fd)}.course-index{position:absolute;right:24px;top:20px;color:#ded3e6;font:700 38px Fredoka}.course-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:25px}.course-tags b,.course-tags i{padding:6px 10px;border-radius:99px;background:#f2edf5;color:var(--lesson-purple);font-size:11px;font-style:normal}.course-tags b{background:var(--lesson-purple);color:#fff}.course h2{max-width:470px;margin:0 0 10px;font-size:30px}.course p{max-width:560px;color:#60697b}.course ul{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none}.course li{font-size:11px;font-weight:800;color:#287695}.course a{display:inline-block;margin-top:15px;color:var(--lesson-purple);font-weight:900}.course small{display:inline-block;margin-top:23px;color:#8d94a2;font-weight:900}.library-note{max-width:1136px;margin:30px auto 90px;padding:24px 30px;border-radius:18px;background:#eaf8fd;color:#315b6c}.library-note p{margin:5px 0}.lesson-hero{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:center;max-width:1260px;margin:auto;padding:130px 30px 65px}.lesson-hero figure{margin:0}.lesson-hero figure img{display:block;width:100%;border-radius:30px;box-shadow:0 25px 60px #12203a22}.lesson-hero figcaption{padding:8px;text-align:center;color:#858c99;font-size:10px}.lesson-number{color:var(--lesson-orange);font-weight:900}.lesson-chips{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.lesson-chips span,.lesson-chips b{padding:6px 9px;border-radius:99px;background:#f1edf4;color:var(--lesson-purple);font-size:10px}.lesson-chips b{background:var(--lesson-purple);color:#fff}.lesson-hero-copy>p{max-width:550px;color:#5a6375;font-size:18px}.objectives{margin-top:24px;padding:18px;border-left:4px solid var(--lesson-orange);background:#fff7eb}.objectives ul{margin:7px 0 0;padding-left:19px}.lesson-shell{display:grid;grid-template-columns:250px minmax(0,760px);gap:55px;justify-content:center;align-items:start;padding:35px 25px 100px;background:var(--paper)}.lesson-rail{position:sticky;top:105px;display:grid;gap:6px;padding:20px;border:1px solid var(--line);border-radius:16px;background:#fff}.lesson-rail b{margin-bottom:8px;color:var(--lesson-purple)}.lesson-rail a{padding:7px 9px;border-radius:8px;color:#5d6575;font-size:12px;text-decoration:none}.lesson-rail a:hover{background:#f3edf7;color:var(--lesson-purple)}.lesson-content>section{scroll-margin-top:100px;padding:52px 0;border-bottom:1px solid var(--line)}.step{color:var(--lesson-orange);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.lesson-content h2{margin:9px 0 14px;font-size:38px}.lesson-content>section>p{color:#505a6c;font-size:17px;line-height:1.7}.think,.activity{margin-top:25px;padding:22px;border-radius:16px;background:#f2edf6}.think b,.activity b{color:var(--lesson-purple)}.think p,.activity p{margin:6px 0}.activity em{font-size:12px;color:#667085}.word-grid,.compare{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.word-grid div,.compare div{padding:20px;border:1px solid var(--line);border-radius:15px;background:#fff}.word-grid b{font:600 21px Fredoka;color:var(--lesson-purple)}.word-grid p,.compare p{margin:5px 0;color:#5f6878;font-size:13px}.robot-cycle{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:center;margin:28px 0}.robot-cycle div{display:grid;place-items:center;padding:23px 10px;border-radius:17px;background:#eef8fc}.robot-cycle div:nth-child(3){background:#f3edf7}.robot-cycle div:nth-child(5){background:#fff1df}.robot-cycle span{font-size:30px}.robot-cycle small{color:#6d7481}.robot-cycle i{color:var(--lesson-orange);font-size:28px}.check{margin-top:35px;padding:25px;border:2px solid #d9c6e4;border-radius:20px;background:#fff}.check header{display:flex;justify-content:space-between;color:var(--lesson-purple);font-weight:900}.check header small{color:#8b93a0}.check h3{font-size:22px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:9px}.answers button{padding:13px;border:1px solid #dfe1e6;border-radius:10px;background:#fafafa;color:#343c4e;text-align:left;cursor:pointer}.answers button:hover:not(:disabled){border-color:var(--lesson-purple);background:#f6f0f9}.answers button.right{border-color:#2b8463;background:#e5f5ed}.answers button.chosen-wrong{border-color:#e87979;background:#fff0f0}.feedback{display:none;margin:13px 0 0;padding:12px;border-radius:10px;font-size:13px}.feedback.show{display:block}.feedback.yes{background:#e5f5ed;color:#176441}.feedback.not-yet{background:#fff3df;color:#805100}.compare{grid-template-columns:repeat(3,1fr)}.compare span{font-size:31px}.challenge-card{margin-top:24px;padding:28px;border-radius:22px;background:var(--ink);color:#fff}.challenge-card h3{color:var(--lesson-orange)}.challenge-card>p{font-size:19px}.challenge-card li{margin:7px 0;color:#cbd3df}.summary-card{padding:28px;border-radius:20px;background:linear-gradient(135deg,#f1eaf6,#e9f8fd)}.summary-card b{font:600 23px Fredoka;color:var(--lesson-purple)}.summary-card p{line-height:1.65}.exit-ticket{margin:20px 0 30px;padding:22px;border:2px dashed #ccb4db;border-radius:18px}.exit-ticket p{display:inline-block;margin:5px 8px 5px 0;padding:8px 12px;border-radius:9px;background:#fff}
@media(max-width:900px){.library-hero,.lesson-hero{grid-template-columns:1fr}.lesson-hero figure{order:-1}.lesson-shell{grid-template-columns:1fr}.lesson-rail{position:static;grid-template-columns:repeat(3,1fr)}.lesson-rail b{grid-column:1/-1}.course-grid{grid-template-columns:1fr}}@media(max-width:600px){.library-hero{padding:120px 20px 60px}.lesson-hero{padding:110px 18px 45px}.lesson-hero h1{font-size:55px}.lesson-shell{padding:20px 18px 70px}.lesson-rail{display:none}.lesson-content h2{font-size:32px}.word-grid,.compare,.answers{grid-template-columns:1fr}.robot-cycle{grid-template-columns:1fr}.robot-cycle i{transform:rotate(90deg);text-align:center}.course{padding:23px}.check{padding:19px}.back-home{font-size:12px}}
.concept-poster{min-height:390px;padding:34px;border-radius:30px;background:radial-gradient(circle at 85% 15%,#00aeef55,transparent 26%),linear-gradient(145deg,#101b35,#25164a);color:#fff;box-shadow:0 25px 60px #12203a22}.concept-poster>.poster-icon{display:grid;width:74px;height:74px;place-items:center;border-radius:22px;background:#ff8c00;color:#101b35;font-size:42px;font-weight:900}.concept-poster>small{display:block;margin-top:34px;color:#00aeef;font-weight:900;letter-spacing:.13em}.concept-poster>h2{margin:8px 0 28px;color:#fff;font:600 35px Fredoka}.concept-poster>div{display:flex;align-items:stretch;gap:9px}.concept-poster article{display:grid;align-content:center;flex:1;min-height:104px;padding:14px;border:1px solid #ffffff2b;border-radius:15px;background:#ffffff0d}.concept-poster article b{color:#fff;font-size:12px}.concept-poster article span{margin-top:5px;color:#cbd5e7;font-size:11px}.concept-poster i{align-self:center;color:#ff8c00;font-size:23px;font-style:normal}.dynamic-lesson-hero h1{font-size:clamp(48px,6vw,78px)}
@media(max-width:600px){.concept-poster{min-height:auto;padding:25px}.concept-poster>div{display:grid;grid-template-columns:1fr}.concept-poster i{transform:rotate(90deg);text-align:center}}
@media(max-width:600px){html,body{max-width:100%;overflow-x:hidden}.library-hero>div,.lesson-hero>div,.lesson-hero-copy,.concept-poster{min-width:0;max-width:100%}.library-hero h1,.lesson-hero h1,.concept-poster h2,.lesson-hero-copy>p{max-width:100%;overflow-wrap:anywhere}.nav-shell{padding:0 14px;gap:10px}.nav-shell .brand img{width:145px}.back-home{white-space:nowrap}}
.course.locked{position:relative;background:linear-gradient(180deg,#fff,#faf8fd)}.course.locked:after{content:"CLUB LESSON";position:absolute;top:18px;right:18px;padding:5px 8px;border-radius:999px;background:#f0e8f7;color:#602a8d;font-size:.64rem;font-weight:900;letter-spacing:.08em}.course.locked>a{color:#602a8d}