:root{--color-white: #ffffff;--color-gray-900: #1e212c;--color-gray-800: #424551;--color-gray-700: #787a80;--color-gray-600: #9a9ca5;--color-gray-400: #d7dadd;--color-gray-300: #e5e8ed;--color-gray-200: #f4f5f6;--color-primary: #ff3f3a;--color-bg-yellow: #ffcf2d;--color-badge-marketing: #03cea4;--color-badge-management: #5a81f7;--color-badge-hr: #f89039;--color-badge-design: #f52f6e;--color-badge-development: #7772f1;--font-family: 'Lato', sans-serif;--font-size-base: 16px;--container-max: 1920px;--content-max: 1290px;--container-padding: clamp(16px, calc(16px + 119 * ((100vw - 320px) / 1600)), 135px);--grid-gap: clamp( 16px, calc(16px + 14 * ((min(100vw, 1290px) - 320px) / 970)), 30px );--card-min-width: min(100%, max(280px, calc((100% - 2 * var(--grid-gap)) / 3)));--shadow-card: 0 60px 50px -35px rgba(154, 156, 165, 0.08), 0 30px 18px -18px rgba(154, 156, 165, 0.05), 0 12px 6px -6px rgba(154, 156, 165, 0.04), 0 4px 4px -2px rgba(30, 33, 44, 0.03);--transition-base: 0.2s ease;--radius-sm: 4px}*,*::before,*::after{box-sizing:border-box}body{margin:0;font-family:var(--font-family);font-size:var(--font-size-base);line-height:24px;color:var(--color-gray-900);background-color:var(--color-white)}h1,h2,h3,p,ul{margin:0}button,input{font:inherit;color:inherit}button{padding:0;border:none;background:none;cursor:pointer}ul{padding:0;list-style:none}img{max-width:100%;display:block}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.courses{position:relative;padding-block:clamp(48px,48px + (92)*(100vw - 320px)/(1600),140px)}.courses__decor{position:absolute;display:block;max-width:none;pointer-events:none;z-index:0}.courses__decor--dots{top:70px;right:0;width:clamp(80px,80px + (37)*(100vw - 320px)/(1600),117px);height:auto}@media(max-width: 767px){.courses__decor--dots{display:none}}.courses__decor--arrows_4{top:1100px;right:72px;width:clamp(80px,80px + (37)*(100vw - 320px)/(1600),117px);height:auto}@media(max-width: 1720px){.courses__decor--arrows_4{display:none}}.courses__decor--arrows_3{top:770px;left:56px;width:clamp(80px,80px + (37)*(100vw - 320px)/(1600),117px);height:auto}@media(max-width: 1720px){.courses__decor--arrows_3{display:none}}.courses__container{position:relative;z-index:1;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-padding)}.courses__header{margin-bottom:clamp(32px,32px + (28)*(min(100vw,1290px) - 320px)/(970),60px);text-align:center}.courses__label{margin-bottom:12px;font-size:clamp(12px,12px + (4)*(min(100vw,1290px) - 320px)/(970),16px);font-weight:700;line-height:clamp(18px,18px + (6)*(min(100vw,1290px) - 320px)/(970),24px);letter-spacing:1px;text-transform:uppercase;color:var(--color-gray-900)}.courses__title{font-size:clamp(28px,28px + (18)*(min(100vw,1290px) - 320px)/(970),46px);font-weight:900;line-height:clamp(36px,36px + (24)*(min(100vw,1290px) - 320px)/(970),60px);letter-spacing:.02em;color:var(--color-gray-900)}.courses__toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:clamp(16px,16px + (16)*(min(100vw,1290px) - 320px)/(970),32px);width:100%;max-width:var(--content-max);margin-inline:auto;margin-bottom:clamp(32px,32px + (28)*(min(100vw,1290px) - 320px)/(970),60px)}.courses__filters{display:flex;flex-wrap:wrap;gap:clamp(8px,8px + (4)*(min(100vw,1290px) - 320px)/(970),12px)}.courses__filter{display:inline-flex;align-items:center;gap:2px;padding:clamp(8px,8px + (2)*(min(100vw,1290px) - 320px)/(970),10px) clamp(12px,12px + (4)*(min(100vw,1290px) - 320px)/(970),16px);border:1px solid rgba(0,0,0,0);border-radius:var(--radius-sm);font-size:clamp(14px,14px + (2)*(min(100vw,1290px) - 320px)/(970),16px);font-weight:700;line-height:clamp(22px,22px + (4)*(min(100vw,1290px) - 320px)/(970),26px);color:var(--color-gray-600);white-space:nowrap;transition:color var(--transition-base),border-color var(--transition-base)}.courses__filter:hover{color:var(--color-primary)}.courses__filter--active{border-color:var(--color-primary);color:var(--color-primary)}.courses__filter:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.courses__filter-count{font-size:10px;font-weight:700;line-height:12px;vertical-align:super;margin-left:2px}.courses__search{position:relative;flex:1 1 192px;max-width:330px;margin-left:auto}.courses__search-input{width:100%;padding:clamp(8px,8px + (2)*(min(100vw,1290px) - 320px)/(970),10px) clamp(36px,36px + (4)*(min(100vw,1290px) - 320px)/(970),40px) clamp(8px,8px + (2)*(min(100vw,1290px) - 320px)/(970),10px) clamp(12px,12px + (4)*(min(100vw,1290px) - 320px)/(970),16px);border:1px solid var(--color-gray-400);border-radius:var(--radius-sm);font-size:clamp(14px,14px + (2)*(min(100vw,1290px) - 320px)/(970),16px);line-height:clamp(22px,22px + (4)*(min(100vw,1290px) - 320px)/(970),26px);color:var(--color-gray-900);background-color:var(--color-white);outline:none;transition:border-color var(--transition-base)}.courses__search-input::placeholder{color:var(--color-gray-600)}.courses__search-input:focus{border-color:var(--color-gray-700)}.courses__search-input:focus-visible{border-color:var(--color-primary)}.courses__search-icon{position:absolute;top:50%;right:clamp(12px,12px + (4)*(min(100vw,1290px) - 320px)/(970),16px);transform:translateY(-50%);display:block;width:15px;height:auto;pointer-events:none}.courses__empty{margin-bottom:clamp(24px,24px + (8)*(min(100vw,1290px) - 320px)/(970),32px);text-align:center;font-size:clamp(16px,16px + (4)*(min(100vw,1290px) - 320px)/(970),20px);color:var(--color-gray-700)}.courses__grid{display:grid;width:100%;max-width:var(--content-max);margin-inline:auto;grid-template-columns:repeat(auto-fill, minmax(var(--card-min-width), 1fr));gap:var(--grid-gap);margin-bottom:clamp(32px,32px + (28)*(min(100vw,1290px) - 320px)/(970),60px)}.courses__actions{display:flex;justify-content:center}.courses__toggle{display:flex;align-items:center;justify-content:center;gap:clamp(8px,8px + (4)*(min(100vw,1290px) - 320px)/(970),12px);font-size:clamp(14px,14px + (2)*(min(100vw,1290px) - 320px)/(970),16px);font-weight:700;line-height:clamp(22px,22px + (4)*(min(100vw,1290px) - 320px)/(970),26px);color:var(--color-gray-800);transition:color var(--transition-base)}.courses__toggle:hover{color:var(--color-primary)}.courses__toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px;border-radius:var(--radius-sm)}.courses__toggle-icon{display:flex;align-items:center;justify-content:center;width:clamp(36px,36px + (4)*(min(100vw,1290px) - 320px)/(970),40px);height:clamp(36px,36px + (4)*(min(100vw,1290px) - 320px)/(970),40px);border-radius:50%;background-color:var(--color-gray-200);transition:background-color var(--transition-base)}.courses__toggle-icon--collapsed{transform:rotate(180deg)}.courses__toggle-img{display:block;width:16px;height:auto}.courses__toggle:hover .courses__toggle-icon{background-color:color-mix(in srgb, var(--color-primary) 10%, transparent)}.page{min-height:100vh}.course-card{display:flex;flex-direction:column;height:100%;background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);box-shadow:var(--shadow-card);overflow:hidden;transition:transform var(--transition-base)}.course-card:hover{transform:translateY(-2px)}.course-card__image{aspect-ratio:360/240;overflow:hidden;background-color:var(--color-bg-yellow)}.course-card__photo{width:100%;height:100%;object-fit:cover}.course-card__body{display:flex;flex-direction:column;flex:1;gap:clamp(8px,8px + (4)*(min(100vw,1290px) - 320px)/(970),12px);padding:clamp(16px,16px + (8)*(min(100vw,1290px) - 320px)/(970),24px)}.course-card__badge{align-self:flex-start;padding:1px 8px;border-radius:var(--radius-sm);font-size:clamp(10px,10px + (2)*(min(100vw,1290px) - 320px)/(970),12px);font-weight:700;line-height:18px;color:var(--color-white)}.course-card__badge[data-category=marketing]{background-color:var(--color-badge-marketing)}.course-card__badge[data-category=management]{background-color:var(--color-badge-management)}.course-card__badge[data-category=hr]{background-color:var(--color-badge-hr)}.course-card__badge[data-category=design]{background-color:var(--color-badge-design)}.course-card__badge[data-category=development]{background-color:var(--color-badge-development)}.course-card__title{flex:1;font-size:clamp(16px,16px + (4)*(min(100vw,1290px) - 320px)/(970),20px);font-weight:700;line-height:clamp(24px,24px + (6)*(min(100vw,1290px) - 320px)/(970),30px);color:var(--color-gray-900)}.course-card__footer{display:flex;align-items:center;gap:clamp(6px,6px + (2)*(min(100vw,1290px) - 320px)/(970),8px);margin-top:auto;font-size:clamp(14px,14px + (4)*(min(100vw,1290px) - 320px)/(970),18px);line-height:clamp(22px,22px + (5)*(min(100vw,1290px) - 320px)/(970),27px)}.course-card__price{font-weight:700;color:var(--color-primary)}.course-card__divider{width:1px;height:clamp(14px,14px + (2)*(min(100vw,1290px) - 320px)/(970),16px);background-color:var(--color-gray-700)}.course-card__author{color:var(--color-gray-700)}/*# sourceMappingURL=main.css.map */