:root{--ink-900:#141b20;--ink-700:#2f3a41;--ink-600:#4e5a62;--ink-400:#8a959c;--line:#141b201a;--fill:#eef2f4;--fill-hover:#e4eaee;--white:#fff;--ice-500:#5fd0ee;--ice-600:#45c4e6;--ice-100:#e3f6fc;--ice-700:#0a7ea4;--mist-0:#f1f4f6;--mist:#e5eaee;--glass:#ffffff8c;--glass-strong:#f6f8fad1;--glass-line:#fffc;--glass-shadow:0 1px 0 #ffffffb3 inset, 0 24px 48px -28px #1e2d3c47;--r-28:28px;--r-20:20px;--r-16:16px;--r-12:12px;--r-pill:999px;--font:Onest, system-ui, sans-serif;--ease-out:cubic-bezier(.22, 1, .36, 1);--header-h:72px;--pad:40px;--wrap:1280px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{color:var(--ink-900);font:400 16px/22px var(--font);font-kerning:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;margin:0}h1,h2,h3,p,ul,ol,figure{margin:0}p,li{text-wrap:pretty}ul,ol{padding:0;list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}svg{flex:none;display:block}mark{color:inherit;background:0 0}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--ice-700);outline-offset:2px}.wrap{max-width:var(--wrap);margin:0 auto}.i16{width:16px;height:16px}.i20{width:20px;height:20px}img,[data-protect]{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.glass{background:var(--glass-strong);border:1px solid var(--glass-line);box-shadow:var(--glass-shadow)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass{background:var(--glass);-webkit-backdrop-filter:blur(22px)saturate(1.4);backdrop-filter:blur(22px)saturate(1.4)}}.btn{border-radius:var(--r-16);background:var(--ice-500);height:56px;color:var(--ink-900);white-space:nowrap;transition:background-color .15s, transform .15s var(--ease-out);justify-content:center;align-items:center;gap:8px;padding:0 28px;font-size:17px;font-weight:500;line-height:22px;display:inline-flex}.btn:active{transform:scale(.985)}.btn--l{height:60px;padding:0 36px;font-size:18px;line-height:24px}.btn--s{border-radius:var(--r-pill);height:44px;padding:0 20px;font-size:15px;line-height:20px}.btn--soft{background:var(--fill)}.btn--glass{box-shadow:0 0 0 1px var(--glass-line) inset;background:#ffffffb3}.btn--wide{width:100%}.header{z-index:30;height:var(--header-h);padding:0 var(--pad);box-shadow:0 1px 0 var(--line);background:#f1f4f6d1;align-items:center;gap:16px;transition:background-color .3s,box-shadow .3s;display:flex;position:sticky;top:0}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.header{-webkit-backdrop-filter:blur(18px)saturate(1.5);backdrop-filter:blur(18px)saturate(1.5);background:#f1f4f69e}}.header--clear:not(.is-glass){box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.brand{border-radius:8px;align-items:center;gap:8px;min-height:44px;display:flex}.brand__mark{width:28px;height:28px;color:var(--ice-700)}.brand__word{letter-spacing:-.02em;white-space:nowrap;font-size:24px;font-weight:700;line-height:28px}.brand__sub{color:var(--ink-600);white-space:nowrap;margin:4px 0 0 4px;font-size:13px;line-height:16px}.header__end{align-items:center;gap:8px;margin-left:auto;display:flex}.login{border-radius:var(--r-12);height:44px;color:var(--ink-700);white-space:nowrap;align-items:center;padding:0 14px;font-size:15px;line-height:20px;transition:background-color .15s,color .15s;display:flex}body.landing{background:linear-gradient(180deg, var(--mist-0) 0, var(--mist) 900px, var(--mist) calc(100% - 700px), var(--mist-0) 100%);overflow-x:hidden}.landing main{overflow-x:clip}.chip{border-radius:var(--r-pill);height:36px;color:var(--ink-900);white-space:nowrap;align-items:center;padding:0 16px;font-size:14px;font-weight:500;line-height:18px;display:inline-flex}.h2{letter-spacing:-.045em;text-wrap:balance;font-size:clamp(34px,3.4vw,56px);font-weight:600;line-height:1.02}.h2 span{color:var(--ink-600)}.sec-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 48px;display:flex}.sec-sub{max-width:34ch;color:var(--ink-600);font-size:18px;line-height:26px}.fog{z-index:-1;pointer-events:none;-webkit-mask-composite:source-in;background:url(/img/fog-a.jpg) 50%/100% 100% no-repeat;position:absolute;-webkit-mask-image:linear-gradient(#0000,#000 38% 62%,#0000),linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(#0000,#000 38% 62%,#0000),linear-gradient(90deg,#0000,#000 18% 82%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}@keyframes drift{0%{transform:translate(-3%)}to{transform:translate(3%)}}.flake{z-index:-1;pointer-events:none;width:var(--fs);aspect-ratio:1;background:url(/img/flake.jpg) 50%/cover no-repeat;animation:14s ease-in-out infinite alternate hover-flake;position:absolute;-webkit-mask-image:radial-gradient(closest-side,#000 50%,#0000 100%);mask-image:radial-gradient(closest-side,#000 50%,#0000 100%)}@keyframes hover-flake{0%{transform:translateY(-12px)rotate(-5deg)}to{transform:translateY(14px)rotate(5deg)}}.hero{z-index:0;max-width:1440px;min-height:clamp(720px,100svh,960px);margin:calc(-1 * var(--header-h)) auto 0;padding:calc(var(--header-h) + 40px) var(--pad) 96px;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:56px;display:grid;position:relative}.hero__title{letter-spacing:-.045em;margin-top:22px;font-size:clamp(42px,4.3vw,72px);font-weight:600;line-height:.98}.hero__title span{color:var(--ink-600);display:block}.hero__money{letter-spacing:-.02em;text-wrap:balance;margin-top:26px;font-size:clamp(22px,1.75vw,30px);font-weight:600;line-height:1.3}.hero__money mark{background:var(--ice-500);white-space:nowrap;border-radius:.3em;padding:0 .22em}.hero__cta{flex-wrap:wrap;align-items:center;gap:20px;margin-top:34px;display:flex}.hero__time{color:var(--ink-700);font-size:15px;line-height:20px}.fog--hero{height:420px;animation:46s ease-in-out infinite alternate drift;bottom:-200px;left:-12%;right:-12%}.flake--hero{--fs:min(620px, 80vw);top:-150px;right:-140px}.screen{position:relative}.screen__player{isolation:isolate;aspect-ratio:16/9;border-radius:var(--r-20);background:#0e1316;position:relative;overflow:hidden;box-shadow:0 50px 90px -46px #1226388c,0 2px 6px #1226381f}.screen__frame{background:url(/img/lesson.jpg) 50% 30%/cover no-repeat;animation:24s ease-in-out infinite alternate playing;position:absolute;inset:0}@keyframes playing{0%{transform:scale(1.02)}to{transform:scale(1.09)translate(-1.5%,1%)}}.screen__mark{z-index:2;color:#fff;opacity:.5;white-space:nowrap;text-shadow:0 1px 2px #00000073;font-size:13px;font-weight:500;line-height:16px;animation:18s step-end infinite wander;position:absolute;top:14%;left:8%}@keyframes wander{0%{top:14%;left:8%}25%{top:30%;left:58%}50%{top:62%;left:20%}75%{top:12%;left:64%}to{top:14%;left:8%}}.screen__bar{z-index:3;color:#fff;background:linear-gradient(#0000,#080c0f9e);padding:40px 18px 12px;position:absolute;bottom:0;left:0;right:0}.screen__chapters{gap:4px;display:flex}.screen__chapters i{background:#ffffff52;border-radius:2px;flex:1;height:4px;position:relative;overflow:hidden}.screen__chapters i.is-done{background:var(--ice-500)}.screen__chapters i.is-now:before{content:"";background:var(--ice-500);transform-origin:0;animation:26s linear infinite chapter;position:absolute;inset:0}@keyframes chapter{0%{transform:scaleX(.18)}to{transform:scaleX(.92)}}.screen__controls{align-items:center;gap:14px;margin-top:10px;display:flex}.screen__time{font-variant-numeric:tabular-nums;opacity:.92;font-size:13px;line-height:16px}.screen__grow{flex:1}.screen__speed{font-size:13px;font-weight:500;line-height:16px}.screen__caption{flex-direction:column;gap:4px;margin-top:18px;display:flex}.screen__caption b{letter-spacing:-.015em;font-size:20px;font-weight:600;line-height:26px}.screen__caption span{color:var(--ink-600);font-size:15px;line-height:20px}.screen__list{border-radius:var(--r-20);grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:16px;padding:6px;display:grid}.screen__list li{border-radius:14px;align-items:center;gap:10px;min-width:0;padding:8px;display:flex}.screen__list li.is-now{background:#ffffffb3}.screen__list span{flex-direction:column;min-width:0;display:flex}.screen__list b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;line-height:17px;overflow:hidden}.screen__list small{color:var(--ink-600);font-size:12px;line-height:16px}.screen__list li>svg{color:var(--ice-700);margin-left:auto}.screen__thumb{aspect-ratio:16/9;background:url(/img/lesson.jpg) 40% 30%/180% no-repeat;border-radius:6px;flex:none;place-items:center;width:56px;display:grid}.screen__list li.is-done .screen__thumb{filter:grayscale(.5)brightness(1.08)}.screen__thumb--q{background:var(--ice-100);color:var(--ice-700)}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.rise{animation:rise .8s var(--ease-out) both}.hero__text>.rise:nth-child(2){animation-delay:70ms}.hero__text>.rise:nth-child(3){animation-delay:.14s}.hero__text>.rise:nth-child(4){animation-delay:.21s}.screen.rise{animation-duration:1s;animation-delay:.18s}.how,.courses,.footer{z-index:1;position:relative}.how{padding:72px var(--pad) 40px}.track{margin-top:48px}.track__bar{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.track__bar i{background:#141b201f;border-radius:3px;height:6px;position:relative;overflow:hidden}.track__bar i:before{content:"";background:var(--ice-500);transform-origin:0;transition:transform .8s var(--ease-out);position:absolute;inset:0;transform:scaleX(0)}.track.is-on .track__bar i:before{transform:none}.track.is-on .track__bar i:nth-child(2):before{transition-delay:.7s}.track.is-on .track__bar i:nth-child(3):before{transition-delay:1.4s}.track__steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.track__steps li{padding:28px 32px 0 0}.track__n{color:var(--ice-700);font-variant-numeric:tabular-nums;font-size:15px;font-weight:600;line-height:20px}.track__steps h3{letter-spacing:-.025em;margin-top:10px;font-size:26px;font-weight:600;line-height:30px}.track__steps p{max-width:34ch;color:var(--ink-600);margin-top:10px;font-size:17px;line-height:25px}.courses{padding:112px var(--pad) 40px}.courses__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 20px;margin-top:40px;display:grid}.course{border-radius:var(--r-20);outline-offset:6px;flex-direction:column;gap:14px;min-width:0;display:flex}.course__cover{aspect-ratio:16/9;border-radius:var(--r-20);color:var(--ink-900);transition:transform .4s var(--ease-out), box-shadow .4s var(--ease-out);align-items:flex-end;gap:10px;padding:16px 20px;display:flex;position:relative;overflow:hidden}.course__cover:after{content:"";aspect-ratio:1;opacity:.22;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23141B20' stroke-width='.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath id='a' d='M16 16V3.5M12 5l4 4 4-4'/%3E%3Cuse href='%23a' transform='rotate(60 16 16)'/%3E%3Cuse href='%23a' transform='rotate(120 16 16)'/%3E%3Cuse href='%23a' transform='rotate(180 16 16)'/%3E%3Cuse href='%23a' transform='rotate(240 16 16)'/%3E%3Cuse href='%23a' transform='rotate(300 16 16)'/%3E%3C/svg%3E") 50%/contain no-repeat;width:72%;position:absolute;top:-34%;right:-18%}.cover--ice{background:radial-gradient(130% 120% at 0 100%,#f2fbfe 0%,#cdeff9 52%,#a7e1f2 100%)}.cover--mint{background:radial-gradient(130% 120% at 0 100%,#f2faf6 0%,#cfebdd 52%,#a9d9c1 100%)}.cover--sand{background:radial-gradient(130% 120% at 0 100%,#fbf7f1 0%,#eedfc9 52%,#dec6a2 100%)}.cover--graphite{color:#f4f7f8;background:radial-gradient(130% 120% at 0 100%,#4a565e 0%,#2c353b 52%,#1a2024 100%)}.cover--graphite:after{filter:invert();opacity:.16}.cover--coral{background:radial-gradient(130% 120% at 0 100%,#fdf4f1 0%,#f6d8cd 52%,#edb9a6 100%)}.cover--violet{background:radial-gradient(130% 120% at 0 100%,#f6f4fc 0%,#dcd6f1 52%,#bfb5e3 100%)}.course__count{z-index:1;letter-spacing:-.06em;font-variant-numeric:tabular-nums;font-size:clamp(64px,6vw,96px);font-weight:600;line-height:.8;position:relative}.course__word{z-index:1;opacity:.8;margin-bottom:4px;font-size:17px;font-weight:500;line-height:20px;position:relative}.course__thumb{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.course__body{flex-direction:column;gap:6px;padding:0 4px;display:flex}.course__title{letter-spacing:-.015em;font-size:19px;font-weight:600;line-height:24px}.course__about{-webkit-line-clamp:2;line-clamp:2;color:var(--ink-600);-webkit-box-orient:vertical;font-size:15px;line-height:21px;display:-webkit-box;overflow:hidden}.course__meta{color:var(--ink-600);justify-content:space-between;align-items:center;gap:12px;margin-top:4px;font-size:14px;line-height:18px;display:flex}.course__price{border-radius:var(--r-pill);background:var(--white);color:var(--ink-900);flex:none;padding:5px 10px;font-size:14px;font-weight:600;line-height:18px}.course__price.is-free{background:var(--ice-100);color:var(--ice-700)}.plans{z-index:1;padding:112px var(--pad) 40px;position:relative}.flake--plans{--fs:min(520px, 70vw);animation-duration:17s;animation-delay:-7s;top:40px;left:-160px}.plans__grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:20px;margin-top:40px;display:grid}.plan{border-radius:var(--r-28);flex-direction:column;padding:28px;display:flex}.plan--main{box-shadow:0 0 0 2px var(--ice-500) inset, var(--glass-shadow);background:#ffffffdb}.plan__name{color:var(--ink-600);font-size:17px;font-weight:500;line-height:22px}.plan__price{letter-spacing:-.04em;white-space:nowrap;margin-top:6px;font-size:44px;font-weight:600;line-height:48px}.plan__list{flex-direction:column;gap:10px;margin:22px 0 28px;display:flex}.plan__list li{padding-left:28px;font-size:16px;line-height:22px;position:relative}.plan__list li:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A7EA4' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") 50%/contain no-repeat;width:20px;height:20px;position:absolute;top:1px;left:0}.plan .btn{margin-top:auto}.plans__lock{color:var(--ink-700);text-align:center;justify-content:center;align-items:center;gap:10px;margin-top:28px;font-size:15px;line-height:20px;display:flex}.plans__lock svg{color:var(--ice-700)}.faq{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;max-width:1040px;margin:64px auto 0;display:grid}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;align-items:center;min-height:64px;padding:14px 40px 14px 0;font-size:18px;font-weight:500;line-height:24px;list-style:none;display:flex;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";width:14px;height:14px;transition:transform .25s var(--ease-out);background:linear-gradient(currentColor,currentColor) 50%/14px 2px no-repeat,linear-gradient(currentColor,currentColor) 50%/2px 14px no-repeat;margin-top:-7px;position:absolute;top:50%;right:6px}.faq details[open] summary:after{transform:rotate(45deg)}.faq p{color:var(--ink-600);padding:0 40px 20px 0;font-size:16px;line-height:24px}.footer{padding:112px var(--pad) calc(40px + env(safe-area-inset-bottom))}.footer__cta{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px 40px;padding-bottom:48px;display:flex}.footer__title{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(30px,3vw,48px);font-weight:600;line-height:1.04}.footer__bottom{grid-template-columns:auto 1fr;grid-template-areas:"brand links""legal links";align-items:start;gap:12px 48px;padding-top:32px;display:grid}.footer__bottom>.brand{grid-area:brand}.footer__bottom .brand__word{font-size:20px;line-height:24px}.footer__bottom .brand__mark{width:24px;height:24px}.footer__links{flex-wrap:wrap;grid-area:links;justify-content:flex-end;gap:0 28px;display:flex}.footer__links a{min-height:44px;color:var(--ink-600);align-items:center;font-size:15px;line-height:20px;transition:color .15s;display:inline-flex}.footer__legal{color:var(--ink-600);grid-area:legal;font-size:13px;line-height:18px}.footer__legal p+p{margin-top:4px}.stickybar{display:none}@media (hover:hover){.btn:hover{background:var(--ice-600)}.btn--soft:hover,.btn--glass:hover{background:var(--fill-hover)}.login:hover{color:var(--ink-900);background:#141b200f}.footer__links a:hover{color:var(--ink-900)}.course:hover .course__cover{transform:translateY(-4px);box-shadow:0 24px 40px -24px #12263866}.course:hover .course__title{color:var(--ice-700)}}@media (width<=1100px){.hero{grid-template-columns:minmax(0,1fr);gap:48px;min-height:0;padding-bottom:72px}.hero__text{max-width:640px}.flake--hero{top:120px;right:-180px}.courses__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.track__bar{display:none}.track__steps{grid-template-columns:minmax(0,1fr);gap:0}.track__steps li{padding:0 0 28px 28px;position:relative}.track__steps li:before{content:"";background:#141b201f;border-radius:2px;width:4px;position:absolute;top:4px;bottom:6px;left:0}.track__steps li:after{content:"";background:var(--ice-500);transform-origin:top;width:4px;transition:transform .7s var(--ease-out);border-radius:2px;position:absolute;top:4px;bottom:6px;left:0;transform:scaleY(0)}.track.is-on .track__steps li:after{transform:none}.track.is-on .track__steps li:nth-child(2):after{transition-delay:.5s}.track.is-on .track__steps li:nth-child(3):after{transition-delay:1s}.track__steps h3{margin-top:6px;font-size:22px;line-height:28px}.plans__grid{grid-template-columns:minmax(0,1fr);max-width:520px;margin-left:auto;margin-right:auto}.plan--main{order:-1}.faq{grid-template-columns:minmax(0,1fr)}}@media (width<=600px){:root{--header-h:56px;--pad:16px}.brand{gap:6px}.brand__mark{width:22px;height:22px}.brand__word{letter-spacing:-.01em;font-size:18px;line-height:22px}.brand__sub{margin-top:2px}.header .login{display:none}.header .btn--s{height:40px;padding:0 16px}.hero{padding-top:calc(var(--header-h) + 20px);gap:36px;padding-bottom:56px}.chip{height:32px;padding:0 12px;font-size:13px}.hero__title{margin-top:18px;font-size:clamp(36px,10.4vw,44px)}.hero__money{margin-top:18px;font-size:21px}.hero__cta{gap:12px;margin-top:24px}.hero__cta .btn{width:100%}.hero__time{text-align:center;width:100%}.screen__player{border-radius:16px}.screen__bar{padding:28px 12px 8px}.screen__controls{gap:10px;margin-top:8px}.screen__caption b{font-size:17px;line-height:22px}.screen__caption span{font-size:14px}.screen__list{grid-template-columns:minmax(0,1fr)}.screen__list li:first-child{display:none}.how{padding-top:48px}.track{margin-top:32px}.courses{padding-top:72px}.courses__grid{margin:28px calc(-1 * var(--pad)) 0;padding:0 var(--pad) 8px;scroll-snap-type:x mandatory;scroll-padding:0 var(--pad);scrollbar-width:none;grid-template-columns:none;grid-auto-columns:82%;grid-auto-flow:column;gap:14px;display:grid;overflow-x:auto}.courses__grid::-webkit-scrollbar{display:none}.course{scroll-snap-align:start}.plans{padding-top:72px}.plan__price{font-size:38px;line-height:42px}.faq{margin-top:40px}.faq summary{font-size:17px}.footer{padding-top:72px;padding-bottom:calc(96px + env(safe-area-inset-bottom))}.footer__cta{padding-bottom:32px}.footer__cta .btn{width:100%}.footer__bottom{grid-template-columns:1fr;grid-template-areas:"brand""links""legal";gap:16px}.footer__links{flex-direction:column;justify-content:flex-start}.stickybar{z-index:40;padding:12px 16px calc(12px + env(safe-area-inset-bottom));box-shadow:0 -1px 0 var(--line);visibility:hidden;transition:transform .25s var(--ease-out), visibility 0s .25s;background:#f1f4f6e6;display:block;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.stickybar{-webkit-backdrop-filter:blur(18px)saturate(1.5);backdrop-filter:blur(18px)saturate(1.5);background:#f1f4f6b3}}.stickybar.is-shown{visibility:visible;transition:transform .25s var(--ease-out), visibility 0s;transform:none}}@media (prefers-reduced-motion:reduce){.rise,.fog--hero,.flake,.screen__frame,.screen__mark,.screen__chapters i.is-now:before{animation:none}.track__bar i:before,.track__steps li:after,.stickybar,.stickybar.is-shown{transition:none}}