.rod{font-family:"SF Pro Display",sans-serif}
.rod-sec{margin-top:calc(60px + 60 * ((100vw - 320px) / 1600))}
.rod-sec-title{margin:0 0 .5em;font-weight:500;color:var(--teal);letter-spacing:-.03em;line-height:1.05;font-size:calc(30px + 26 * ((100vw - 320px) / 1600))}
.rod-sec-sub{margin:0 0 2.25rem;font-weight:300;font-size:calc(18px + 4 * ((100vw - 320px) / 1600));line-height:1.4;max-width:46rem}
.rod-gen .rod-sec-title{color:#fff}
.rod-gen .rod-sec-sub{color:rgba(255,255,255,.85)}
.rod-shorts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}
.rod-short{display:flex;flex-direction:column;gap:12px}
.rod-short__box{position:relative;aspect-ratio:9/16;border-radius:1.25rem;overflow:hidden;background:#0b4a63;display:flex;align-items:center;justify-content:center;color:#fff}
.rod-short__box i{width:64px;height:64px;border-radius:50%;border:2px solid #fff;display:flex;align-items:center;justify-content:center}
.rod-short__box small{position:absolute;left:14px;top:14px;font-size:13px;background:rgba(255,255,255,.15);border-radius:20px;padding:4px 10px}
.rod-short__box em{position:absolute;left:16px;right:16px;bottom:16px;font-style:normal;font-size:1.125rem;font-weight:500;line-height:1.25}
.rod-short p{margin:0;font-weight:300;font-size:1rem;line-height:1.4}
@media (max-width:1100px){.rod-shorts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){.rod-shorts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
.rod-revs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;margin-top:2.5rem}
.rod-rev{display:flex;flex-direction:column;gap:12px}
.rod-rev__box{position:relative;aspect-ratio:3/4;border-radius:1.5rem;overflow:hidden;background:#0b4a63}
.rod-rev__box img{width:100%;height:100%;object-fit:cover;display:block}
.rod-rev b{font-size:1.25rem;font-weight:600;color:#013247}
.rod-rev p{margin:0;font-weight:300;font-size:1rem;line-height:1.45}
@media (max-width:1100px){.rod-revs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){.rod-revs{gap:1.25rem 12px}}
.rod .rod-rev__box,.rod .rod-short__box{border-radius:1.875rem}
.rod .rod-sec + .not-fit{margin-top:calc(40px + 40 * ((100vw - 320px) / 1600))}
.rod-arts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;margin-top:2.5rem}
.rod-art{position:relative;display:flex;flex-direction:column;gap:14px}
.rod-art .rod-art__img{position:relative;aspect-ratio:3/4;border-radius:1.875rem;overflow:hidden;padding:0;height:auto}
.rod-art .rod-art__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rod-art .articles-item__name{font-size:1.125rem;font-weight:500;line-height:1.3;color:#013247}
.rod-art .articles-item__info span{display:inline-block;margin-top:8px;font-size:15px;text-decoration:underline;color:#013247}
.rod-art > a{position:absolute;inset:0}
@media (max-width:767px){.rod-arts{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 10px}.rod-art .articles-item__name{font-size:1rem}}
.rod-art{border-radius:1.875rem;gap:0}
.rod-art .rod-art__img{aspect-ratio:auto;padding-top:75%;border-radius:0;height:0}
.rod-art .articles-item__name{color:rgba(255,255,255,.9);font-size:1.125rem;font-weight:300}
.rod-art .articles-item__info span{display:flex;margin:0 auto;text-decoration:none;color:#f8fdff;font-size:1rem}
.rod-art:hover .articles-item__info span{background:#f8fdff;color:#013247}
@media (max-width:767px){.rod-arts{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:10px;padding-bottom:6px;scrollbar-width:none}.rod-arts::-webkit-scrollbar{display:none}.rod-art{flex:0 0 calc(50% - 5px);min-width:0;scroll-snap-align:start}.rod-art .articles-item__info{padding:12px 12px 16px;gap:14px}.rod-art .articles-item__name{font-size:15px}.rod-art .articles-item__info span{width:100%;height:2.6em;font-size:14px}}
@media (max-width:767px){.rod .rod-shorts,.rod .rod-revs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px;padding-bottom:6px;scrollbar-width:none}.rod .rod-shorts::-webkit-scrollbar,.rod .rod-revs::-webkit-scrollbar{display:none}.rod .rod-short,.rod .rod-rev{flex:0 0 calc(50% - 6px);min-width:0;scroll-snap-align:start}}
.rod-shorts_5{grid-template-columns:repeat(5,minmax(0,1fr))}
.rod-short_v .rod-short__box{background:#013247}
.rod-short_v .rod-short__box video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#013247}
.rod-short_v .rod-short__box small{z-index:1;pointer-events:none;background:rgba(1,50,71,.6)}
.rod-short_v h3{margin:4px 0 0;font-size:1.125rem;font-weight:500;line-height:1.25;color:#013247}
.rod-short_v p{margin:0;font-size:15px;opacity:.85}
@media (max-width:991px){.rod-shorts_5{grid-template-columns:repeat(3,minmax(0,1fr))}}
.rod{timeline-scope:--rsc-fit,--rsc-short,--rsc-rev,--rsc-pil,--rsc-get,--rsc-art,--rsc-cc}
.rod-sc{display:none;align-items:center;gap:14px;margin-top:22px}
.rod-sc__track{position:relative;flex:1;height:18px;margin-right:9px}
.rod-sc__track::before{content:"";position:absolute;left:0;right:-9px;top:8px;height:2px;background:repeating-linear-gradient(90deg,rgba(1,50,71,.28) 0 6px,transparent 6px 11px)}
.rod-sc__thumb{--w:50%;position:absolute;left:0;top:5px;width:var(--w);height:8px;border-radius:8px;background:#013247;animation:rodSc2 linear both}
.rod-sc__thumb::before{content:"";position:absolute;left:-3px;top:-3px;width:14px;height:14px;border-radius:50%;background:#013247}
.rod-sc__thumb::after{content:"";position:absolute;right:-9px;top:-5px;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid #013247;box-sizing:border-box;box-shadow:0 0 0 4px rgba(1,50,71,.08)}
.rod-sc__hint{display:flex;align-items:center;gap:6px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#013247;white-space:nowrap}
.rod-sc_fit .rod-sc__thumb{animation-timeline:--rsc-fit}
.rod-sc_short .rod-sc__thumb{animation-timeline:--rsc-short}
.rod-sc_rev .rod-sc__thumb{animation-timeline:--rsc-rev}
.rod-sc_pil .rod-sc__thumb{animation-timeline:--rsc-pil}
.rod-sc_get .rod-sc__thumb{animation-timeline:--rsc-get}
.rod-sc_art .rod-sc__thumb{animation-timeline:--rsc-art}
.rod-sc_cc .rod-sc__thumb{animation-timeline:--rsc-cc;--w:20%}
.rod-cc .swiper-wrapper{scroll-timeline:--rsc-cc x}
.rod-cc .rod-sc{display:flex}
.rod .rod-shorts{scroll-timeline:--rsc-short x}
.rod .rod-revs{scroll-timeline:--rsc-rev x}
.rod .rod-arts{scroll-timeline:--rsc-art x}
@media (min-width:768px){.rod .rod-shorts,.rod .rod-revs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1.25rem;scrollbar-width:none}.rod .rod-shorts::-webkit-scrollbar,.rod .rod-revs::-webkit-scrollbar{display:none}.rod .rod-short{flex:0 0 calc((100% - 3 * 1.25rem) / 4);min-width:0;scroll-snap-align:start}.rod .rod-rev{flex:0 0 calc((100% - 2 * 1.25rem) / 3);min-width:0;scroll-snap-align:start}.rod-sc_short,.rod-sc_rev{display:flex}.rod-sc_short .rod-sc__thumb{--w:80%}.rod-sc_rev .rod-sc__thumb{--w:75%}}
@media (max-width:767px){.rod .rod-shorts,.rod .rod-revs,.rod .rod-arts{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;gap:12px;scrollbar-width:none}.rod .rod-shorts::-webkit-scrollbar,.rod .rod-revs::-webkit-scrollbar,.rod .rod-arts::-webkit-scrollbar{display:none}.rod .rod-short,.rod .rod-rev,.rod .rod-art{flex:0 0 calc(50% - 6px);min-width:0;scroll-snap-align:start}.rod-sc{display:flex}.rod-sc_short .rod-sc__thumb{--w:40%}}
.rod-cc{margin-top:calc(60px + 60 * ((100vw - 320px) / 1600))}
.rod-cc .courses-level__slider{overflow:hidden}
.rod-cc .swiper-wrapper{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1.25rem;scrollbar-width:none}
.rod-cc .swiper-wrapper::-webkit-scrollbar{display:none}
.rod-cc .swiper-slide{flex:0 0 calc((100% - 3 * 1.25rem) / 4);min-width:0;scroll-snap-align:start;margin:0 !important;width:auto !important}
.rod-cc .courses-level__control{display:none}
@media (max-width:767px){.rod-cc .swiper-slide{flex:0 0 calc(50% - 6px)}.rod-sc_cc .rod-sc__thumb{--w:12%}.rod-cc .swiper-wrapper{gap:12px}}
.rod .rod-cc{padding-top:4.5rem;padding-bottom:4rem}
.rod .rod-cc + section{margin-top:4.5rem}
@media (max-width:767px){.rod .rod-cc{padding-top:2.75rem;padding-bottom:2.5rem}.rod .rod-cc + section{margin-top:2.75rem}}
.rod{timeline-scope:--rsc-fit,--rsc-short,--rsc-rev,--rsc-pil,--rsc-get,--rsc-art,--rsc-cc,--rsc-step}
.rod-sc_step .rod-sc__thumb{animation-timeline:--rsc-step;--w:40%}
@media (max-width:767px){.rod-cc .courses-level-item{padding:14px}.rod-cc .courses-level-item__type{font-size:12px}.rod-cc .courses-level-item__name{font-size:17px;line-height:1.2;min-height:2.4em}.rod-cc .courses-level-item__start span{font-size:13px}.rod-cc .courses-level-item__start p{white-space:nowrap;font-size:12px;margin-top:6px}.rod-cc .courses-level-item__img{width:52px;height:52px;flex:0 0 52px}.rod-cc .courses-level-item__desc{font-size:13px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.rod-cc .current-courses__title{margin-bottom:.5rem}.rod .rod-art .articles-item__name{font-size:14px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.rod .rod-art .articles-item__info{padding:10px 10px 12px;gap:10px}.rod .rod-art .articles-item__info span{height:2.3em;font-size:13px}}
.rod-rev__box{position:relative}
.rod-rev__box video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;background:#0b4a63}
.rod-short_v .rod-short__box video{display:block}
.rod .rod-cc .courses-level__slider{overflow:visible}
.rod .rod-art .articles-item__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media (min-width:768px){.rod .rod-arts{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1.25rem;scrollbar-width:none}.rod .rod-arts::-webkit-scrollbar{display:none}.rod .rod-art{flex:0 0 calc((100% - 3 * 1.25rem) / 4);min-width:0;scroll-snap-align:start}.rod .rod-sc_art{display:flex}.rod .rod-sc_art .rod-sc__thumb{--w:57%}}
@media (max-width:767px){.rod .rod-sc_art .rod-sc__thumb{--w:29%}}
.rod button.rod-sc__hint{background:none;border:0;padding:6px 0 6px 6px;margin:0;font:inherit;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#013247;cursor:pointer;display:flex;align-items:center;gap:6px}
.rod button.rod-sc__hint:hover{opacity:.7}
.rod button.rod-sc__hint svg{transition:transform .2s}
.rod button.rod-sc__hint:hover svg{transform:translateX(3px)}
@keyframes rodSc2{from{left:0}to{left:calc(100% - var(--w))}} @media (min-width:768px){.rod-lite .rod-shorts_few{justify-content:center}.rod-lite .rod-shorts_few .rod-short{flex:0 0 calc((100% - 3 * 1.25rem) / 4)}}
.rod-lite .rod-sc[hidden]{display:none!important} article[class*="site-main__"] > .rod-lite > .rod-sec,article[class*="site-main__"] > .rod-lite > .courses-articles{max-width:1220px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;box-sizing:border-box}
@media (max-width:767px){article[class*="site-main__"] > .rod-lite > .rod-sec,article[class*="site-main__"] > .rod-lite > .courses-articles{padding-left:10px;padding-right:10px}} .book .book__list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;overflow:visible!important;width:auto!important;margin-left:0!important;margin-right:0!important;padding:0!important}
.book .book__item{display:grid!important;grid-template-columns:160px 1fr;align-items:center;gap:28px;width:auto!important;background:#eef3f5;border-radius:24px;padding:28px 32px}
.book .book__img{position:relative;width:160px!important;height:240px!important;padding:0!important;border-radius:6px;overflow:hidden;box-shadow:0 14px 30px rgba(1,50,71,.22),0 2px 6px rgba(1,50,71,.12)}
.book .book__img img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover}
.book .book__item p{margin:0;font-size:20px;line-height:1.35;color:#013247}
.book .book__item_link p{text-decoration:underline;text-underline-offset:3px}
.book .book__item_link:hover .book__img{transform:translateY(-3px);transition:transform .2s}
@media (max-width:767px){.book .book__list{grid-template-columns:1fr;gap:12px}.book .book__item{grid-template-columns:96px 1fr;gap:18px;padding:16px 18px;border-radius:18px}.book .book__img{width:96px!important;height:144px!important}.book .book__item p{font-size:16px}} @media (min-width:768px){article[class*="site-main__"] section[class$="_section"],article[class*="site-main__"] section[class*="_section "]{margin-top:calc(50px + 50 * ((100vw - 320px) / 1600))!important}}