@import"https://fonts.googleapis.com/css2?family=Noto+Sans:wght@100..900&family=TikTok+Sans:opsz,wght@12..36,300..900&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,main,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}*[hidden]{display:none}body{line-height:1}menu,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.categories{display:flex;gap:24px;width:100%;justify-content:center;margin-top:32px;padding:0 24px;box-sizing:border-box}.categories__card{background-color:var(--color-silver);padding:24px;box-sizing:border-box;border-radius:20px;border:1px solid var(--color-grey);width:calc((100% - 24px * 11) / 6 + 24px);transition:background-color .2s ease-in-out,border-color .2s ease-in-out,width .2s ease-in-out;display:flex;flex-direction:column;align-items:center}.categories__card_error{pointer-events:none;background:color-mix(in oklab,var(--color-orange) 10%,transparent);border:none}.categories__card_loading{animation:categories__card_blink 1s infinite alternate ease-in-out 0s;border:none;pointer-events:none}@keyframes categories__card_blink{to{background-color:transparent}}.categories__card:hover{width:calc((100% - 264px)/4 + 48px);cursor:pointer;background:transparent;border-color:var(--color-midnight)}.categories__img{width:calc((100dvw - 24px * 12) / 6 - 24px);max-width:213px}.categories__text{margin-top:16px;text-align:center;display:flex;flex-direction:column;gap:8px}.categories__title{color:var(--color-midnight);font-family:var(--font-noto);font-size:16px;font-weight:700}.categories__description{color:var(--color-stone);font-family:var(--font-noto);font-size:16px}.footer{display:flex;flex-direction:column;gap:16px;align-items:center}.footer__text{color:var(--color-stone);font-family:var(--font-noto);font-size:16px}.footer__link{color:var(--color-stone);text-decoration:underline;text-decoration-color:var(--color-grey);transition:color .2s ease-in-out,text-decoration-color .2s ease-in-out}.footer__link:hover{text-decoration-color:var(--color-midnight);color:var(--color-midnight)}.home-wrapper{display:flex;flex-direction:column;gap:40px;background:var(--color-white);border-radius:0 0 20px 20px;padding-bottom:24px;box-sizing:border-box;min-height:calc(100dvh - 131px)}.home-main{margin-top:auto;margin-bottom:auto}.header_home{justify-content:center;border-radius:20px 20px 0 0}@media (max-width: 1367px){.categories__card,.categories__card:hover{width:calc((100% - 72px)/4)}.categories__img{width:100%}}@media (max-width: 896px){.categories__card{width:calc((100% + 48px) / 3);flex-shrink:0}.categories__card:hover{width:calc((100% + 48px) / 3)}.categories{overflow-x:scroll;justify-content:start}.categories_center{justify-content:center}}@media (max-width: 580.5px){.categories__card,.categories__card:hover{width:calc((100% + 48px) / 3 * 2)}}.button-icon_back svg{transition:all .2s ease-in-out}.button-icon_back:hover svg{transform:translate(-8px)}.course-wrapper{min-height:calc(100dvh - 88px);width:100%;display:grid;grid-template-columns:3fr 1fr;margin-top:8px;gap:8px}.course{background:var(--color-white);box-shadow:inset 0 0 629px 0 var(--color-white);border-radius:20px;padding:95px 142.5px 71px 143px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;gap:32px}.course_loading{animation:course_blink 1s infinite alternate ease-in-out 0s;box-shadow:none}@keyframes course_blink{to{background-color:transparent}}.course-aside{background:var(--color-white);border-radius:20px;padding:47px 24px 24px;box-sizing:border-box;display:flex;flex-direction:column;gap:32px}.course_error{background:color-mix(in oklab,var(--color-orange) 10%,transparent);box-shadow:none}.course__description{color:var(--color-midnight);font-family:var(--font-noto);font-size:24px;line-height:145%;margin-top:16px;white-space:pre-line}.course__cost{display:flex;gap:16px;margin-bottom:24px}.course__school span{text-decoration:underline;text-decoration-color:transparent;transition:text-decoration-color .2s ease-in-out}.course__school:hover span{text-decoration-color:currentColor}.course__school img{width:24px;height:24px;object-fit:contain}.course__price{color:var(--color-midnight);font-family:var(--font-noto);font-size:48px;font-weight:700}.course__price_from{font-size:24px}.course__period{color:var(--color-stone);font-family:var(--font-noto);font-size:24px}.course__top{display:flex;flex-direction:column;gap:24px}.course__tags{display:flex;justify-content:space-between;gap:16px}.features{border-bottom:.5px solid var(--color-grey);border-top:.5px solid var(--color-grey)}.rating__grade{color:var(--color-midnight);font-family:var(--font-noto);font-size:48px;font-weight:700}.rating__source{color:var(--color-stone);font-family:var(--font-noto);font-size:16px;margin-top:16px;text-align:center}.rating{display:flex;flex-direction:column;align-items:center}.rating__stars{display:flex;gap:8px;margin-top:24px}.features__title{color:var(--color-stone);font-family:var(--font-noto);font-size:16px}.features__description{color:var(--color-midnight);font-family:var(--font-noto);font-size:16px;font-weight:700;text-align:left}.features__item{padding:24px 0;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;border-bottom:.5px solid var(--color-grey);border-top:.5px solid var(--color-grey)}.features__feature{display:flex;flex-direction:column;gap:8px}.packages{margin-top:8px}.packages__item{padding:24px;box-sizing:border-box;border-radius:20px;border:1px solid transparent;background:color-mix(in oklab,var(--color-stone) 10%,transparent);border:1px solid var(--color-grey);display:none;flex-direction:column;gap:8px;transition:all .2s ease-in-out}.packages__item_visible{display:flex}.packages__item_show-more{display:flex;cursor:pointer}.packages__item_show-more:hover{border-color:var(--color-midnight);background:transparent}.packages__list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.packages__title{color:var(--color-midnight);font-family:var(--font-noto);font-size:16px}.packages__title_stone{color:var(--color-stone)}.packages__description{color:var(--color-midnight);font-family:var(--font-noto);font-size:16px;font-weight:700}@media (max-width: 1367px){.packages__item_show-more{grid-column:span 2}.packages__list{grid-template-columns:repeat(2,1fr)}.course-wrapper{grid-template-columns:2fr 1fr}.course{padding:24px}.course-aside{padding-top:24px}}@media (max-width: 896px){.features{flex-grow:1}.features__description{text-align:right}.rating__source{text-align:left}.course-aside{flex-direction:row}.course-wrapper{grid-template-columns:1fr;grid-template-rows:1fr auto}.rating{align-items:flex-start}.features__feature{flex-direction:row;justify-content:space-between}}@media (max-width: 580.5px){.packages__item_show-more{grid-column:span 1}.packages__list{grid-template-columns:repeat(1,1fr)}.course__cost{gap:8px;margin-bottom:16px}.course__school span{display:none}.course-aside{flex-direction:column}.features__description{text-align:left}.course__description{font-size:16px;margin-top:8px}.course__price,.rating__grade{font-size:32px}.course__price_from,.course__period{font-size:16px}.rating{align-items:center}.features__feature{flex-direction:column}}.courses-wrapper{display:grid;grid-template-columns:repeat(4,1fr);column-gap:24px;row-gap:32px;margin-top:24px;grid-template-rows:auto 1fr}.courses-wrapper__title-block{grid-column:1 / 2;grid-row:1 / 2;display:flex;justify-content:space-between;align-items:center}.filters__btn-close{position:sticky;cursor:pointer;display:none;margin-left:auto;top:0}.filters{grid-column:1 / 2;grid-row:2 / 3;transition:.2s opacity ease-in-out,.2s transform ease-in-out}.filters_h1{display:none;margin-bottom:32px;margin-top:-24px}.courses-list{grid-column:2 / 5;grid-row:1 / 3;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;grid-auto-rows:1fr}.course-card{background:var(--color-white);border-radius:20px;padding:24px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;gap:24px;transition:all .2s ease-in-out;border:1px solid transparent}.course-card:hover{cursor:pointer;border-color:var(--color-midnight)}.courses-wrapper__subtitle{color:var(--color-midnight);font-family:var(--font-noto);font-size:16px;margin-top:16px}.course-card_placeholder{aspect-ratio:1 / 1;pointer-events:none}.course-card_loading{animation:course-card_blink 1s infinite alternate ease-in-out 0s}@keyframes course-card_blink{to{opacity:0}}.course-card_error{background:var(--color-orange);opacity:.1}.button-icon_right svg{transition:transform .2s ease-in-out}.course-card:hover .button-icon_right svg{transform:translate(4px)}.course-card__description{color:var(--color-midnight);font-family:var(--font-noto);font-size:16px;line-height:145%;margin-top:8px}.course-card__header{display:flex;justify-content:space-between;align-items:start}.course-card__img-container{width:48px;height:48px;border:1px solid var(--color-grey);background:var(--color-silver);border-radius:100px;display:flex;align-items:center;justify-content:center}.course-card__img{width:24px;height:24px;object-fit:contain}.course-card__btm{border-top:1px solid var(--color-grey);padding-top:16px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center}.course-card__top{display:flex;flex-direction:column;gap:16px}.course-card__price-block{display:flex;flex-direction:column;gap:4px}.course-card__price-title{color:var(--color-midnight);font-family:var(--font-noto);font-size:16px;font-weight:700}.course-card__price-description{color:var(--color-stone);font-family:var(--font-noto);font-size:16px}.filters__title{color:var(--color-midnight);font-family:var(--font-noto);font-size:16px;font-weight:700;margin-bottom:16px}.filters__options{display:flex;flex-direction:column;gap:8px}.courses-wrapper__btn-reload{margin-top:32px}.btn-filter{display:none;cursor:pointer;border:none;padding:0;background:var(--color-midnight);width:48px;height:48px;border-radius:100px;justify-content:center;align-items:center;position:relative}.btn-filter_active:before{content:"";position:absolute;right:0;top:0;width:12px;height:12px;background:var(--color-orange);border-radius:20px}.btn-filter__icon{width:24px;height:24px}@media (max-width: 1367px){.courses-wrapper{grid-template-columns:repeat(3,1fr)}.courses-list{grid-template-columns:repeat(2,1fr);grid-column:2 / 4}}@media (max-width: 896px){.btn-filter__icon{color:var(--color-white)}.filters_h1{display:block}.courses-wrapper{grid-template-columns:1fr}.courses-list{grid-column:1 / 2;grid-row:auto}.courses-wrapper__title-block{grid-row:auto}.filters{position:fixed;background:var(--color-white);padding:24px;overflow-y:scroll;box-sizing:border-box;border-radius:20px;width:calc(100dvw - 24px);height:calc(100dvh - 24px);top:12px;left:12px;opacity:1;pointer-events:auto;transform:translate(0);box-shadow:0 0 100px 0 var(--color-midnight)}.filters_hidden{pointer-events:none;opacity:0;transform:translate(-10%)}.btn-filter{display:flex}.filters__btn-close{display:block}}@media (max-width: 580.5px){.btn-filter__icon{color:var(--color-midnight)}.btn-filter_active:before{border:2px solid var(--color-grey);box-sizing:border-box}.courses-list{grid-auto-rows:auto;grid-template-columns:auto}.btn-filter{background:transparent;height:auto;width:auto}}.not-found{display:flex;align-items:center;justify-content:center;height:calc(100dvh - 80px)}.not-found__description{color:var(--color-midnight);font-family:var(--font-noto);font-size:16px;margin-top:16px}.not-found__btn{margin-top:32px}.not-found__h1{margin-top:24px}.not-found__wrapper{display:flex;flex-direction:column;align-items:center}.not-found__img{width:calc(100dvw / 1710 * 260)}@media (max-width: 1367px){.not-found__img{width:25dvw}}@media (max-width: 896px){.not-found__img{width:calc(100dvw / 3)}}@media (max-width: 580.5px){.not-found__img{width:calc(100dvw / 3 * 2)}}.icon_color-midnight{color:var(--color-midnight);transition:color .2s ease-in-out}.icon_color-orange{color:var(--color-orange);transition:color .2s ease-in-out}.icon_color-white{color:var(--color-white)}.btn-top{width:48px;height:48px;position:fixed;right:max(12px,calc((100vw - 1710px)/2 + 12px));bottom:12px;margin-left:auto;border:none;background:var(--color-grey);border-radius:20px 0 0 20px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease-in-out,width .2s ease-in-out,right .2s ease-in-out,opacity .2s ease-in-out;opacity:0}.btn-top_show{opacity:1}.btn-top_hide{opacity:0}.btn-top:hover{cursor:pointer;background-color:var(--color-midnight);right:0;width:60px}.btn-top:hover .icon_color-midnight{color:var(--color-white)}:root{--color-midnight: #000000;--color-stone: #b2b2b2;--color-grey: #e9e9e9;--color-silver: #f5f5f5;--color-white: #ffffff;--color-orange: #f34a23;--font-tiktok: "TikTok Sans", sans-serif;--font-noto: "Noto Sans", sans-serif}a{text-decoration:none}*{font-style:normal;font-weight:400;line-height:100%}body{background:var(--color-grey);padding:12px;box-sizing:border-box;max-width:1710px;min-width:393px;margin:0 auto}.no-scroll{position:relative;height:100%;overflow:hidden}.container{width:100%}.header{display:flex;background:var(--color-white);padding:16px 20px 16px 16px;box-sizing:border-box;align-items:center}.header_round{justify-content:space-between;border-radius:20px}.logo{display:flex;gap:8px;align-items:center;cursor:pointer}.logo__title{color:var(--color-midnight);font-family:var(--font-tiktok);font-size:24px;display:flex;font-weight:900}.logo:hover .logo__title_italic{transform:skew(14deg) translate(-.1em)}.logo__subtitle{color:var(--color-stone);font-family:var(--font-noto);font-size:12px}.logo__title_italic{font-style:italic;will-change:transform;transition:transform .2s ease-in-out;width:.5em}.logo_home{flex-direction:column}.logo__title_home{font-size:51px}.logo__subtitle_home{font-size:16px}.h1{color:var(--color-midnight);font-family:var(--font-tiktok);font-size:48px;font-weight:700}.h1_home{font-weight:400;text-align:center}.h1_color-stone{color:var(--color-stone)}.h2{color:var(--color-midnight);font-family:var(--font-tiktok);font-size:24px;font-weight:700;line-height:120%}.button{padding:16px 24px;border-radius:100px;background:var(--color-midnight);color:var(--color-white);font-family:var(--font-noto);font-size:16px;font-weight:700;transition:background-color .2s ease-in-out,color .2s ease-in-out;display:inline-block;box-sizing:border-box;box-shadow:inset 0 0 0 2px var(--color-midnight);cursor:pointer}.button:hover{color:var(--color-midnight);background:transparent}.button-icon{color:var(--color-midnight);font-family:var(--font-noto);font-size:16px;display:flex;gap:8px;align-items:center;cursor:pointer}.menu{display:flex;gap:24px}.menu__item{color:var(--color-midnight);font-family:var(--font-noto);font-size:16px;text-decoration:underline;text-decoration-color:transparent;transition:text-decoration-color .2s ease-in-out;position:relative}.menu__item:hover{text-decoration-color:currentColor}.menu__item svg{display:none;position:absolute;left:50%;transform:translate(-50%);bottom:-13.5px}.menu__item_active svg{display:block}.checkbox{display:flex;gap:8px;align-items:center;cursor:pointer}.checkbox:hover .checkbox__indicator{background-color:var(--color-stone)}.checkbox__text{color:var(--color-midnight);font-family:var(--font-noto);font-size:16px;cursor:pointer}.checkbox__text_number{color:var(--color-stone)}.checkbox__indicator{display:block;appearance:none;width:24px;height:24px;margin:0;background:transparent;border-radius:6px;box-sizing:border-box;outline:2px solid var(--color-midnight);outline-offset:-5px;cursor:pointer;transition:all .2s ease-in-out;position:relative}.checkbox__indicator:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:14px;height:14px;background:var(--color-midnight)}.checkbox__container{position:relative}.test{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width: 580.5px){.logo__subtitle{display:none}.h1{font-size:34px}}