:root{--blue:#143fff;--navy:#002147;--gray:#ebebeb;--text:#232424;--white:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{margin:0;padding:0}
body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;background:#f4f6fb;color:var(--text)}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.edu-credit-page{width:100%;max-width:1440px;margin:0 auto;background:#fff;overflow:hidden}
.container{width:min(1200px,calc(100% - 40px));margin:0 auto}

/* hero */
.hero{height:576px;position:relative;color:#fff;background:#fff;overflow:hidden}
.hero__art{position:absolute;left:482px;top:-40px;width:944px;height:616px;overflow:hidden;z-index:0}
.hero__art img{position:absolute;left:0;top:0;width:944px;height:auto;max-width:none}
.hero__overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom,rgba(20,63,255,.4),#143fff)}
.hero__logo{position:absolute;left:90px;top:32px;width:60px;height:57px;object-fit:cover;z-index:3}
.hero__ministry{position:absolute;left:140px;top:197px;width:251px;height:66px;object-fit:cover;z-index:3}
.menu-button{position:absolute;left:1269px;top:21px;z-index:3;width:78px;height:78px;border:0;border-radius:50%;background:rgba(23,66,255,.5);display:grid;place-content:center;gap:7px;padding:0}
.menu-button span{width:38px;height:4px;background:#fff;display:block}
.hero__content{position:absolute;left:140px;top:304px;z-index:3;width:700px}
.hero h1{font-size:46px;line-height:53.82px;margin:0;font-weight:700;max-width:660px}

/* info and social */
.note-section{padding:60px 0 0}.note-section--intro{height:284px}.note-section--gov{height:258px}.note-section--intro .note-box{height:183px}.note-section--gov .note-box{height:151px}
.note-box{position:relative;background:var(--gray);padding:30px 20px 28px 55px;color:var(--navy);font-size:20px;line-height:31px}.note-section .note-box{margin:0 20px}
.note-box>img{position:absolute;left:16px;top:34px;width:24px;height:24px}
.note-box p{margin:0}
.social-band,.section-title{background:linear-gradient(to bottom,rgba(20,63,255,.6),#143fff);color:#fff}
.social-band{height:190px}
.social-band__inner{height:100%;position:relative;padding:0}
.social-band h2{position:absolute;left:22px;top:45px;font-size:46px;line-height:50px;margin:0;letter-spacing:.39px}
.socials{position:absolute;left:676px;top:72px;width:468px;display:flex;justify-content:space-between;align-items:center}
.social{width:64px;height:64px;border:1px solid rgba(255,255,255,.95);border-radius:50%;display:grid;place-items:center}
.social img{max-width:37px;max-height:39px}
.social--ok img{width:24px}
.social--rutube img{width:35px}

/* support */
.support{padding:55px 5px}
.support-grid{display:grid;grid-template-columns:repeat(4,348.484px);gap:12.2px;justify-content:center}
.support-card{height:336.911px;background:#ebebeb;padding:32.571px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .28s ease,box-shadow .28s ease}
.support-card:hover,.mini-card:hover{transform:translateY(-5px);box-shadow:0 18px 36px rgba(20,63,255,.12)}
.support-card h3{font-size:24.429px;line-height:32.571px;font-weight:400;margin:0;color:#232424}
.support-card--active{background:#1f48ff;color:#fff}
.support-card--blank{pointer-events:none}
.card-dot{display:block;width:44.781px;height:44.781px;border-radius:50%;background:#3468ff;flex:0 0 auto}
.card-dot--white{background:#fff}
.section-title{height:208px;display:grid;place-items:center;text-align:center}
.section-title h2{font-size:36px;line-height:51.66px;margin:0}

/* credit navigation */
.credit-menu{padding:49px 0 34px}
.credit-menu__row{display:flex;justify-content:center;gap:79px}
.credit-menu__row+.credit-menu__row{margin-top:34px}
.mini-card{width:280px;height:337px;background:#ebebeb;padding:32.571px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .28s ease,box-shadow .28s ease;flex:0 0 280px}
.mini-card h3{font-size:18px;line-height:1.2;font-weight:400;margin:0;max-width:169px}
.mini-card--blue{background:#143fff;color:#fff}

/* documents */
.documents{position:relative;height:393px;padding:0}
.documents article{position:absolute;top:0;height:338px;background:#ebebeb;border-radius:16px;padding:0;overflow:hidden}
.documents article:first-child{left:221px;width:404.19px}
.documents__wide{left:680px;width:538.92px}
.documents__text{position:absolute;top:40px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;font-size:23px!important;font-style:normal!important;font-weight:500!important;line-height:27.6px!important;letter-spacing:0!important;color:#232424;white-space:nowrap;font-synthesis:none!important;-webkit-font-smoothing:antialiased}
.documents__text--first{left:13.595px;width:377px}
.documents__text--second{left:32px;width:500px}

/* table */
.terms{height:477px;padding:28px 50px}
.terms-table{height:421px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(5,84.2px);border-radius:10px;overflow:hidden;box-shadow:13px 15px 20px rgba(0,0,0,.05);border-bottom:2px solid #ebebeb}
.terms-table>div{min-height:76px;padding:20px 28px;border-bottom:2px solid #ebebeb;display:grid;place-items:center;text-align:center;font-size:23px}
.terms-table__head{font-size:25px!important;font-weight:700;color:#143fff}

/* who */
.who{height:302px;position:relative;padding:0}
.who__note{position:absolute;left:109px;top:59px;width:755px;margin:0}
.mascot-card{position:absolute;left:943px;top:-8px;width:360px;height:310px;overflow:hidden;background:transparent}
.mascot-card img{position:absolute;inset:0;width:360px;height:310px;object-fit:cover;max-width:none}

/* study */
.study{position:relative;height:1151px;padding:0}
.lead{position:absolute;left:90px;top:78px;width:1260px;font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-size:20px;line-height:normal;margin:0}
.programs{position:absolute;inset:0}
.programs>div{position:absolute}
.programs>div:nth-child(1){left:90px;top:186px;width:459px}
.programs>div:nth-child(2){left:517px;top:186px;width:360px}
.programs>div:nth-child(3){left:943px;top:186px;width:360px}
.programs h3{font-size:30px;line-height:1;margin:0 0 48px;color:#143fff}
.programs ul{list-style:none;padding:0;margin:0}
.programs li{display:flex;align-items:flex-start;gap:20px;min-height:97px;font-size:18px;line-height:1.2;color:#002147}
.programs li img{width:60px;height:60px;flex:0 0 60px}
.programs li span{display:block;padding-top:0}
.programs li b{display:block;margin-bottom:2px}
.study__mascot{position:absolute;left:820px;top:555px;width:530px;height:565px;overflow:hidden}
.study__mascot img{position:absolute;inset:0;width:530px;height:565px;object-fit:cover;max-width:none}
.study__bubble{display:none}

/* text/location/profit */
.text-section{height:180px;padding:0 90px;display:flex;align-items:center;font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-size:20px;line-height:normal}
.text-section p{margin:0}
.location{height:180px;padding:54px 20px}
.location__card{max-width:1008px;margin:0 auto;height:72px;background:#fff;border-radius:12px;box-shadow:0 1px 4px #e3ebfc,0 24px 48px rgba(230,235,245,.4);display:flex;align-items:center;gap:51px;padding:24px;color:#143fff}
.location__card>img{width:25.807px;height:32px;flex:0 0 auto}
.location__card strong{font-size:24px;line-height:1.1;white-space:nowrap;letter-spacing:-.72px}
.location__card span{font-size:18px;line-height:1.1;letter-spacing:-.54px}
.profit{height:656px;position:relative;padding:0;display:block}
.profit__mascot{position:absolute;left:79px;top:16px;width:406px;height:609px;overflow:hidden}
.profit__mascot::before{display:none}
.profit__mascot img{position:absolute;inset:0;width:406px;height:609px;object-fit:cover;max-width:none}
.rate-bubble{position:absolute;left:517px;top:46px;width:298px;height:298px;border-radius:50%;background:linear-gradient(145deg,#3468ff,#143fff);color:#fff;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:35px}
.rate-bubble strong{font-size:33px;line-height:1}
.rate-bubble span{font-size:23px;line-height:1.12;margin-top:18px}
.profit__text{position:absolute;left:837px;top:135px;width:550px;font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-size:23px;line-height:normal;margin:0}
.conclusion{position:absolute;left:526px;top:435px;width:794px;padding:0;text-align:justify;font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-size:26px;line-height:normal}
.conclusion p{margin:0}

/* CTA */
.cta{height:274px;padding:15px 92px 0;margin:0}
.cta__bar{height:105px;background:#143fff;color:#fff;margin:0 0 14px;padding:22px 60px;display:flex;align-items:center;justify-content:space-between}
.cta__bar>div{font-size:24px;line-height:1.2;display:flex;flex-direction:column}
.cta__bar a{width:264px;height:48px;border-radius:50px;background:#fff;color:#143fff;border:2px solid #143fff;display:flex;align-items:center;justify-content:center;gap:48px}
.cta__bar a img{width:22px;height:22px}

/* standalone footer */
.fallback-footer{position:relative;min-height:517px;margin-top:0;padding:70px 90px 45px;display:grid;grid-template-columns:1fr 170px 205px;gap:46px;color:#fff;background:#143fff;border-radius:60px 60px 0 0}
.fallback-footer__logo-row{display:flex;align-items:center;gap:24px;margin-bottom:35px}
.fallback-footer__logo-row img{width:72px;height:68px;object-fit:contain}
.fallback-footer__logo-row strong{font-size:25px;line-height:1.1;max-width:350px}
.fallback-footer__brand h3{font-size:24px;margin:0 0 22px}
.fallback-footer__brand p{font-size:14px;line-height:26px;margin:0 0 14px}
.fallback-footer nav{padding-top:8px}
.fallback-footer nav a{display:block;margin-bottom:15px;font-size:14px;line-height:16px}
.footer-socials{display:flex;gap:10px;margin-top:20px}
.footer-socials a{width:34px;height:34px;border:1px solid rgba(255,255,255,.7);border-radius:50%;display:grid;place-items:center}
.footer-socials img{max-width:20px;max-height:20px}
.fallback-footer__copyright{position:absolute;right:60px;bottom:34px;opacity:.6;font-size:14px}

/* animation */
.reveal{opacity:0;transform:translate3d(0,30px,0);transition:opacity .72s cubic-bezier(.22,.61,.36,1),transform .72s cubic-bezier(.22,.61,.36,1)}
.reveal.is-visible{opacity:1;transform:none}
.hero__top,.hero__content{animation:heroIn .8s both cubic-bezier(.22,.61,.36,1)}
.hero__content{animation-delay:.12s}
@keyframes heroIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

@media(max-width:1100px){
  .support-grid{grid-template-columns:repeat(2,1fr)}
  .credit-menu__row{flex-wrap:wrap;gap:24px}.mini-card{width:280px;flex-basis:280px}
  .documents{grid-template-columns:1fr 1fr}.documents article,.documents__wide{width:auto}
  .fallback-footer{grid-template-columns:1.5fr 1fr 1fr;padding-left:50px;padding-right:50px}
}
@media(max-width:760px){
  body{background:#fff}.container{width:calc(100% - 28px)}
  .hero{height:540px}.hero__art{left:10%;top:20px;width:620px;height:520px}.hero__art img{width:620px}.hero__logo{left:18px;top:22px;width:55px;height:52px}.hero__ministry{left:18px;top:150px;width:210px;height:auto}.menu-button{left:auto;right:18px;top:20px;width:58px;height:58px}.menu-button span{width:30px;height:3px}.hero__content{left:18px;top:280px;width:calc(100% - 36px)}.hero h1{font-size:34px;line-height:40px;max-width:520px}

  /* На мобильном текст в информационных карточках переносится на большее число строк,
     поэтому десктопные фиксированные высоты нужно полностью отключить. */
  .note-section,
  .note-section--intro,
  .note-section--gov{height:auto;min-height:0;padding:34px 0}
  .note-section--intro .note-box,
  .note-section--gov .note-box{height:auto;min-height:0}
  .note-section .note-box{margin:0 14px}
  .note-box{padding:22px 18px 24px 52px;font-size:16px;line-height:24px;overflow:visible}
  .note-box>img{left:16px;top:24px}
  .note-box p{margin:0}

  .social-band{height:auto;padding:36px 0}
  .social-band__inner{position:relative;min-height:0;padding:0 14px}
  .social-band h2{position:relative;left:auto;top:auto;font-size:32px;line-height:36px}
  .socials{position:relative;left:auto;top:auto;width:auto;margin-top:28px;display:flex;justify-content:flex-start;gap:12px;flex-wrap:wrap}
  .social{width:52px;height:52px}
  .support{padding:20px 14px}.support-grid{grid-template-columns:1fr}.support-card{height:220px}.support-card--blank{display:none}
  .section-title{height:150px}.section-title h2{font-size:28px;line-height:35px;padding:0 18px}
  .credit-menu{padding:32px 14px}.credit-menu__row{display:grid;grid-template-columns:1fr;gap:16px;margin:0!important}.credit-menu__row+.credit-menu__row{margin-top:16px!important}.mini-card{width:100%;height:220px;flex-basis:auto}
  .documents{height:auto;display:block;padding:0 14px 34px}.documents article{position:relative;left:auto!important;top:auto;width:auto!important;height:auto;min-height:260px;margin-bottom:16px;padding:24px 20px}.documents__wide{width:auto}.documents__text{position:relative;left:auto!important;top:auto;width:auto!important;font-size:18px!important;line-height:1.25!important;white-space:normal}.desktop-break{display:none}
  .terms{padding:20px 14px}.terms-table{grid-template-columns:1fr}.terms-table__head:nth-child(2){display:none}.terms-table>div{text-align:left;place-items:start;font-size:18px;min-height:auto}.terms-table__head{font-size:22px!important}
  .who{height:auto;padding:34px 14px;display:flex;flex-direction:column;gap:20px}.who__note,.mascot-card{position:relative;left:auto;top:auto;width:100%}.mascot-card{height:310px}.mascot-card img{left:50%;right:auto;transform:translateX(-50%);width:360px;height:310px}
  .study{height:auto;padding:36px 14px 380px}.lead,.programs,.programs>div{position:relative;left:auto!important;top:auto!important;width:auto!important}.programs{display:block}.programs>div{margin-top:32px}.programs h3{margin-bottom:26px}.study__mascot{left:50%;top:auto;bottom:20px;transform:translateX(-50%);width:340px;height:362px}.study__mascot img{width:340px;height:362px}
  .text-section{height:auto;min-height:180px;padding:50px 20px;font-size:18px}
  .location{height:auto;padding:34px 14px}.location__card{height:auto;align-items:flex-start;gap:16px;flex-wrap:wrap}.location__card strong{white-space:normal;font-size:21px}.location__card span{width:100%;padding-left:42px}
  .profit{height:auto;padding:20px 14px 40px;display:flex;flex-direction:column;align-items:center;gap:24px}.profit__mascot,.rate-bubble,.profit__text,.conclusion{position:relative;left:auto;top:auto;width:100%;height:auto}.profit__mascot{height:520px}.profit__mascot img{width:347px;height:520px;left:50%;transform:translateX(-50%)}.rate-bubble{width:260px;height:260px}.profit__text{font-size:18px}.conclusion{font-size:21px;text-align:left}
  .cta{height:auto;padding:0}.cta__bar{height:auto;min-height:105px;padding:24px;gap:20px;flex-direction:column;align-items:flex-start}.cta__bar a{width:100%}
  .fallback-footer{min-height:650px;padding:45px 28px 80px;grid-template-columns:1fr;gap:28px;border-radius:32px 32px 0 0}.fallback-footer__copyright{left:28px;right:auto}
}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.hero__top,.hero__content{animation:none}}