.cs-hero{padding:104px 0 90px}.cs-crumb{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--h2-on-night-2);margin-bottom:44px}.cs-crumb a{color:var(--h2-on-night);font-weight:600}.cs-crumb a:hover{color:var(--h2-blue)}.cs-hero__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px, 6vw, 96px);align-items:center}.cs-hero__thumb{margin:0;border-radius:28px;overflow:hidden;aspect-ratio:4 / 3;background:var(--h2-night-2)}.cs-hero__thumb img{width:100%;height:100%;object-fit:cover}.cs-hero .cs-hero__title{font-size:clamp(38px, 4.8vw, 72px);line-height:1;letter-spacing:-.03em;margin-bottom:22px}.cs-hero .cs-hero__desc{font-size:clamp(16px, 1.25vw, 18.5px);line-height:1.65;color:var(--h2-on-night-2);max-width:56ch;margin-bottom:30px}.cs-stats{display:flex;gap:clamp(24px, 4vw, 48px);margin:0 0 32px}.cs-stats dt{font:400 clamp(34px, 3.2vw, 50px)/1 var(--h2-serif);color:var(--h2-blue);letter-spacing:-.03em}.cs-stats dd{margin:6px 0 0;font-size:13px;font-weight:600;color:var(--h2-on-night-2)}.cs-main{padding:90px 0 120px}.cs-main__grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:clamp(32px, 5vw, 80px);align-items:start}.cs-lessons__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px}.cs-lessons .cs-lessons__title{font-size:clamp(28px, 2.6vw, 40px)}.cs-lessons__count{font-size:13.5px;font-weight:600;color:var(--h2-ink-2);white-space:nowrap}.cs-lessons__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.h2-body .cs-lesson{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:16px;width:100%;padding:16px 18px;border-radius:18px;background:var(--h2-card);border:1px solid var(--h2-line);color:var(--h2-ink);font:inherit;text-align:left;cursor:pointer;transition:border-color .25s,transform .3s var(--h2-ease),box-shadow .3s var(--h2-ease)}.h2-body .cs-lesson:hover{border-color:rgb(37 99 235 / .45);transform:translateY(-1px);box-shadow:0 10px 26px rgb(20 30 50 / .08);background:var(--h2-card);color:var(--h2-ink)}.cs-lesson__n{font-size:12px;letter-spacing:.1em;color:var(--h2-ink-3)}.cs-lesson__icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:15px;background:var(--h2-paper-2);color:var(--h2-ink-2)}.cs-lesson.is-free .cs-lesson__icon{background:#2563EB;color:#fff}.cs-lesson__name{font:400 clamp(17px, 1.4vw, 20px)/1.3 var(--h2-serif)}.cs-lesson.is-locked .cs-lesson__name{color:var(--h2-ink-2)}.cs-lesson__badge{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:var(--h2-paper-2);color:var(--h2-ink-2)}.cs-lesson.is-free .cs-lesson__badge{background:#DCFCE7;color:#166534}html.gp-dark .cs-lesson.is-free .cs-lesson__badge{background:rgb(74 222 128 / .14);color:#86EFAC}.h2-body .cs-lessons__empty{color:var(--h2-ink-2)}.cs-enroll{position:sticky;top:100px;background:var(--h2-night);color:var(--h2-on-night);border-radius:28px;padding:36px 32px}.cs-enroll__icon{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:rgb(76 158 243 / .16);color:var(--h2-blue);font-size:24px;margin-bottom:22px}.cs-enroll .cs-enroll__title,.cs-modal .cs-modal__title{font-size:clamp(26px, 2.2vw, 34px);margin-bottom:10px}.cs-enroll .cs-enroll__sub,.cs-modal .cs-modal__sub{color:var(--h2-on-night-2);font-size:15px;line-height:1.6}.cs-enroll__list{list-style:none;margin:22px 0 26px;padding:22px 0 0;border-top:1px solid var(--h2-night-line);display:flex;flex-direction:column;gap:10px}.cs-enroll__list li{position:relative;padding-left:26px;font-size:14.5px;line-height:1.5;color:var(--h2-on-night)}.cs-enroll__list li::before{content:'✓';position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:800;background:rgb(76 158 243 / .18);color:var(--h2-blue)}.cs-enroll .cs-enroll__btn,.cs-modal .cs-enroll__btn{width:100%;justify-content:center}.cs-enroll__login{display:block;margin-top:16px;text-align:center;font-size:14px;font-weight:600;color:var(--h2-on-night-2)}.cs-enroll__login:hover{color:var(--h2-on-night)}.cs-modal{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:20px;background:rgb(11 11 12 / .72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.cs-modal[hidden]{display:none}.cs-modal__card{position:relative;width:min(480px, 100%);background:var(--h2-night);color:var(--h2-on-night);border:1px solid var(--h2-night-line);border-radius:28px;padding:40px 36px 34px;box-shadow:0 40px 100px rgb(0 0 0 / .5)}.h2-body .cs-modal__close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgb(255 255 255 / .08);color:var(--h2-on-night);font-size:24px;line-height:1;cursor:pointer}.h2-body .cs-modal__close:hover{background:rgb(255 255 255 / .16)}.cs-modal__sub strong{color:var(--h2-on-night)}.h2-body .cs-modal__login{margin-top:16px;text-align:center;font-size:14px;color:var(--h2-on-night-2)}.cs-modal__login a{color:var(--h2-blue);font-weight:700}@media (max-width:900px){.cs-hero{padding-top:90px}.cs-crumb{margin-bottom:28px}.cs-hero__grid,.cs-main__grid{grid-template-columns:minmax(0,1fr)}.cs-hero__thumb{max-width:420px}.cs-enroll{position:static}}@media (max-width:600px){.cs-main{padding:70px 0 84px}.h2-body .cs-lesson{grid-template-columns:auto minmax(0,1fr) auto;gap:12px;padding:14px}.cs-lesson__n{display:none}.cs-enroll,.cs-modal__card{padding:28px 22px}}