.courses-hero,.courses-page{background:var(--white)}.courses-hero{width:100%}.courses-hero__frame{display:flex;flex-direction:column;width:min(100%,var(--frame-max));margin-inline:auto;padding:0 calc(40 * var(--u)) calc(40 * var(--u));box-sizing:border-box}.courses-hero .header{margin-inline:calc(-40 * var(--u));width:calc(100% + 80 * var(--u))}.courses-page__breadcrumbs{display:flex;margin:calc(20 * var(--u)) 0 0;color:#a6a7a8}.courses-page__breadcrumbs a{color:inherit;text-decoration:none;transition:color .2s ease}.courses-page__breadcrumbs a:hover{color:var(--accent)}.courses-page__breadcrumbs span[aria-current=page]{color:#303030}.courses-page__crumb-dot{background:currentColor}.courses-page__title{margin:calc(81 * var(--u)) 0 0;max-width:calc(732 * var(--u));color:#1e313a;font-family:var(--font-manrope);font-weight:500;font-size:calc(60 * var(--u));line-height:1.1;letter-spacing:-.01em}.courses-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:calc(15 * var(--u));margin:calc(30 * var(--u)) 0 0;padding:0;list-style:none}.courses-tabs__btn{display:inline-flex;align-items:center;justify-content:center;height:calc(50 * var(--u));padding:calc(15 * var(--u)) calc(20 * var(--u));border:1px solid #d7d7d7;border-radius:2px;background:var(--white);color:#303030;font-family:var(--font-manrope);font-weight:500;font-size:calc(15 * var(--u));line-height:1.2;letter-spacing:0;white-space:nowrap;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.courses-tabs__btn:hover{border-color:var(--accent);color:var(--accent)}.courses-tabs__btn.is-active{border-color:var(--accent);background:var(--accent);color:var(--white)}.courses-tabs__btn.is-active:hover{color:var(--white)}.courses-dropdown,.courses-module{display:none}.courses-body{width:100%;background:var(--white)}.courses-body__inner{display:flex;flex-direction:column;gap:calc(40 * var(--u));width:min(100%,var(--frame-max));margin-inline:auto;padding:0 calc(40 * var(--u)) calc(120 * var(--u));box-sizing:border-box}.courses-banner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:calc(20 * var(--u));width:100%;min-height:calc(120 * var(--u));padding:calc(24 * var(--u)) calc(20 * var(--u));overflow:hidden;border-radius:2px;background:#025657;box-sizing:border-box}.courses-banner__bg{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center center;pointer-events:none}.courses-banner__title{position:relative;z-index:1;margin:0;max-width:calc(391 * var(--u));color:var(--white);font-family:var(--font-manrope);font-weight:500;font-size:calc(30 * var(--u));line-height:1.2}.courses-banner__btn{position:relative;z-index:1;flex-shrink:0}.courses-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(20 * var(--u));margin:0;padding:0;list-style:none}.courses-grid .course-card{width:100%;height:calc(400 * var(--u))}.courses-grid .course-card__badge{display:none}.courses-grid .course-card__title{line-height:1.2}@media (max-width:1200px){.courses-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1023px){.courses-hero__frame{padding:0 20px}.courses-hero .header{margin-inline:-20px;width:calc(100% + 40px)}.courses-page__title{margin-top:20px;margin-bottom:0;font-size:var(--type-h2);letter-spacing:-.01em}.courses-tabs{display:none}.courses-body__inner{gap:20px;padding:20px 20px 80px}.courses-dropdown{display:block;position:relative;width:100%}.courses-dropdown__btn{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;height:50px;padding:10px 15px;border:1px solid #d7d7d7;border-radius:2px;background:var(--white);color:var(--accent);font-family:var(--font-manrope);font-weight:400;font-size:var(--type-xs);line-height:1.2;text-align:left;box-sizing:border-box;cursor:pointer}.courses-dropdown.is-open .courses-dropdown__btn svg{transform:rotate(180deg)}.courses-dropdown__btn svg{flex-shrink:0;transition:transform .2s ease}.courses-dropdown__list{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:5;margin:0;padding:8px 0;list-style:none;background:var(--white);border:1px solid #d7d7d7;border-radius:2px;box-shadow:0 8px 24px rgba(12,44,49,.12)}.courses-dropdown__list[hidden]{display:none}.courses-dropdown__list button{display:block;width:100%;padding:12px 15px;border:0;background:transparent;text-align:left;color:var(--text-primary);font-family:var(--font-manrope);font-size:var(--type-s);line-height:1.3;cursor:pointer}.courses-dropdown__list button.is-active,.courses-dropdown__list button:hover{color:var(--accent);background:#f2f3f7}.courses-banner{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;width:100%;min-height:178px;height:178px;padding:20px}.courses-banner__title{max-width:262px;font-size:var(--type-h3);line-height:1.2;letter-spacing:-.01em}.courses-banner__btn{width:auto;margin-top:auto;height:50px}.courses-module{position:relative;display:block;width:100%;height:370px;overflow:hidden;border-radius:2px;color:inherit;text-decoration:none;background:#0c2c31}.courses-module__img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}.courses-module__badge{position:absolute;top:20px;left:20px;z-index:2;display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:2px;background:rgba(255,255,255,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);color:var(--white);font-family:var(--font-manrope);font-weight:400;font-size:var(--type-xs);line-height:1.2;letter-spacing:-.01em}.courses-module__panel{position:absolute;left:0;right:0;bottom:0;z-index:2;height:191px;padding:26px 20px 0;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.1));backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);box-sizing:border-box}.courses-module__title{margin:0;max-width:291px;font-weight:500;font-size:var(--type-h3);line-height:1.2;letter-spacing:-.01em}.courses-module__text,.courses-module__title{color:var(--white);font-family:var(--font-manrope)}.courses-module__text{margin:15px 0 0;max-width:284px;font-weight:400;font-size:var(--type-s);line-height:1.3}.courses-grid{grid-template-columns:1fr;gap:20px}.courses-grid .course-card{max-width:none;height:370px}.courses-grid .course-card__badge{display:inline-flex;top:20px;left:20px;padding:8px 12px;font-size:var(--type-xs);line-height:1.2;letter-spacing:-.01em}.courses-grid .course-card__title{font-size:var(--type-l);line-height:1.2}.courses-grid .course-card__meta{font-size:var(--type-s);line-height:1.3;letter-spacing:0}}