:root{--primary:#799AF1;--primary-dark:#5F80DA;--link:#4C6CBF;--border:#BBCBF7;--surface:#E8EEFC;--text:#242424;--muted:#666565;--line:#E6E9F2;--bg:#FFFFFF;--lilac:#D9CCF7;--green:#2E9E6A;--radius:16px;--btn-radius:5px;--max:1160px;--shadow:0 1px 2px rgba(36,36,36,.04),0 6px 18px rgba(76,108,191,.07)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:Roboto,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--text);background:var(--bg);font-size:16px;line-height:1.55}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}h1,h2,h3{line-height:1.2;margin:0 0 .4em;font-weight:700;letter-spacing:-.01em}h1{font-size:clamp(30px,4.4vw,46px)}h2{font-size:clamp(22px,2.6vw,28px)}h3{font-size:18px}p{margin:0 0 1em}.muted{color:var(--muted)}.small{font-size:14px}.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;gap:8px;border-radius:var(--btn-radius);padding:11px 18px;font-weight:500;font-size:15px;border:1px solid transparent;cursor:pointer;font-family:inherit;line-height:1.2;white-space:nowrap}.btn:hover{text-decoration:none}.btn--primary{background:var(--primary);color:#fff}.btn--primary:hover{background:var(--primary-dark)}.btn--ghost{background:#fff;color:var(--link);border-color:var(--border)}.btn--ghost:hover{background:var(--surface)}.btn--sm{padding:8px 14px;font-size:14px}.pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;padding:4px 10px;border-radius:999px;background:var(--surface);color:var(--link);border:1px solid var(--border)}.pill--new{background:#efe8fd;color:#6b4fc8;border-color:#d9ccf7}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--link)}.topbar{position:sticky;top:0;z-index:20;background:#ffffffeb;backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--line)}.topbar__inner{max-width:var(--max);margin:0 auto;padding:12px 24px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;color:var(--text)}.brand img{height:34px;width:auto}.brand__sep{width:1px;height:22px;background:var(--border)}.brand__name{font-weight:500;font-size:17px;color:var(--link)}.topnav{display:flex;gap:22px;margin-left:auto}.topnav a{color:var(--text);font-size:15px;font-weight:500}.topnav a:hover{color:var(--link);text-decoration:none}.hero{position:relative;overflow:hidden;padding:72px 0 64px;text-align:center}.blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;pointer-events:none;z-index:0}.blob--blue{width:420px;height:420px;background:#b9cbfa;top:-160px;left:-120px}.blob--lilac{width:380px;height:380px;background:var(--lilac);top:-120px;right:-110px}.blob--small{width:240px;height:240px;background:#cfdbfb;bottom:-140px;left:40%;opacity:.45}.hero>*{position:relative;z-index:1}.hero h1{margin:14px auto 12px;max-width:780px}.hero__sub{font-size:18px;color:var(--muted);max-width:620px;margin:0 auto 28px}.search{position:relative;max-width:620px;margin:0 auto;text-align:left}.search__box{display:flex;align-items:center;background:#fff;border:1px solid var(--border);border-radius:var(--btn-radius);box-shadow:var(--shadow);padding:4px 4px 4px 16px}.search__box svg{flex:none;color:var(--muted)}.search input{flex:1;border:0;outline:0;font:inherit;font-size:16px;padding:10px 12px;min-width:0;background:transparent;color:var(--text)}.search__results{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);overflow:hidden;display:none;z-index:5}.search__results.is-open{display:block}.search__results a{display:block;padding:10px 16px;color:var(--text);border-top:1px solid var(--line)}.search__results a:first-child{border-top:0}.search__results a:hover{background:var(--surface);text-decoration:none}.search__results span{display:block;font-size:13px;color:var(--muted)}.hero__chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:18px}.hero__chips a{font-size:14px;padding:6px 12px;border-radius:999px;background:#fff;border:1px solid var(--border);color:var(--link)}.section{padding:28px 0 40px}.section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.section__head p{margin:0}.featured{display:grid;grid-template-columns:1.15fr 1fr;gap:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:var(--shadow)}.featured__media{position:relative;background:var(--surface)}.featured__media img{width:100%;height:100%;object-fit:cover;aspect-ratio:16/9}.featured__body{padding:32px;display:flex;flex-direction:column;gap:6px}.featured__body h2{margin-top:8px}.featured__meta{display:flex;flex-wrap:wrap;gap:14px;color:var(--muted);font-size:14px;margin:4px 0 14px}.featured__list{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:6px;font-size:15px}.featured__list li{display:flex;gap:10px;align-items:baseline}.featured__list b{font-weight:500;color:var(--link);min-width:18px}.featured__actions{margin-top:auto;display:flex;gap:10px;flex-wrap:wrap}.play{position:absolute;inset:0;margin:auto;width:64px;height:64px;border-radius:50%;background:#ffffffeb;display:grid;place-items:center;box-shadow:0 6px 20px #0000002e}.play svg{margin-left:4px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius);background:#fff;overflow:hidden;color:var(--text);transition:box-shadow .15s,transform .15s}.card:hover{text-decoration:none;box-shadow:var(--shadow);transform:translateY(-2px)}.card__media{position:relative;aspect-ratio:16/9;background:var(--surface);overflow:hidden}.card__media img{width:100%;height:100%;object-fit:cover}.card__count{position:absolute;right:10px;bottom:10px;background:#242424d1;color:#fff;font-size:12px;font-weight:500;padding:3px 8px;border-radius:4px}.card__body{padding:18px 18px 20px;display:flex;flex-direction:column;gap:6px;flex:1}.card__body p{color:var(--muted);font-size:14px;margin:0}.card__foot{margin-top:auto;padding-top:12px}.topic{margin-bottom:34px}.topic h3{font-size:16px;color:var(--muted);font-weight:500;margin-bottom:12px}.new-band{position:relative;overflow:hidden;border-radius:var(--radius);border:1px solid #D9CCF7;background:linear-gradient(120deg,#f3eefe,#eef2fd 60%,#e8eefc);padding:32px;display:grid;grid-template-columns:1fr 1.25fr;gap:28px;align-items:center}.new-band .blob{opacity:.4}.new-band>*{position:relative;z-index:1}.new-band__lessons{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mini{display:block;background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;color:var(--text)}.mini:hover{text-decoration:none;box-shadow:var(--shadow)}.mini img{aspect-ratio:16/9;object-fit:cover;width:100%}.mini div{padding:10px 12px;font-size:14px;font-weight:500;line-height:1.35}.mini span{display:block;color:var(--muted);font-weight:400;font-size:13px;margin-top:2px}.help{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.help a{display:block;border:1px solid var(--border);border-radius:var(--radius);padding:22px;background:#fff;color:var(--text)}.help a:hover{text-decoration:none;box-shadow:var(--shadow)}.help .ico{width:40px;height:40px;border-radius:10px;background:var(--surface);display:grid;place-items:center;margin-bottom:12px;color:var(--link)}.help p{color:var(--muted);font-size:14px;margin:4px 0 8px}.help .go{color:var(--link);font-size:14px;font-weight:500}.progress{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}.progress__track{flex:1;height:6px;border-radius:99px;background:var(--surface);overflow:hidden}.progress__bar{height:100%;width:0;background:var(--primary);border-radius:99px;transition:width .3s}.crumbs{font-size:14px;color:var(--muted);padding:18px 0 0}.crumbs a{color:var(--muted)}.crumbs a:hover{color:var(--link)}.crumbs span{margin:0 6px;opacity:.6}.course-hero{position:relative;overflow:hidden;padding:20px 0 36px}.course-hero__grid{display:grid;grid-template-columns:1.2fr 1fr;gap:36px;align-items:center;margin-top:18px}.course-hero__grid h1{font-size:clamp(28px,3.6vw,40px)}.course-hero__media{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow)}.course-hero__media img{aspect-ratio:16/9;object-fit:cover;width:100%}.facts{display:flex;flex-wrap:wrap;gap:18px;color:var(--muted);font-size:14px;margin:10px 0 18px}.facts b{color:var(--text);font-weight:500}.course-layout{display:grid;grid-template-columns:1fr 320px;gap:32px;align-items:start;padding-bottom:56px}.lessons{list-style:none;margin:0;padding:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:#fff}.lesson-row{display:grid;grid-template-columns:34px 132px 1fr auto;gap:16px;align-items:center;padding:14px 18px;border-top:1px solid var(--line);color:var(--text)}.lessons li:first-child .lesson-row{border-top:0}.lesson-row:hover{background:#f7f9fe;text-decoration:none}.lesson-row img{width:132px;aspect-ratio:16/9;object-fit:cover;border-radius:8px}.lesson-row h3{font-size:16px;font-weight:500;margin:0 0 2px}.lesson-row p{margin:0;font-size:14px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lesson-row .dur{font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums}.check{width:28px;height:28px;border-radius:50%;border:2px solid var(--border);display:grid;place-items:center;color:transparent;font-size:13px;font-weight:700;background:#fff}.check .n{color:var(--link);font-size:13px}.is-done .check{background:var(--green);border-color:var(--green);color:#fff}.is-done .check .n{display:none}.check svg{display:none}.is-done .check svg{display:block}.side-card{border:1px solid var(--border);border-radius:var(--radius);padding:20px;background:#fff;margin-bottom:18px}.side-card h3{font-size:15px;margin-bottom:10px}.side-card ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:14px}.side-card li a{display:flex;gap:8px;align-items:flex-start}.side-card--soft{background:var(--surface);border-color:var(--surface)}.tag-bonus{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#6b4fc8;background:#efe8fd;border-radius:4px;padding:2px 6px;margin-left:6px;vertical-align:2px}.lesson-layout{display:grid;grid-template-columns:1fr 340px;gap:32px;align-items:start;padding:18px 0 56px}.player{position:relative;aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;background:#0d1326;border:1px solid var(--border)}.player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.player__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.lesson-head{margin:20px 0 8px}.lesson-head h1{font-size:clamp(24px,3vw,32px);margin-top:6px}.lesson-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:14px 0 26px}.btn-done.is-done{background:var(--green);border-color:var(--green);color:#fff}.block{border-top:1px solid var(--line);padding:22px 0}.block h2{font-size:19px;margin-bottom:12px}.chapters{list-style:none;margin:0;padding:0;display:grid;gap:4px}.chapters button{all:unset;cursor:pointer;display:flex;gap:14px;width:100%;box-sizing:border-box;padding:8px 12px;border-radius:8px;font-size:15px}.chapters button:hover,.chapters button.is-active{background:var(--surface)}.chapters time{color:var(--link);font-weight:500;font-variant-numeric:tabular-nums;min-width:44px}.note{font-size:13px;color:#8a5a00;background:#fff6e0;border:1px solid #F3DFA8;border-radius:8px;padding:8px 12px;margin:0 0 12px}.transcript{border:1px dashed var(--border);border-radius:12px;padding:16px 18px;background:#fafbff;font-size:15px;max-height:260px;overflow:auto}.transcript p{margin:0 0 10px}.transcript time{color:var(--link);font-weight:500;margin-right:10px;font-variant-numeric:tabular-nums}.pager{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:10px}.pager a{display:block;border:1px solid var(--border);border-radius:12px;padding:14px 16px;color:var(--text);background:#fff}.pager a:hover{text-decoration:none;background:#f7f9fe}.pager small{display:block;color:var(--muted);font-size:13px;margin-bottom:2px}.pager .next{text-align:right}.pager .next.primary{background:var(--primary);border-color:var(--primary);color:#fff}.pager .next.primary small{color:#ffffffd9}.playlist{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:#fff;position:sticky;top:84px}.playlist__head{padding:16px 18px;border-bottom:1px solid var(--line)}.playlist__head a{color:var(--text);font-weight:700}.playlist ol{list-style:none;margin:0;padding:6px 0;max-height:520px;overflow:auto}.playlist li a{display:grid;grid-template-columns:26px 1fr auto;gap:10px;align-items:center;padding:9px 18px;color:var(--text);font-size:14px;line-height:1.35}.playlist li a:hover{background:#f7f9fe;text-decoration:none}.playlist li a.is-current{background:var(--surface);font-weight:500}.playlist .check{width:24px;height:24px;font-size:12px}.playlist .dur{color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.footer{border-top:1px solid var(--line);background:#fafbfe;margin-top:20px}.footer__inner{max-width:var(--max);margin:0 auto;padding:32px 24px;display:grid;grid-template-columns:1fr auto;gap:12px 24px;align-items:start}.footer__inner img{height:30px;width:auto;margin-bottom:8px}.footer__links{display:flex;gap:22px;flex-wrap:wrap;font-size:14px}.footer__copy{grid-column:1/-1;margin:0}@media(max-width:960px){.grid{grid-template-columns:repeat(2,1fr)}.featured,.new-band,.course-hero__grid,.course-layout,.lesson-layout{grid-template-columns:1fr}.playlist{position:static}}@media(max-width:640px){.wrap{padding:0 16px}.topbar__inner{padding:10px 16px;gap:12px}.topnav{display:none}.topbar__cta{margin-left:auto}.brand img{height:28px}.hero{padding:44px 0 40px}.hero__sub{font-size:16px}.grid,.help,.new-band__lessons,.pager{grid-template-columns:1fr}.featured__body,.new-band{padding:22px}.lesson-row{grid-template-columns:30px 1fr auto;gap:12px;padding:12px 14px}.lesson-row img{display:none}.footer__inner{grid-template-columns:1fr}.pager .next{text-align:left}}.new-band--stack{grid-template-columns:1fr;gap:22px}.new-band__head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.new-band__head p{max-width:640px}.new-band--stack .new-band__lessons{grid-template-columns:repeat(5,1fr);gap:14px}.mini__media{position:relative}.mini__media .card__count{font-size:11px}.featured--reverse{grid-template-columns:1fr 1.15fr}.featured--reverse .featured__media{order:2}@media(max-width:960px){.new-band--stack .new-band__lessons{grid-template-columns:repeat(3,1fr)}.featured--reverse{grid-template-columns:1fr}.featured--reverse .featured__media{order:0}.new-band__head{flex-direction:column;align-items:flex-start}}@media(max-width:640px){.new-band--stack .new-band__lessons{grid-template-columns:1fr 1fr}.soon-thumb{display:none}}.blob{position:absolute!important}.soon-thumb{width:132px;aspect-ratio:16/9;border-radius:8px;flex:none;display:grid;place-items:center;background:linear-gradient(120deg,#f3eefe,#eef2fd 60%,#e8eefc);border:1px dashed var(--border);font-size:11px;font-weight:500;color:var(--link);letter-spacing:.02em}.lesson-row.is-soon h3{color:#555}.lesson-row.is-soon .check{border-style:dashed;color:#9aa9d6}.lesson-row.is-soon .dur{color:#8a8a8a;font-size:12px}.tag-soon{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;background:#f3eefe;color:#6b55b8;font-size:11px;font-weight:500;vertical-align:2px}.aud{color:var(--link);font-weight:500}.featured__list li.is-soon{color:#8a8a8a}.featured__list li.is-soon b{background:#fff;border:1px dashed var(--border);color:#9aa9d6}.playlist a.is-soon{color:#8a8a8a}.playlist a.is-soon .dur{font-size:11px;color:#9aa9d6}.player--soon{position:relative;overflow:hidden;display:grid;place-items:center;background:linear-gradient(120deg,#f3eefe,#eef2fd 60%,#e8eefc);border:1px solid var(--border)}.player--soon .blob{opacity:.5}.soon-card{position:relative;z-index:1;text-align:center;max-width:440px;padding:24px}.soon-card h2{margin:12px 0 6px;font-size:22px}.soon-card p{color:var(--muted);margin:0}.soon-ico{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 12px;border-radius:50%;background:#fff;border:1px solid var(--border)}.also{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.also a{display:flex;flex-direction:column;gap:8px;font-size:14px;color:var(--text)}.also__media{position:relative;display:block}.also__media img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;border:1px solid var(--border)}
