@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;900&display=swap");

body {
   font-family: "Montserrat", sans-serif;
   margin: 0;
   padding: 0;
}

/* Заголовок */
.headline {
   text-align: center;
   font-size: clamp(1.4rem, 5vw, 1.8rem);
   margin-top: 10px;
   margin-bottom: 10px;
   font-weight: 800;
   color: #ff7b29;
   text-shadow: 0 0 3px rgba(255, 123, 41, 0.2);
   /* уменьшена яркость и тень */
   position: relative;
   z-index: 10;
}
.imm {
   max-width: 25px;
   margin-right: 10px;
}
.content {
   position: relative;
   max-width: 520px;
   width: 100%;
   margin: 0 auto 30px auto;
   text-align: center;
   background: rgba(0, 0, 0, 0.45);
   padding: 16px 22px;
   border-radius: 14px;
   border: 1px solid rgba(255, 255, 255, 0.25);
   z-index: 5;
}

h1 {
   margin: 6px 0 10px 0;
   font-weight: 800;
   font-size: clamp(1rem, 5vw, 1.3rem);
   color: #fff;
}

.lead {
   margin: 4px 0;
   font-size: clamp(0.9rem, 4vw, 1rem);
   color: #f1f1f1;
}

.sub {
   margin: 2px 0;
   font-size: clamp(0.75rem, 3.5vw, 0.85rem);
   color: #e2e2e2;
}

.sub.small {
   font-size: clamp(0.7rem, 3.2vw, 0.78rem);
}

.cta-btn {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   margin-top: 14px;
   padding: 7px 16px;
   background: linear-gradient(90deg, #67c176 0%, #2cb742 77%);
   color: #fff;
   font-size: 0.88rem;
   font-weight: 700;
   text-decoration: none;
   border-radius: 20px;
   box-shadow: 0 0 12px #2cb742;
   transition:
      transform 0.2s,
      box-shadow 0.3s,
      background 0.25s;
   border: none;
   outline: none;
   font-family: inherit;
}

.cta-btn:hover {
   transform: scale(1.05);
   box-shadow: 0 0 20px #396440;
   background: linear-gradient(90deg, #197528 0%, #1a8b2c 96%);
}

.note {
   margin-top: 12px;
   font-size: 0.75rem;
   color: #fff;
}

html,
body {
   height: 100%;
   margin: 0;
}

body {
   background: #000;
}

.cosmos-bg {
   position: fixed;
   inset: 0;
   z-index: 0;
   background: radial-gradient(circle at 50% 30%, #0b122e 0%, #050818 60%, #000 100%);
   overflow: hidden;
}

.star {
   position: absolute;
   border-radius: 50%;
   background: white;
}

/* мигание */
.twinkle {
   animation: twinkle 3s infinite ease-in-out;
}

@keyframes twinkle {
   0%,
   100% {
      opacity: 0.2;
   }

   50% {
      opacity: 1;
   }
}

/* падающая звезда */
.shooting {
   width: 2px;
   height: 2px;
   background: white;
   box-shadow: 0 0 6px 2px white;
   animation: shooting 2s linear forwards;
}

@keyframes shooting {
   from {
      transform: translate(0, 0) scale(1);
      opacity: 1;
   }

   to {
      transform: translate(-300px, 300px) scale(0.2);
      opacity: 0;
   }
}

._content_40wqq_7 {
   width: 600px;
   max-width: 100%;
   margin: 0 auto;
   overflow: hidden;
}

._image_1mfeg_27 > img {
   max-height: 200px;
}
@media (max-width:700px) {
   ._image_1mfeg_27 > img {
   max-height: 185px;
}
}

[data-block-kind="ImageGallery"] .swiper {
   overflow: visible;
   padding-bottom: 28px;
}

[data-block-kind="ImageGallery"] .swiper-pagination {
   bottom: 0 !important;
}

[data-block-kind="ImageGallery"] .swiper-pagination-bullet {
   width: 7px;
   height: 7px;
   opacity: 1;
   background: rgba(255, 255, 255, 0.25);
   margin: 0 6px !important;
}

[data-block-kind="ImageGallery"] .swiper-pagination-bullet-active {
   background: #fff;
}
