/* ================== GLOBAL ================== */
* {
    box-sizing: border-box;
}
.mobile-version {
    display: none;
}

body {
    position: relative;
    min-height: 1080px ;
    max-width: 1440px; 
    align-items: center;
/*     background-color: #fff; */
}


/* ================== BACKGROUND ================== */
.background-image {
    position: relative;
    width: 100%;
/*     height: 100vh; */
    max-width: 1440px; /* фиксированная ширина макета */
    margin: 0 auto;     /* центрируем по экрану */
    padding: 0 auto;

    
}

.background-image > img {
    display: block;
    width: 100%;
    height: auto;
    display: none;
}

.background-image picture,
.background-image picture img {
    display: block;
    width: 100%;
    height: auto;
}

/* ================== NAVIGATION ================== */
nav {
    position: absolute;
    top: 89px;
    width: 100%;
    display: flex;
    justify-content: space-between; /* кнопка слева, лого справа */
    align-items: center;
    padding: 0 150px; /* отступы от краев */
    z-index: 100;
    pointer-events: auto;
}
.nav-mobile {
    display: none;
}
.section-first-mobile {
    display: none;
}

.button-back {
    pointer-events: auto; /* чтобы кнопка была кликабельной */
}

.back-link .arrow {
    margin-right: 8px; /* расстояние между стрелкой и текстом */
}

.button-back .back-link {
    color: #fff;
    text-decoration: none;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 600;
    font-size: 20px;
    display: inline-block; /* фиксированное положение относительно фона */
}

.logo-lk {   
    top: 0;
    pointer-events: auto;
} 

.logo-lk {
  display: flex;
  gap: 10px; /* расстояние между иконками */
}

.logo-lk_link {
    display: block;
    width: 40px;    /* Увеличиваем область клика */
    height: 40px;   /* Увеличиваем область клика */
    padding: 8px;   /* Внутренние отступы для увеличения кликабельной области */
    position: relative; 
    box-sizing: border-box; /* Чтобы padding не увеличивал общий размер */
    pointer-events: auto;
    z-index: 9999;

}


.logo-lk img {
    width: 24px;
    height: 24px;
    display: block;
    position: static;
    pointer-events: none;
    width: 24px;
    height: 24px;
    display: block;
}

.logo-back {
    display: none;
}

/* ================== ABOUT SECTION ================== */
.text-about {
    position: absolute;
    top: 260px;
    left: 504px;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    width: 577px;
    height: 358px;
    z-index: 2;
    background: none;
    overflow: visible;
}

