:root{--bg:#fdf6f0;--ink:#2b2440;--muted:#7a7189;--line:#2b24401a;--rose:#ff8fab;--sky:#7cc6fe;--lav:#b79ced;--mint:#8ee6c6;--sun:#ffd97a;--radius:26px;--font:ui-rounded, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--ink);background:var(--bg);background-image:radial-gradient(30rem 22rem at 10% 0,#ff8fab40,#0000 60%),radial-gradient(28rem 22rem at 95% 10%,#7cc6fe47,#0000 60%),radial-gradient(34rem 26rem at 55% 105%,#b79ced38,#0000 62%);margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}.shell{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffff8c;height:100vh;padding:26px 20px;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:12px;margin-bottom:28px;display:flex}.logo{background:linear-gradient(135deg, var(--rose), var(--lav));color:#fff;border-radius:16px;place-items:center;width:44px;height:44px;font-size:16px;font-weight:900;display:grid;box-shadow:0 8px 20px #ff8fab66}.brand strong{font-size:16px;display:block}.brand small{color:var(--muted);font-size:12px}.nav-title{color:var(--muted);text-transform:uppercase;letter-spacing:.16em;margin:22px 8px 10px;font-size:11px;font-weight:800}.nav{gap:6px;display:grid}.nav a{color:#5b526e;border-radius:16px;justify-content:space-between;align-items:center;padding:12px 14px;font-weight:750;transition:all .18s;display:flex}.nav a:hover,.nav a.active{color:var(--ink);box-shadow:0 6px 18px #2b244014, 0 0 0 1px var(--line);background:#ffffffd9}.nav .pill{color:var(--muted);font:800 11px ui-monospace,Consolas,monospace}.main{padding:34px}.hero{-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);background:#ffffff80;border:1px solid #ffffffa6;border-radius:34px;max-width:1140px;margin:0 auto 26px;padding:56px;box-shadow:0 30px 70px #63488f1f}.eyebrow{border:1px solid var(--line);color:var(--muted);text-transform:uppercase;letter-spacing:.14em;background:#ffffffd9;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:12px;font-weight:850;display:inline-flex}.eyebrow:before{content:"●";color:var(--rose)}h1{letter-spacing:-.05em;max-width:880px;margin:22px 0 14px;font-size:clamp(38px,7vw,80px);font-weight:900;line-height:1}h1 .hl{background:linear-gradient(92deg, var(--rose), var(--lav), var(--sky));color:#0000;-webkit-background-clip:text;background-clip:text}.lead{max-width:720px;color:var(--muted);font-size:18px;line-height:1.7}.toolbar{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.btn{background:linear-gradient(92deg, var(--rose), var(--lav));color:#fff;border-radius:999px;align-items:center;gap:8px;padding:13px 22px;font-size:15px;font-weight:850;transition:all .18s;display:inline-flex;box-shadow:0 10px 24px #ff8fab66}.btn:hover{transform:translateY(-2px)scale(1.02)}.btn.secondary{color:var(--ink);border:1px solid var(--line);box-shadow:none;background:#ffffffd9}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1140px;margin:0 auto 26px;display:grid}.card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff80;border:1px solid #ffffffa6;border-radius:28px;flex-direction:column;justify-content:space-between;min-height:230px;padding:26px;transition:all .2s;display:flex;box-shadow:0 16px 40px #63488f14}.card:hover{transform:translateY(-5px);box-shadow:0 24px 55px #63488f29}.card .dot{border-radius:50%;width:14px;height:14px;margin-bottom:16px;box-shadow:0 4px 12px #0000001f}.card:first-child .dot{background:var(--rose)}.card:nth-child(2) .dot{background:var(--lav)}.card:nth-child(3) .dot{background:var(--sky)}.card h2{letter-spacing:-.03em;margin:0 0 10px;font-size:28px}.card p{color:var(--muted);margin:0;line-height:1.6}.card .go{align-items:center;gap:8px;margin-top:20px;font-size:14px;font-weight:850;display:inline-flex}.card .go span{border:1px solid var(--line);background:#ffffffe6;border-radius:50%;place-items:center;width:38px;height:38px;transition:all .18s;display:grid}.card:hover .go span{background:linear-gradient(135deg, var(--rose), var(--lav));color:#fff}.content{gap:16px;max-width:1140px;margin:0 auto;display:grid}.section{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff80;border:1px solid #ffffffa6;border-radius:28px;padding:34px}.section h2{letter-spacing:-.03em;margin:0 0 12px;font-size:32px}.section h3{margin:26px 0 8px;font-size:20px}.section p,.section li{color:var(--muted);line-height:1.75}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.lesson{background:#ffffffd9;border:1px solid #ffffffa6;border-radius:20px;padding:20px;transition:all .18s}.lesson:hover{transform:translateY(-2px);box-shadow:0 12px 30px #63488f1f}.lesson strong{margin-bottom:8px;font-size:16px;display:block}.lesson p{color:var(--muted);margin:0;line-height:1.6}.footer{max-width:1140px;color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:10px;margin:28px auto 0;padding:22px 4px;font-size:14px;display:flex}.footer .pastel{color:var(--rose);font-weight:850}.lesson-page{max-width:1140px;margin:0 auto}.lesson-header{-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);background:#ffffff80;border:1px solid #ffffffa6;border-radius:34px;margin-bottom:20px;padding:40px 44px;box-shadow:0 30px 70px #63488f1f}.lesson-header h1{letter-spacing:-.04em;margin:16px 0 0;font-size:clamp(30px,5vw,52px);font-weight:900;line-height:1.1}.lesson-body{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff80;border:1px solid #ffffffa6;border-radius:34px;padding:44px 52px;font-size:17px;box-shadow:0 16px 40px #63488f14}.lesson-body p{color:#4a4258;margin:0 0 18px;line-height:1.85}.lesson-h2{letter-spacing:-.02em;font-size:26px;margin:34px 0 14px!important}.lesson-h3{color:var(--ink);font-size:20px;margin:26px 0 12px!important}.sgk-list{margin:0 0 18px;padding-left:4px;list-style:none}.sgk-list li{color:#4a4258;margin-bottom:10px;padding-left:26px;line-height:1.8;position:relative}.sgk-list li:before{content:"";background:linear-gradient(135deg, var(--rose), var(--lav));border-radius:50%;width:8px;height:8px;position:absolute;top:12px;left:4px}.sgk-figure{text-align:center;margin:26px 0}.sgk-figure img{border:1px solid var(--line);background:#fff;border-radius:18px;max-width:100%;box-shadow:0 10px 28px #63488f1f}.sgk-figure figcaption{color:var(--muted);margin-top:10px;font-size:14px;font-weight:650}.sgk-caption{color:var(--muted);text-align:center;font-size:14px;font-weight:650;margin:10px 0 22px!important}.sgk-code{border:1px solid var(--line);color:#6b3b55;background:#fdf2f7;border-radius:14px;margin:0 0 18px;padding:16px 20px;font:14px/1.7 ui-monospace,Consolas,monospace;overflow-x:auto}.sgk-table{border-collapse:collapse;background:#ffffffb3;border-radius:14px;width:100%;margin:20px 0 24px;overflow:hidden;box-shadow:0 6px 20px #63488f14}.sgk-table th,.sgk-table td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 14px;font-size:15px;line-height:1.6}.sgk-table th{background:#ff8fab1f;font-weight:800}.sgk-table tr:nth-child(2n) td{background:#7cc6fe0d}@media (width<=900px){.lesson-header,.lesson-body{padding:28px 22px}.shell{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.main{padding:18px}.hero{padding:38px 26px}.cards,.grid{grid-template-columns:1fr}}.lesson-materials,.sgk-pages{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff80;border:1px solid #ffffffa6;border-radius:34px;margin-top:20px;padding:34px 40px;box-shadow:0 16px 40px #63488f14}.lesson-materials h2,.sgk-pages h2{letter-spacing:-.03em;margin:0 0 6px;font-size:26px}.lesson-materials .materials-note{color:var(--muted);margin:0 0 20px;font-size:14px;line-height:1.7}.materials-grid{grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:14px;display:grid}.m-card{border:1px solid var(--line);background:#ffffffd9;border-top-width:4px;border-radius:22px;flex-direction:column;gap:5px;padding:20px 20px 18px;transition:all .18s;display:flex;position:relative}.m-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px #63488f24}.m-card.m-sgk{border-top-color:var(--rose)}.m-card.m-slide{border-top-color:var(--sky)}.m-card.m-pht{border-top-color:var(--mint)}.m-card.m-pth{border-top-color:var(--lav)}.m-card.m-quiz{border-top-color:var(--sun)}.m-icon{margin-bottom:6px;font-size:26px;line-height:1}.m-card strong{font-size:15px}.m-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.m-card .go{color:#5b526e;align-items:center;gap:6px;margin-top:10px;font-size:13px;font-weight:850;display:inline-flex}.m-card:hover .go{color:var(--ink)}.m-card .go:after{content:"→";transition:all .18s}.m-card:hover .go:after{transform:translate(3px)}.sgk-pages{text-align:center;display:none}.sgk-pages:target{display:block}.sgk-pages .sgk-note{color:var(--muted);margin:0 0 8px;font-size:14px}.sgk-page{max-width:840px;margin:22px auto 0}.sgk-page img{border:1px solid var(--line);background:#fff;border-radius:16px;width:100%;display:block;box-shadow:0 12px 30px #63488f26}.sgk-page figcaption{color:var(--muted);margin-top:8px;font-size:13px;font-weight:700}@media (width<=900px){.materials-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-materials,.sgk-pages{padding:26px 22px}}@media (width<=560px){.materials-grid{grid-template-columns:1fr}}.quiz-app{gap:16px;margin-top:20px;display:grid}.q-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff8c;border:1px solid #ffffffa6;border-radius:26px;padding:26px 30px;box-shadow:0 10px 26px #63488f14}.q-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.q-num{color:var(--rose);font-size:15px;font-weight:900}.q-type{color:var(--muted);border:1px solid var(--line);background:#ffffffd9;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800}.q-text{color:#4a4258;margin:0 0 16px;font-size:16.5px;font-weight:650;line-height:1.75}.q-opts{gap:8px;display:grid}.q-opt{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:14px;align-items:flex-start;gap:10px;padding:12px 14px;transition:all .15s;display:flex}.q-opt:hover{border-color:var(--rose)}.q-opt input{accent-color:var(--rose);margin-top:4px}.q-opt span{color:#4a4258;line-height:1.6}.q-opt.correct{background:#8ee6c647;border-color:#5ecba5}.q-opt.wrong{border-color:var(--rose);background:#ff8fab33}.q-ds{gap:8px;display:grid}.q-ds-row{border:1px solid var(--line);background:#fff;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.q-ds-text{color:#4a4258;flex:1;min-width:200px;line-height:1.6}.q-ds-choices{gap:8px;display:inline-flex}.q-ds-choice{color:var(--muted);cursor:pointer;border:1px solid var(--line);background:#fdf6f0;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:13px;display:inline-flex}.q-ds-choice input{accent-color:var(--rose)}.q-ds-row.correct{background:#8ee6c647;border-color:#5ecba5}.q-ds-row.wrong{border-color:var(--rose);background:#ff8fab33}.q-actions{margin-top:14px}.q-actions .btn{padding:10px 20px;font-size:14px}.q-feedback{margin-top:12px;font-size:15px;font-weight:800}.fb-ok{color:#1d9d6e}.fb-no{color:#d64570}.fb-warn{color:#c9932a}