*{margin:0;padding:0;font-family:Lato,sans-serif;box-sizing:border-box}html{font-size:10px}.container{max-width:1230px;margin:0 auto;padding:0 15px}.header{padding:50px 0;text-align:center;margin-bottom:85px}.header__title{font-size:4.6rem;line-height:130%;font-weight:900;color:#1e212c}@media(max-width:768px){.header__title{font-size:3.6rem}}@media(max-width:480px){.header__title{font-size:2.8rem}}@media(max-width:320px){.header__title{font-size:2.4rem}}.header__subtitle{font-size:1.6rem;margin-bottom:8px;line-height:150%;opacity:.9;font-weight:700}.nav{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:20px;padding-bottom:20px;margin-bottom:40px}@media(max-width:992px){.nav{flex-direction:column;align-items:stretch;gap:30px}}@media(max-width:768px){.nav{gap:25px}}@media(max-width:480px){.nav{gap:20px}}.filters{display:flex;flex-wrap:wrap;gap:24px;align-items:center}@media(max-width:992px){.filters{gap:20px;justify-content:flex-start}}@media(max-width:768px){.filters{gap:15px;justify-content:center}}@media(max-width:576px){.filters{gap:12px;justify-content:center}}@media(max-width:375px){.filters{gap:10px}}@media(max-width:320px){.filters{gap:8px}}.filter{border:none;background:none;font-size:1.6rem;font-weight:700;color:#9a9ca5;cursor:pointer;padding:0;position:relative;white-space:nowrap}@media(max-width:768px){.filter{font-size:1.4rem;padding:8px 12px}}@media(max-width:576px){.filter{font-size:1.3rem;padding:6px 10px}}@media(max-width:480px){.filter{font-size:1.2rem;padding:5px 8px}}@media(max-width:320px){.filter{font-size:1.1rem;padding:4px 6px}}.filter__count{font-size:1rem;font-weight:900;vertical-align:top;line-height:1}@media(max-width:480px){.filter__count{font-size:.9rem}}.filter--active{border:1px solid #FF3F3A;border-radius:4px;color:#ff3f3a;padding:10px;font-weight:700;line-height:160%;font-size:1.6rem}@media(max-width:768px){.filter--active{padding:8px 12px;font-size:1.4rem}}@media(max-width:576px){.filter--active{padding:6px 10px;font-size:1.3rem}}@media(max-width:480px){.filter--active{padding:5px 8px;font-size:1.2rem}}@media(max-width:320px){.filter--active{padding:4px 6px;font-size:1.1rem}}.search{width:315px;position:relative}.search__label{display:block;position:relative;cursor:text}@media(max-width:992px){.search{width:100%;max-width:400px;align-self:flex-start}}@media(max-width:480px){.search{max-width:100%}}.search__input{width:100%;padding:12px 16px;border-radius:4px;border:1px solid #9A9CA5;font-size:14px}@media(max-width:480px){.search__input{padding:10px 14px;font-size:13px}}.search__icon{position:absolute;top:50%;transform:translateY(-50%);right:12px;pointer-events:none;z-index:1}@media(max-width:480px){.search__icon{right:10px;width:14px;height:14px}}.courses-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}@media(max-width:992px){.courses-grid{grid-template-columns:repeat(2,1fr);gap:25px}}@media(max-width:768px){.courses-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media(max-width:576px){.courses-grid{grid-template-columns:1fr;gap:20px}}@media(max-width:320px){.courses-grid{gap:15px}}.course-card{border-radius:4px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:all .3s ease;height:100%;max-width:390px;display:flex;flex-direction:column}.course-card__image img{width:100%;height:200px;object-fit:cover;object-position:center top;display:block}@media(max-width:768px){.course-card__image img{height:180px}}@media(max-width:480px){.course-card__image img{height:160px}}@media(max-width:320px){.course-card__image img{height:140px}}.course-card__content{padding:2.4rem;flex-grow:1;display:flex;flex-direction:column}@media(max-width:768px){.course-card__content{padding:2rem}}@media(max-width:480px){.course-card__content{padding:1.6rem}}@media(max-width:320px){.course-card__content{padding:1.4rem}}.course-card__category{font-size:1.4rem;font-weight:400;color:#fff;letter-spacing:.5px;border-radius:4px;max-width:120px;text-align:center;line-height:150%;margin-bottom:2rem;display:inline-block;padding:4px 12px;white-space:nowrap}@media(max-width:768px){.course-card__category{font-size:1.3rem;padding:3px 10px;margin-bottom:1.6rem}}@media(max-width:480px){.course-card__category{font-size:1.2rem;padding:2px 8px;margin-bottom:1.4rem}}@media(max-width:320px){.course-card__category{font-size:1.1rem;padding:2px 6px;margin-bottom:1.2rem}}.course-card__title{font-size:18px;font-weight:700;color:#1e212c;line-height:1.4;margin-bottom:2rem;flex-grow:1}@media(max-width:768px){.course-card__title{font-size:16px;margin-bottom:1.6rem}}@media(max-width:480px){.course-card__title{font-size:15px;margin-bottom:1.4rem}}@media(max-width:320px){.course-card__title{font-size:14px;margin-bottom:1.2rem}}.course-card__info{display:flex;align-items:center;gap:8px;padding-top:15px;margin-top:auto;flex-wrap:wrap}@media(max-width:480px){.course-card__info{gap:6px;padding-top:12px}}@media(max-width:320px){.course-card__info{gap:4px;padding-top:10px}}.course-card__price{color:#ff3f3a;font-size:20px;font-weight:900;line-height:1}@media(max-width:768px){.course-card__price{font-size:18px}}@media(max-width:480px){.course-card__price{font-size:16px}}@media(max-width:320px){.course-card__price{font-size:15px}}.course-card__separator{font-size:1.6rem;color:#787a80;line-height:1}@media(max-width:768px){.course-card__separator{font-size:1.4rem}}@media(max-width:480px){.course-card__separator{font-size:1.3rem}}.course-card__author{font-size:1.6rem;font-weight:400;color:#787a80;line-height:1}@media(max-width:768px){.course-card__author{font-size:1.4rem}}@media(max-width:480px){.course-card__author{font-size:1.3rem}}@media(max-width:320px){.course-card__author{font-size:1.2rem}}.footer{align-items:center}.footer__button{font-family:Lato,sans-serif;font-weight:700;font-size:1.6rem;display:flex;cursor:pointer;gap:1.6rem;margin:8rem auto;align-items:center;border:none;background-color:transparent}@media(max-width:320px){html{font-size:9px}.container{padding:0 10px}.header{padding:30px 0;margin-bottom:40px}.nav{margin-bottom:30px}}@media(max-width:420px){.filters{justify-content:space-between}.filter{flex:1;min-width:calc(50% - 5px);text-align:center;white-space:normal;padding:8px 5px!important}}@media(min-width:320px)and (max-width:375px){.filter{font-size:1.1rem;padding:4px 3px}}@media(max-width:320px){.search__input{padding:8px 12px;font-size:12px}.search__icon{right:8px;width:12px;height:12px}}@media(max-width:360px){.course-card__content{padding:1.2rem}.course-card__title{font-size:1.3rem}.course-card__price,.course-card__author{font-size:1.1rem}}.dote{position:absolute;top:0;right:0}@media(max-width:770px){.dote{display:none}}.arrow{position:absolute;top:110%;right:5%}@media(max-width:770px){.arrow{display:none}}.circles{display:flex;gap:20px;align-items:center;position:absolute;top:100%;left:20px;z-index:-1}.circles__content{width:30px;height:60px;background-color:#ffcf2d;opacity:20%;border-radius:60px 0 0 60px;transform:scaleX(-1)}@media(max-width:770px){.circles{display:none}}