/* Заголовки */
.text-about__years {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    font-style: italic;
    font-size: 76px;
    line-height: 121%;
    text-transform: uppercase;
    text-align: left;
    background: linear-gradient(101.83deg, #F9F3F6 2.24%, #F8F3FF 97.76%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
    position: relative;
    width: 360px;
    height: 255px;
    z-index: 3;
}

.text-about__years .our {
    margin-left: 35px;   /* правее */

}

.text-about__years .years {
    font-size: 153px;
    margin-top: 5px;
    font-weight: 700;
    font-style: italic;
}

/* "20" цифра */
.text-about__20-wrapper {
    position: relative;
    width: 250px;
    height: 100%;
    display: flex;
    margin: 0;
    align-items: center;
}

.text-about__20,
.text-about__20-shadow {
    position: absolute;
    top: 52%;
    left: 0;
    transform: translateY(-50%);
    margin: 0;
    padding: 0;
    width: 300px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 800;
    font-style: italic;
    font-size: 255px;
    line-height: 1;
    letter-spacing: -0.06em;
    text-transform: uppercase;
    overflow: visible;
}

.text-about__20-shadow {
    z-index: 1;
    color: transparent;
    text-shadow: 5px 3px 0 rgba(255, 255, 255, 0.5);
}

.text-about__20 {
    z-index: 2;
    background: linear-gradient(159.38deg, #FF3FA2 15.4%, #992661 115.24%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* ================== RAFFLE ================== */
.raffle {
    position: absolute;
    top: 390px;
    left: 475px;
    transform: translateX(-50%);
    padding: 16px 40px;
    border-radius: 1.125em;
    background: #F7F3FF;
    box-shadow: 
        5.14px 2.57px 20.55px 0 #7F7AB2,
        -5.14px -2.57px 20.55px 0 #D2DCFF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.raffle h1 {
    margin: 0;
    font-family: "Roboto Condensed", Arial, sans-serif;
    font-style: italic;
    font-weight: 600;
    font-size: 36px;
    text-align: center;
    line-height: 1;
    text-transform: uppercase;
    background: linear-gradient(109.06deg, #E92D8F -1.78%, #831950 219.53%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* ================== SECTION TWO ================== */
.section-second {
    position: absolute;
    top: 520px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 40px;
    width: min(1100px, 90%);
    z-index: 2;
}

.section-second__left {
    flex: 1 1 0;
    max-width: 560px;
    position: relative;
    top: 40px;
    left: 60px;
    font-family: "Roboto Condensed", sans-serif;
}

.section-two__right {
    flex: 1 1 0;
    display: flex;
    justify-content: flex-end;
}

.section-two__right img {
    position: absolute;
    height: 1084px;
    top: -520px;
    left: 470px;
    transform: rotate(0deg);
    opacity: 1;
    z-index: -1;
}

/* ================== NUMBERS LIST ================== */
.left-section__numbers {
    display: flex;
    flex-direction: column;

}

.number-item {
    display: flex;
    align-items: center;
    margin-bottom: 52px;
}

.number-item:last-child {
    margin-bottom: 0;
}

.number {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    font-style: italic;
    font-size: 60px;
    line-height: 100%;
    text-transform: uppercase;
    background: linear-gradient(151.1deg, #FFE6A2 0.02%, #C98E2F 50.48%, #FFE2B3 99.98%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-right: 15px;
    flex-shrink: 0;
}

.number-text {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
    text-transform: uppercase;
    color: #7572BF;
    flex: 1;
    
}

/* Специальный пункт */
.number-item--special .number--special {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 500;
    font-style: Medium;
    font-size: 110px;
    line-height: 100%;
    text-transform: uppercase;
    background: linear-gradient(146.46deg, #FFE6A2 6.08%, #C98E2F 50.42%, #FFE2B3 93.92%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-right: 15px;
    flex-shrink: 0;
    align-items: center
}

.number-item--special .number-text--special {
    width: 445px;
    height: 156px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Верхний текст */
.text-upper {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    font-style: italic;
    font-size: 48px;
    line-height: 100%;
    text-transform: uppercase;
    position: relative;
    left: 20px;
    background: linear-gradient(140.19deg, #D0DAEE -77.66%, #BFC4E2 -26.92%, #A8A7D0 20.91%, #9492BE 60%, #706BA3 112.09%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Нижний текст */
.text-lower {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 800;
    font-style: italic;
    font-size: 96px;
    line-height: 100%;
    text-transform: uppercase;
    background: linear-gradient(140.19deg, #D0DAEE -77.66%, #BFC4E2 -26.92%, #A8A7D0 20.91%, #9492BE 60%, #706BA3 112.09%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* ================== SECTION THIRD ================== */
.section-third {
  position: absolute;
  padding-top: 217px;
  top: calc(520px + 217px + 358px); /* ниже второй секции на 217px */
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 103px; /* расстояние между блоками */
  z-index: 2;
}

/* Левая колонка (фиксированный размер) */
.section-third__left {
  width: 486px;
  height: 88px;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-size: 30px;
  line-height: 145%;
  text-transform: uppercase;
  color: #F9F3F6;
  display: flex;
  align-items: center;   /* центрируем по вертикали */
  justify-content: center; /* центрируем по горизонтали */
  text-align: center;
  box-sizing: border-box;

}

/* Правая колонка */
.section-third__right {
  width: 372px;
  height: 83px;
}

/* Кнопка */
.btn-register {
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 16px;
  cursor: pointer;

  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-size: 32px;
  line-height: 100%;
  letter-spacing: 4%;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;

  background: linear-gradient(
    127.19deg,
    #ff82c3 0.33%,
    #e9459a 43.41%,
    #832757 104.38%
  );
  box-shadow: 4px 2px 16px 0px #7f7ab2;
  color: #fff;

  display: flex;
  align-items: center;
  justify-content: center;
}
/* Убираем подчеркивание у кнопок-ссылок */
a.btn-register,
a.btn-register:link,
a.btn-register:visited,
a.btn-register:hover,
a.btn-register:active,
a.btn-register:focus,
a.btn-register:-webkit-any-link {
  text-decoration: none !important;
  border: none !important;
  outline: none !important;}

/* На случай, если стили кнопки задаются через border-bottom */
a.btn-register span {
  text-decoration: none !important;
  border: none !important;
}
a:-webkit-any-link {
  text-decoration: none !important;
  border: none !important;
}
a.btn-register {
    text-decoration: none;
}
a.btn-register {
  text-decoration: none !important;
  border-bottom: none !important;
}

.section-third__right a.btn-register {
  text-decoration: none !important;
  border-bottom: none !important;
}

a.btn-register:link,
a.btn-register:visited,
a.btn-register:hover,
a.btn-register:active,
a.btn-register:focus {
  text-decoration: none !important;
  border-bottom: none !important;
}

/* ================== FOOTER ================== */
.desktop-footer {
  position: absolute;
  left: 50%;
  top: 1540px;
  transform: translateX(-50%);
  text-align: center;
  width: 100%;
  height: 50px;
  
}

.desktop-footer {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 100%;
  text-transform: uppercase;
  color: #686868;
  margin: 13px 0;
}

.mobile-footer {
  display: none;
}

/* ================== PAGE CODE INPUT ================== */

.section-check-code {
  position: absolute;
  top: 700px;
  left: 36%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column; /* блоки друг под другом */
  align-items: flex-start; /* текст выравниваем по левому краю */
  gap: 60px; /* расстояние между текстом и полем ввода */
  width: min(600px, 90%);
  z-index: 2;
}

/* Блоки внутри */
.section-check-code__block {
  width: 100%;
  text-align: left;
}

/* Текст сверху */
.section-check-code__block.text-block p {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-style: italic;
  font-size: 60px;
  line-height: 100%;
  letter-spacing: 0%;
  text-transform: uppercase;
  background: linear-gradient(
      114.25deg, 
      #D0DAEE -5.56%, 
      #BFC4E2 15.99%, 
      #A8A7D0 46.38%, 
      #9E9CC9 66.98%, 
      #9490C1 94.43%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}



/* Поле ввода под текстом */
.input-block {
  width: 895px;
  height: 130px;
  border-radius: 16px;
  background: #FFFFFF; /* фон */
  box-shadow: none;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

/* input внутри блока */
.input-block .input-code {
  width: 90%;
  height: 80%;
  border: none;
  outline: none;
  background: transparent;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 36px;
  font-weight: 700;
  border-radius: 16px;
  font-style: italic;
  text-transform: uppercase;
  text-align: center;
  color: #000;

}

/* Кнопка */
.btn-send {
  width: 372px;
  height: 83px;
  border: none;
  border-radius: 16px;
  cursor: pointer;

  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-size: 32px;
  line-height: 100%;
  letter-spacing: 4%;
  text-transform: uppercase;
  text-align: center;

  background: linear-gradient(
    127.19deg,
    #ff82c3 0.33%,
    #e9459a 43.41%,
    #832757 104.38%
  );
  box-shadow: 4px 2px 16px 0px #7f7ab2;
  color: #fff;

  display: flex;
  align-items: center;
  justify-content: center;
}

/* Блок с призом, после ввода кода */

.prize-container .prize-img {
  max-width: 100%;            /* картинка не выходит за пределы контейнера */
  height: auto;               /* сохраняем пропорции */
  border-radius: 16px;        /* скругление углов, если нужно */
}

/* Кнопка */
.btn-prize-get {
  width: 372px;
  height: 83px;
  border: none;
  border-radius: 16px;
  cursor: pointer;

  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-size: 32px;
  line-height: 100%;
  letter-spacing: 4%;
  text-transform: uppercase;
  text-align: center;

  background: linear-gradient(
    127.19deg,
    #ff82c3 0.33%,
    #e9459a 43.41%,
    #832757 104.38%
  );
  box-shadow: 4px 2px 16px 0px #7f7ab2;
  color: #fff;

  display: flex;
  align-items: center;
  justify-content: center;
}


/* Кнопка неактивна */
.btn-send.warning {
    width: 372px;   
    height: 83px;
    border: none;   
    border-radius: 16px;
    cursor: pointer;        
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: 4%;
    text-transform: uppercase;
    text-align: center;
    background:#C3C3C3;
    box-shadow: 4px 2px 16px 0px #7f7ab2;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;

}


.prize-container .btn-submit-code {
  width: 372px;               /* фиксированная ширина кнопки */
  height: 80px;               /* фиксированная высота */
  text-transform: uppercase;
}

.prize-container {
  display: flex;            /* включаем флекс */
  flex-direction: column;   /* располагаем элементы вертикально */
  align-items: center;      /* центрируем по горизонтали */
  position: absolute;       /* абсолютное позиционирование */
  top: 620px;               /* верхнее смещение */
  left: 50%;                /* центрируем по горизонтали */
  transform: translateX(-50%); /* корректируем центрирование */
  z-index: 5;               /* выше других элементов */
}


.prize-container .btn-submit-coder {
  width: 372px;             /* ширина кнопки */
  height: 82.84px;          /* высота кнопки */
}

.prize-img {
    margin-bottom: 0px ;
}


/* Блок инструкции как получить приз */

.instruction-container {
    display: flex;            /* включаем флекс */
    flex-direction: column;   /* располагаем элементы вертикально */
    align-items: left;      /* центрируем по горизонтали */
    position: absolute;       /* абсолютное позиционирование */
    top: 620px;               /* верхнее смещение */
    left: 36%;                /* центрируем по горизонтали */
    transform: translateX(-50%); /* корректируем центрирование */
    z-index: 5; 
}
.instruction-container p {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    font-style: italic;
    line-height: 100%;
    letter-spacing: 0%;
    text-transform: uppercase;
    background: linear-gradient(
      114.25deg, 
      #D0DAEE -5.56%, 
      #BFC4E2 15.99%, 
      #A8A7D0 46.38%, 
      #9E9CC9 66.98%, 
      #9490C1 94.43%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.instruction-container p:last-child {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
    background: none;                 /* убираем градиент */
    -webkit-background-clip: initial; 
    -webkit-text-fill-color: initial; 
    color:rgba(116, 115, 145, 1); 
    text-transform: none;
}

.how-get {
    font-size: 60px;
    padding-left: 26px;
}
.prize {
    font-size: 128px;
    margin-bottom: 60px;
}

.form-msg {
    margin-top: 8px;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: Bold;
    font-size: 20px; /* измените при необходимости */
    color: rgba(116, 115, 145, 1);
    background: none;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
}
.form-msg.error {
    background: linear-gradient(159.38deg, #FF3FA2 15.4%, #992661 115.24%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.link_myprize {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px; /* измените при необходимости */
    color: rgba(116, 115, 145, 1);
    background: none;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
    text-decoration: none;
}

/* ================== ADAPTIVITY / MEDIA QUERIES ================== */

/* ---------- <=1199px (small desktop / large tablet) ---------- */
@media (max-width: 1199px) {
    .background-image { max-width: 1100px;
        position: relative;
        width: 100%;
        max-width: 1100px;
        margin: 0 auto; /* центрируем блок */
        overflow: hidden; /* чтобы лишнее не торчало */         
    }  
    .background-image picture,
    .background-image picture img {
        display: block;
        width: 100%;
        height: auto;
        object-fit: cover;
        object-position: center;
    }
    nav {
        padding-right: 150px;
        padding-left: 120px;
    }

    .button-back .back-link {
        color: #fff;
        text-decoration: none;
        font-family: "Roboto Condensed", sans-serif;
        font-weight: 600;
        font-size: 17px;
        display: inline-block; /* фиксированное положение относительно фона */}


    .text-about__20, .text-about__20-shadow {
        font-size: 200px;
        width: 190px;
    }

    .text-about {
        position: absolute;  
        top: 180px;          /* поднимаем выше (меньше значение — выше) */
        left: 325px;         /* сдвигаем левее (меньше значение — левее) */
        transform: translate(-50%, -50%); /* оставляем центрирование по центру блока */
        width: 577px;
        height: 358px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0;
    }
    
    .text-about__years {
        font-size: 60px; /* уменьшили общий размер шрифта */
        width: auto;     /* подогнали ширину под текст */
        margin-left: -65px; /* сдвигаем левее, чтобы приблизить к "20" */
    }

    .text-about__years .our {
        margin-left: 26px; /* немного отступаем "нам" от цифры 20 */
        font-size: 60px;   /* отдельный размер для слова "нам", если нужно */
    }

    .text-about__years .years {
        font-size: 116px; /* уменьшили размер "ЛЕТ!" */
        margin-top: 0;    /* убрали лишний отступ сверху */
    }

    .background-image nav {
        top: 61px;
        width: 104%;
    }
    .raffle {
        top: 270px;
        left: 350px;

    }

    .raffle h1 {
        font-size: 32px;
    }

    .section-second {
        top: 354px;
    }
    .number-text {
        font-size: 18px; 
    }

    .number-item {
        margin-bottom: 25px;
    }
    .section-two__right img {
        height: 738px;
        top: -354px;
        left: 400px;
    }

    .section-third {
        top: 887px;
        padding-top: 4px;
    }

    .section-third__left {
        width: 351px;
        font-size: 22px;}

    .section-third__right {
        width: 324px;
        height: 67px;
    }    
    .btn-register, .btn-send, .btn-prize-get {
        font-size: 27px;
    }
    .desktop-footer {
        top: 1090px;
    }

    .footer p {

        font-size: 11px;
    }
    .mobile-footer {
        display: none;
    }
    /* =========CODE INPUT=========== */
    .section-check-code {
        top: 490px;
        gap: 45px
    }
    .section-check-code__block.text-block p {
        font-size: 50px;}
    .input-block {
        width: 830px;
        height: 110px;
    }
    .input-block .input-code {
        font-size: 30px;}
    .prize-container {
        top: 400px;
    }
    .instruction-container {
        top:390px;
    }
    .how-get {
    font-size: 50px;
    padding-left: 26px;}
    .prize {
    font-size: 118px;
    margin-bottom: 50px;}
    .link_myprize {
        font-size: 16px; 
    }
    .form-msg {
        font-size: 16px; 
    }


}


@media (max-width: 991px) {
    .background-image { max-width: 768px; 
    }

    .background-image picture,
    .background-image picture img {
        display: block;
        width: 100%;
        height: auto;
        object-fit: cover;
        object-position: center;
    }

    nav {
        padding-right: 90px;
        padding-left: 60px;
        top: 40px !important; /* ПОДНИМАЕМ NAV ВЫШЕ */
    }
  
    .button-back .back-link { 
        font-size: 15px;
    }
    .logo-lk img {
        width: 20px;
        height: 20px;
    }
    .text-about__20, .text-about__20-shadow {
        font-size: 150px;
        width: 140px;
    }
    .text-about {
        position: absolute;  
        top: 125px;          /* поднимаем выше (меньше значение — выше) */
        left: 251px;         /* сдвигаем левее (меньше значение — левее) */
        transform: translate(-50%, -50%); /* оставляем центрирование по центру блока */

    }
    .text-about__years {
        font-size: 46px; /* уменьшили общий размер шрифта */
        width: auto;     /* подогнали ширину под текст */
        margin-left: -117px; /* сдвигаем левее, чтобы приблизить к "20" */
    }
    .text-about__years .our {
        margin-left: 19px; /* немного отступаем "нам" от цифры 20 */
        font-size: 47px;   /* отдельный размер для слова "нам", если нужно */
    }

    .text-about__years .years {
        font-size: 87px; /* уменьшили размер "ЛЕТ!" */
        margin-top: 0;    /* убрали лишний отступ сверху */
    }
    .raffle h1 {
        font-size: 20px;
    }
    .raffle {
        top: 193px;
        left: 255px;
        padding: 13px 32px;
        border-radius: 12px;
    }
    .section-second__left {
        top: -78px;
        left: 60px; }

    .number-item {
        margin-bottom: 10px;
        }
    .number {
        font-size: 46px;}
    .number-text {
        font-size: 12px;
    }
    .number-item--special .number-text--special {
        width: 384px;
        height: 115px;
        }
    .number-item--special .number--special {
        font-size: 70px;
    }
    .text-upper {
        font-size: 37px;

    }
    .text-lower {
        font-size: 80px;
    }
    .section-two__right img {
        height: 500px;
        top: -355px;
        left: 315px;
    }
    .number-item--special .number--special {
        margin-right: 7px;
    }
    .section-third {
        top: 623px;
        }
     .section-third__left {
        width: 237px;
        font-size: 15px;}

    .section-third__right {
        width: 240px;
        height: 50px;
    }    
    .btn-register {
        font-size: 16px;
    }
    .desktop-footer {
        top: 760px;
    }

    .footer p {
        font-size: 8px;
    }
    .mobile-footer {
        display: none;
    }
    /* =========CODE INPUT=========== */
    .section-check-code {
        top: 300px;
        gap: 35px;
        left: 49%;
    }
    
    .section-check-code__block.text-block p {font-size: 40px;}
    .input-block {
        width: 620px;
        height: 90px;
        border-radius: 8px;}
    .input-block .input-code {font-size: 20px;}

    .btn-send, .btn-prize-get,.btn-send.warning {
        font-size: 25px;
        width: 350px;
        height: 78px;}
    .prize-container {
        top: 290px;}
    .instruction-container {
        top:300px;
        left: 40%;}
    .how-get {
    font-size: 40px;
    padding-left: 26px;}
    .prize {
    font-size: 108px;
    margin-bottom: 35px;}
    .link_myprize {
        font-size: 14px; }
    .form-msg {
        font-size: 14px;}
}

@media (max-width: 767px) {
    .background-image { max-width: 426px;}
    nav {top: 50px !important;}
    .button-back .back-link {font-size: 10px;}
    
    .logo-lk img {
       width: 12px;
       height: 12px; 
    }
    .logo-lk {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .logo-lk_link {
        display: flex;
        justify-content: center; /* центрируем содержимое ссылки */
        align-items: center;}
    .text-about {
        top: 220px;
        left: 50%;}
    .raffle {
        top: 295px;
        height: 41px;
        width: 287px;
        padding: 13px 5px;
        border-radius: 9px;
        left: 50%;}
    .raffle h1 {
        font-size: 22px;}
    .section-check-code {
        top: 470px;
        width: 275px;
        left: 50%;
        gap: 29px;}
    
    .section-check-code__block.text-block p {
        font-size: 30px;
    }
    .input-block {
        width: 279px;
        height: 44px;}
    .input-code {
        border-radius: 8px !important
    }
    .btn-send,.btn-prize-get,.btn-send.warning {
        width: 275px;
        height: 44px;
        border-radius: 8px;
        font-size: 16px;
    }
    .section-third__right {
        margin-bottom: 15px;
    }
    .prize-container {
        width: 321px;
        top: 464px;
    }
   .prize-container img {
    width: 301px;
    height: 321px;
   }
   .instruction-container {
    top: 460px;
    left: 46%;
   }
   .how-get {
    font-size: 30px;
   }
   .prize {
    font-size: 64px;
   }
   .instruction {
    font-size: 14px;
   }
   .form-msg {
    font-size: 14px;
   }
   .link_myprize {
    font-size: 14px; 
    }
}

    /* =========CODE INPUT=========== */


@media (max-width: 767px) {
    .background-image {max-width: 360px; }

    .text-about {
        top: 164px;
        left: 50%;}
    .raffle {top: 240px;}
    .section-check-code {top: 388px;}
    .section-check-code__block {height: 35px;}

    .input-block {
        width: 279px;
        height: 44px;}

    .section-third__right {
        margin-bottom: 15px;
    }
    .prize-container {
        width: 321px;
        top: 385px;
    }
   .prize-container img {
    width: 321px;
    height: 301px;
    margin-bottom: 28px;
   }
   .instruction-container {
    top: 380px;
    left: 49%;
    width: 286px;
    height: 109px;
   }
   .how-get {font-size: 30px;}
   .prize {
    font-size: 64px;
    margin-bottom: 10px;}
    
   .instruction {font-size: 14px;}
    .form-msg {font-size: 12px;}
   .link_myprize {font-size: 12px;}
}