@media (max-width:1036px){
  .header_bottom{display:none!important}
  .back_to_top{bottom:100px}
  .footer_bottom{margin-bottom:80px}
  .site_header{position:sticky;top:0;z-index:1200;padding-block:clamp(6px,1.2vw,12px);background:var(--white)}
  .header_wrapper{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:clamp(12px,2vw,20px);padding-inline:clamp(12px,6vw,60px)}
  .header_up_block{grid-column:2;display:grid;grid-template-columns:1fr auto;align-items:center;gap:clamp(10px,1.8vw,16px)}
  .header_up_block>.dropdown{display:none!important}
  .header_contacts .contacts{display:none!important}
  .header_contacts{grid-column:1}
  .header_contacts .icons{display:flex;justify-content:center;align-items:center;gap:clamp(20px,5vw,32px)}
  .header_contacts .icons img{width:clamp(20px,2.6vw,28px);height:clamp(20px,2.6vw,28px);cursor:pointer}
  .dropdown.student{grid-column:2;justify-self:end}
  .dropdown.student .btn.student_btn{padding:clamp(6px,1.1vw,10px) clamp(12px,2vw,18px);font-size:clamp(13px,1.6vw,16px);border-radius:8px}
  .mnav{position:fixed;left:0;right:0;bottom:0;z-index:1600;display:grid;grid-template-columns:repeat(4,1fr);align-items:end;gap:12px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:var(--white);border-top:1px solid rgba(0,0,0,.06)}
  .mnav_btn{-webkit-tap-highlight-color:transparent;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;border:0;background:none;cursor:pointer}
  .mnav_icon_wrap{border-radius:8px;display:flex;align-items:center;justify-content:center;padding:8px;transition:background .15s ease}
  .mnav_icon{width:22px;height:22px;display:block}
  .mnav_label{color:var(--secondary);font-family:Inter,system-ui,sans-serif;font-size:10px;font-weight:500;line-height:100%;text-align:center}
  .mnav_label--ghost{opacity:0}
  .mnav_btn.is-active .mnav_icon_wrap{background:var(--primary)}
  .mnav_btn.is-active .mnav_icon{filter:brightness(0) invert(1)}
  .mnav_backdrop{position:fixed;inset:0;z-index:1500;background:rgba(12,16,24,.36);backdrop-filter:blur(2px) saturate(120%)}
  .mnav_popover{position:fixed;z-index:1700;left:16px;top:16px;min-width:0;max-width:min(420px,calc(100vw - 32px));background:var(--white);border-radius:4px;box-shadow:0 4px 10px rgba(0,0,0,.15);overflow:hidden}
  .mp_list{display:flex;flex-direction:column}
  .mp_item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 20px;min-height:52px;background:var(--white);font:700 16px/19px Inter,Arial,sans-serif;text-decoration:none;color:var(--secondary);width:100%;outline:none;border:0;text-align:left;cursor:pointer}
  .mp_item+.mp_item{border-top:1px solid rgba(0,0,0,.08)}
  .mp_right{width:10px;height:10px;flex:0 0 10px;margin-left:14px}
  .mp_item:focus-visible{box-shadow:inset 0 0 0 2px rgba(76,120,232,.25);border-radius:6px}
  .mp_contacts{padding:12px 16px;display:flex;flex-direction:column;gap:6px;background:var(--white)}
  .mp_contacts a{display:inline-flex;align-items:center;gap:10px;min-height:48px;color:#2d2d2d;font:700 16px/19px Inter,Arial,sans-serif;text-decoration:none!important;position:relative;padding-bottom:3px}
  .mp_contacts a::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:rgba(76,120,232,1);transition:width .22s ease}
  .mp_contacts a:hover{color:rgba(76,120,232,1)}
  .mp_contacts a:hover::after{width:100%}
  .mp_contacts img{width:20px;height:20px;display:block}
  .mnav_panel{display:none!important}
  .mp_view{display:flex;flex-direction:column}
  .mp_header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid rgba(0,0,0,.08);background:var(--white)}
  .mp_back{display:inline-flex;align-items:center;gap:8px;border:0;background:none;padding:8px 10px;cursor:pointer;-webkit-tap-highlight-color:transparent;color:rgba(45,45,45,1)}
  .mp_back img{width:20px;height:20px;display:block;transform:translateY(1px)}
  .mp_back span{font:600 15px/1 Inter,Arial,sans-serif}
  .mp_back:focus-visible{outline:2px solid rgba(76,120,232,.35);border-radius:6px}
}
@media (max-width:540px){.footer_dev_link{flex-direction:column}}
@media (max-width:600px){
  .header_wrapper{padding-inline:clamp(12px,6vw,32px)}
  .header_contacts .icons img{width:clamp(18px,4.5vw,22px);height:clamp(18px,4.5vw,22px)}
}
@media (max-width:430px){
  .header_wrapper{gap:12px;padding-inline:clamp(10px,5vw,16px)}
  .dropdown.student .btn.student_btn{padding:6px 12px;font-size:13px}
  .dropdown.student .dropdown_menu.student_menu{width:min(92vw,320px);padding:10px 8px;top:calc(100% + 8px);right:0;left:auto;border-radius:8px;overflow:visible}
  .dropdown.student .student_menu a{padding:12px;font-size:14px;line-height:18px;white-space:normal;word-break:break-word}
}
@media (max-width:380px){
  .dropdown.student .dropdown_menu.student_menu{position:fixed;left:8px;right:8px;width:auto;top:64px;padding:8px;border-radius:8px;z-index:3000}
  .dropdown.student .student_menu a{padding:10px;font-size:13.5px;line-height:16.5px}
}
@media (max-width:375px){
  .header_logo_block img{width:clamp(42px,13vw,56px);height:auto}
  .header_wrapper{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding-inline:12px}
  .header_up_block{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;grid-template-areas:"icons student";align-items:center;gap:8px}
  .header_contacts{grid-area:icons}
  .header_contacts .icons{justify-content:center;gap:14px;flex-wrap:wrap}
  .header_contacts .icons img{width:18px;height:18px}
  .dropdown.student{grid-area:student;justify-self:end}
  .dropdown.student .btn.student_btn{padding:6px 12px;font-size:13px;border-radius:8px}
}
@media (max-width:340px){
  .header_wrapper{padding-inline:10px}
  .dropdown.student .btn.student_btn{padding:5px 10px;font-size:12.8px}
}
@media (max-width:365px){
  .mnav_popover{max-width:calc(100vw - 32px)}
  .mp_item{padding:12px 12px;min-height:44px;font-size:15px;line-height:18px}
  .mp_right{width:9px;height:9px;flex:0 0 9px;margin-left:12px}
  .mp_contacts{padding:10px 12px}
  .mp_contacts a{min-height:44px;font-size:15px;line-height:18px;padding-bottom:2px}
}
@media (max-width:351px){
  .header_logo_block img{width:clamp(40px,12vw,52px);height:auto}
  .header_up_block{grid-column:1/-1;display:grid;grid-template-columns:1fr;grid-template-areas:"student" "icons";row-gap:8px;align-items:center}
  .dropdown.student{grid-area:student;justify-self:end}
  .dropdown.student .btn.student_btn{padding:6px 12px;font-size:13px;border-radius:8px}
  .header_contacts{grid-area:icons}
  .header_contacts .icons{justify-content:center;gap:8px;flex-wrap:wrap}
  .header_contacts .icons img{width:16px;height:16px}
}
@media (max-width:340px){
  .mnav_popover{max-width:calc(100vw - 24px);min-width:0}
  .mp_item{padding:10px 12px;min-height:40px;font-size:14px;line-height:17px}
  .mp_right{width:8px;height:8px;flex:0 0 8px;margin-left:10px}
  .mp_contacts{padding:10px 12px}
  .mp_contacts a{min-height:40px;font-size:14px;line-height:17px}
}
@media (max-width:320px){
  .mnav_popover{max-width:calc(100vw - 12px);min-width:0}
  .mp_item{padding:8px 10px;min-height:36px;font-size:13px;line-height:16px}
  .mp_right{width:8px;height:8px;margin-left:10px}
  .mp_contacts{padding:8px 10px;gap:6px}
  .mp_contacts a{min-height:36px;font-size:13px;line-height:16px;padding-bottom:2px}
  .mnav_label{font-size:8.5px}
  .footer_links a{font-size:13px}
  .dropdown.student .dropdown_menu.student_menu{left:6px;right:6px;top:60px;padding:6px}
  .dropdown.student .student_menu a{padding:8px 9px;font-size:12.8px;line-height:15.5px}
}
@media (min-width:1037px){
  .mnav,.mnav_backdrop,.mnav_popover{display:none!important}
}
.site_header{position:relative;z-index:1200}
.site_header .dropdown_menu{z-index:3000}
.mnav_popover a.mp_item,
.mnav_popover a.mp_item:link,
.mnav_popover a.mp_item:visited,
.mnav_popover a.mp_item:active,
.mnav_popover a.mp_item:focus{color:var(--secondary)!important;text-decoration:none!important}
@media (hover:hover) and (pointer:fine){
  .mnav_popover a.mp_item:hover,
  .mnav_popover button.mp_item:hover{color:var(--primary)!important}
}
.mnav_popover .mp_item:focus-visible{box-shadow:inset 0 0 0 2px rgba(76,120,232,.25);border-radius:6px}
.mnav_popover .mp_back{color:rgba(45,45,45,1);transition:color .15s ease}
@media (hover:hover) and (pointer:fine){
  .mnav_popover .mp_back:hover{color:rgba(76,120,232,1)}
}
.mnav_popover .mp_back:active{color:rgba(76,120,232,1)}