.header-invizible{width: 100%; height: 72px;}
.header{
    width: 100%;
    height: 72px;
    background: #F5FEFF;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0.8px solid rgba(99, 245, 255, 0.25);
    position: fixed;
    z-index: 100;
}
.header__container{
    width: 92%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header__logo{
    height: 55px;
    width: auto;
}
.header__center{
    margin-left: 450px;
}
.header__list{
    display: flex;
    gap: 40px;
}
.header__item{
    color: #4A6080;
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 500;
}
.header__item > a{
    color: #4A6080;
}
.header__social{
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 600;
}
.header__social > a{
    background: linear-gradient(90deg, #63F5FF, #0cd3dd);
    padding: 9px 32px;
    border-radius: 100px;
    color: #0A1628;
}

.header__right{
    display: flex;
    gap: 40px;
}
.header__right__line{
    background-color: #727b9d;
    height: 50px;
    width: 2px;
    border-radius: 50%;
}
.header__right__lk{
    display: flex;
    align-items: center;
    gap: 20px;
    cursor: pointer;
}
.lk__icon{
    width:45px; height:45px; border-radius:50%;
    background:#e8f8fa; display:flex; align-items:center; justify-content:center;
    transition:transform .4s cubic-bezier(.34,1.56,.64,1), background .25s;
    flex-shrink:0;
}
.lk__icon > svg{
    width: 26px;
    height: 26px;
    stroke: #0cd3dd;
    fill: none;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.header__lk__text{
    font-size: 16px;
    letter-spacing: 1px;
    color: #4A6080;
    width: 100px;
    line-height: 1.3;
    font-weight: 500;
}

/****************/
/* Анимации */
/****************/

/* Список меню */
.header__item a {
    position: relative;    
    padding-bottom: 5px;
    transition: color .25s ease;
}

.header__item a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 1px;
    background: linear-gradient(90deg, #63F5FF, #0cd3dd);
    transition: width .3s cubic-bezier(.4, 0, .2, 1);
    border-radius: 2px;
}

.header__item a:hover { color: #0A1628; }
.header__item a:hover::after { width: 100%; }

.header__item a:active { color: #0A1628; }
.header__item a:active::after { width: 100%; }


/* Кнопка «Связаться» */
.header__social > a {
    transition:
        transform .25s cubic-bezier(.34, 1.56, .64, 1),
        box-shadow .25s ease;
}

.header__social > a:hover {
    transform: translateY(-2px) scale(1.035);
    box-shadow: 0 6px 24px rgba(99, 245, 255, 0.45);
}

.header__social > a:active {
    transform: translateY(0) scale(.97);
    box-shadow: 0 2px 8px rgba(99, 245, 255, 0.2);
}

/* Личный кабинет */
.header__right__lk {
    transition: gap .25s ease;
}
.header__right__lk:hover .lk__icon {
    transform: rotate(4deg) scale(1.07);
    background: #d4f6f8;
}
.header__right__lk:active .lk__icon {
    transform: rotate(4deg) scale(1.07);
    background: #d4f6f8;
}
.header__lk__text {
    transition:
        color .25s ease,
        transform .25s ease;
}

.header__right__lk:hover .header__lk__text {
    color: #0A1628;
    font-weight: 500;
}
.header__right__lk:active .header__lk__text {
    color: #0A1628;
    font-weight: 500;
}

/****************/
/* Адаптив */
/****************/
@media(max-width:  6000px){
    .header__center{ margin-left: 1250px; }
}
@media(max-width:  2500px){
    .header__center{ margin-left: 1200px; }
}
@media(max-width:  2450px){
    .header__center{ margin-left: 1150px; }
}
@media(max-width:  2400px){
    .header__center{ margin-left: 1100px; }
}
@media(max-width:  2350px){
    .header__center{ margin-left: 1050px; }
}
@media(max-width:  2300px){
    .header__center{ margin-left: 1000px; }
}
@media(max-width:  2250px){
    .header__center{ margin-left: 950px; }
}
@media(max-width:  2200px){
    .header__center{ margin-left: 900px; }
}
@media(max-width:  2150px){
    .header__center{ margin-left: 850px; }
}
@media(max-width:  2100px){
    .header__center{ margin-left: 800px; }
}
@media(max-width:  2050px){
    .header__center{ margin-left: 750px; }
}
@media(max-width:  1999px){
    .header__center{ margin-left: 700px; }
}
@media(max-width:  1950px){
    .header__center{ margin-left: 650px; }
}
@media(max-width:  1889px){
    .header__center{ margin-left: 550px; }
}
@media(max-width:  1799px){
    .header__center{ margin-left: 500px; }
}
@media(max-width:  1799px){
    .header__center{ margin-left: 500px; }
}
@media(max-width:  1720px){
    .header__center{ margin-left: 450px; }
}
@media(max-width:  1665px){
    .header__center{ margin-left: 400px; }
}
@media(max-width:  1610px){
    .header__center{ margin-left: 350px; }
}
@media(max-width:  1560px){
    .header__center{ margin-left: 300px; }
}
@media(max-width:  1500px){
    .header__center{ margin-left: 250px; }
}
@media(max-width:  1450px){
    .header__center{ margin-left: 200px; }
}
@media(max-width:  1400px){
    .header{ height: 68px; }
    .header-invizible{height: 68px;}
    .header__center{ margin-left: 250px; }
    .header__logo{ height: 50px; }
    .header__list{ gap: 33px; }
    .header__item{ font-size: 15px; }
    .header__social{ font-size: 15px; }
    .header__social > a{ padding: 8px 30px; }
    .header__right{ gap: 35px; }
    .header__right__line{ height: 45px; }
    .header__right__lk{ gap: 17px; }
    .lk__icon{ width: 42px; height: 42px; }
    .lk__icon > svg{ width: 23px; height: 23px; }
    .header__lk__text{ font-size: 15px; }
}
@media(max-width:  1341px){
    .header__center{ margin-left: 200px; }
}
@media(max-width:  1296px){
    .header__center{ margin-left: 150px; }
}
@media(max-width:  1234px){
    .header__center{ margin-left: 100px; }
}
@media(max-width:  1230px){
    .header{ height: 65px; }
    .header-invizible{height: 65px;}
    .header__center{ margin-left: 150px; }
    .header__logo{ height: 45px; }
    .header__list{ gap: 30px; }
    .header__item{ font-size: 14px; }
    .header__social{ font-size: 14px; }
    .header__social > a{ padding: 7px 28px; }
    .header__right{ gap: 30px; }
    .header__right__line{ height: 40px; }
    .header__right__lk{ gap: 15px; }
    .lk__icon{ width: 40px; height: 40px; }
    .lk__icon > svg{ width: 20px; height: 20px; }
    .header__lk__text{ font-size: 14px; }
}
@media(max-width:  1160px){
    .header__center{ margin-left: 100px; }
}
@media(max-width:  1105px){
    .header__center{ margin-left: 160px; }
    .header__list{ gap: 25px; }
    .header__item{ font-size: 13px; }
    .header__lk__text{ font-size: 12px; width: 60px; }
    .header__social{ font-size: 13px; }
    .header__social > a{ padding: 6px 25px; }
}
@media(max-width:  1075px){
    .header__center{ margin-left: 100px; }
}
@media(max-width:  1000px){
    .header__center{ display: none; }
    .header__right__line{ display: none; }
    .header__lk__text{ display: none; }
    .header__container{ width: 85%; }
    .header__logo{ height: 39px; }
    .header{ height: 60px; }
    .header-invizible{height: 60px;}
}