/* New landing 2026 — dark Figma skin over main.css */

/* YS Display / YS Text — local (Figma) */
@font-face{
  font-family: 'YS Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../font/ys/YSDisplay-Regular.woff2') format('woff2'),
       url('../font/ys/YSDisplay-Regular.woff') format('woff');
}
@font-face{
  font-family: 'YS Display';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../font/ys/YSDisplay-Medium.woff2') format('woff2'),
       url('../font/ys/YSDisplay-Medium.woff') format('woff');
}
@font-face{
  font-family: 'YS Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../font/ys/YSDisplay-Bold.woff2') format('woff2'),
       url('../font/ys/YSDisplay-Bold.woff') format('woff');
}
@font-face{
  font-family: 'YS Display';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../font/ys/YSDisplay-Bold.woff2') format('woff2'),
       url('../font/ys/YSDisplay-Bold.woff') format('woff');
}
@font-face{
  font-family: 'YS Text';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../font/ys/YSText-Regular.woff2') format('woff2');
}
@font-face{
  font-family: 'YS Text';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../font/ys/YSText-Medium.woff2') format('woff2');
}

body{
  background-color: #050308;
  color: #fff;
}

.app{
  width: 1200rem;
}

.header{
  background-color: #000;
  height: 86rem;
}
.header-left{
  display: flex;
  align-items: center;
}
.header .phones{
  background-color: rgba(255,255,255,0.08);
  border-radius: 14rem;
}
.menu a{
  font-size: 15rem;
  font-weight: 500;
  opacity: 0.92;
}
.lnk_lk{
  background: none;
  border-radius: 0;
  padding: 0;
}
.menu-top{display:none;}
br.mob{display:none;}
br.pc{display:inline;}

/* Hero */
.block1{
  margin-top: 24rem;
  height: 605rem;
  border-radius: 32rem;
  background-color: #0a0612;
  background-image: url(../img2/new/header_kv_pc.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-left: 74rem;
  overflow: hidden;
}
.block1 .hero-copy{
  position: relative;
  z-index: 2;
  max-width: 600rem;
}
.block1 .title{
  font-family: 'YS Display', sans-serif;
  font-size: 74rem;
  font-weight: 500;
  line-height: 1;
  text-transform: none;
  color: #fff;
  letter-spacing: -0.74rem;
  max-width: none;
  word-break: normal;
}
.block1 .text{
  font-size: 26rem;
  font-weight: 400;
  margin-top: 16rem;
  color: #fff;
  line-height: 1.15;
  letter-spacing: -0.26rem;
  max-width: 469rem;
}
.block1 .btn{
  margin-top: 24rem;
  width: 300rem;
  height: 56rem;
  border-radius: 70rem;
  background: linear-gradient(90deg, #FF5C4D 0%, #EB469F 28%, #8341EF 68%, #3F68F9 100%);
}

/* Shared CTA */
.btn.grad,
.block3 .btn,
.block32 .btn,
.block2 .btn_ya_plus{
  background: linear-gradient(90deg, #FF5C4D 0%, #EB469F 28%, #8341EF 68%, #3F68F9 100%);
  border-radius: 16rem;
  color: #fff;
}
.block2 .btn_blue,
.block2 .items2 .btn{
  background: #3F68F9 !important;
  border-radius: 16rem;
}

/* Prizes */
.block3{
  margin-top: 24rem;
  height: auto;
  min-height: 648rem;
  padding: 60rem 40rem 48rem;
  border-radius: 32rem;
  background-color: #363636;
  background-image: linear-gradient(181.78deg, #000 35.65%, rgba(66,17,145,.25) 95.14%);
}
.block3 .title{
  font-family: 'YS Display', sans-serif;
  font-size: 40rem;
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.4rem;
  text-transform: none;
  color: #fff;
  text-align: center;
  padding-top: 0;
  margin-bottom: 40rem;
}
.prize-slider{
  position: relative;
  display: flex;
  align-items: center;
  gap: 12rem;
}
.prize-viewport{
  overflow: hidden;
  flex: 1;
  border-radius: 24rem;
  touch-action: pan-y;
}
.prize-track{
  display: flex;
  gap: 20rem;
  will-change: transform;
  cursor: grab;
}
.prize-track.dragging{cursor: grabbing;}
.prize-card{
  position: relative;
  flex: 0 0 291rem;
  width: 291rem;
  height: 357rem;
  border-radius: 28rem;
  overflow: hidden;
  user-select: none;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.prize-card .prize-title{
  position: absolute;
  top: 26rem;
  left: 50%;
  transform: translateX(-50%);
  width: 218rem;
  z-index: 2;
  padding: 0;
  font-family: 'YS Display', sans-serif;
  font-size: 24rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.24rem;
  color: #fff;
  text-align: center;
  text-transform: none;
  font-feature-settings: "lnum" 1, "pnum" 1;
}
.prize-card.p1{background-image: url(../img2/new/prize1.png);}
.prize-card.p2{background-image: url(../img2/new/prize2.png);}
.prize-card.p3{background-image: url(../img2/new/prize3.png);}
.prize-card.p4{background-image: url(../img2/new/prize4.png);}
.prize-card.p5{background-image: url(../img2/new/prize5.png);}
.prize-nav{
  width: 48rem;
  height: 48rem;
  border: 0;
  border-radius: 50%;
  background: rgba(255,255,255,0.1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M12.5 4L7 10l5.5 6' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center no-repeat;
  cursor: pointer;
  flex-shrink: 0;
  transition: background-color .2s;
}
.prize-nav:hover{background-color: rgba(255,255,255,0.18);}
.prize-nav.next{transform: scaleX(-1);}
.block3 .btn{
  margin: 40rem auto 0;
  width: 300rem;
  height: 56rem;
}

/* Steps */
.block2{
  margin-top: 24rem;
  height: auto;
  min-height: 560rem;
  padding: 60rem 40rem 48rem;
  border-radius: 32rem;
  background-color: #363636;
  background-image: linear-gradient(181.65deg, #000 35.65%, rgba(66,17,145,0.25) 95.14%);
}
.block2 .title{
  font-family: 'YS Display', sans-serif;
  font-size: 40rem;
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.4rem;
  text-transform: none;
  color: #fff;
  text-align: center;
  padding-top: 0;
  margin-bottom: 40rem;
}
.block2 .items-wrap{
  display: flex;
  align-items: stretch;
  gap: 20rem;
  justify-content: center;
}
.block2 .items{
  position: relative;
  left: auto !important;
  top: auto !important;
  display: flex;
  flex-direction: column;
  width: 550rem;
  height: auto;
  min-height: 400rem;
  padding: 28rem 24rem 24rem;
  color: #fff;
  background: linear-gradient(181.67deg, #312A46 0.92%, #342E52 43.7%, #3C3166 65.2%, #4D397F 85.72%, #653D90 97.09%);
  border: 0;
  border-radius: 24rem;
  backdrop-filter: none;
  box-shadow: none;
}
.block2 .items .title2{
  font-family: 'YS Display', sans-serif;
  font-size: 24rem;
  font-weight: 500;
  text-transform: none;
  margin-bottom: 34rem;
  line-height: 0.9;
  letter-spacing: -0.24rem;
  text-align: center;
  color: #fff;
  width: 100%;
}
.block2 .items2 .title2{
  margin-bottom: 34rem;
}
.block2 .items1 .title2{
  margin-bottom: 20rem;
}
.block2 .items .item,
.block2 .items1 .item,
.block2 .items2 .item{
  display: flex;
  height: auto;
  min-height: 32rem;
  margin-bottom: 12rem;
  align-items: center;
  gap: 8rem;
}
.block2 .items1 .item:last-of-type,
.block2 .items2 .item:last-of-type{
  margin-bottom: 0;
}
.block2 .items .item div{
  font-size: 18rem;
  font-weight: 400;
  line-height: 1.2;
  padding-top: 0;
}
.block2 .items .item span{
  background: #312a46;
  flex-shrink: 0;
  margin-right: 0;
  font-weight: 700;
  font-size: 24rem;
  line-height: 1.2;
  letter-spacing: -0.24rem;
}
.block2 .items .btn,
.block2 .items1 .btn,
.block2 .items2 .btn,
.block2 .items1 .btn_ya_plus{
  margin: auto auto 0;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 502rem;
  height: 56rem;
  border-radius: 70rem;
}

/* Entertainment */
.block32{
  margin-top: 24rem;
  height: auto;
  min-height: 700rem;
  padding: 60rem 40rem 48rem;
  border-radius: 32rem;
  background-color: #363636;
  background-image: linear-gradient(181.98deg, #000 35.65%, rgba(66,17,145,0.25) 95.14%);
}
.block32 .title{
  font-family: 'YS Display', sans-serif;
  font-size: 40rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.4rem;
  text-transform: none;
  color: #fff;
  text-align: center;
  padding-top: 0;
  max-width: 1120rem;
  margin: 0 auto 40rem;
}
.block32 .text{display:none;}
.fun-slider{width: 100%;}
.fun-viewport{overflow: visible;}
.fun-track{
  display: flex;
  gap: 20rem;
  justify-content: center;
}
.fun-card{
  position: relative;
  flex: 0 0 266rem;
  width: 266rem;
  height: 387rem;
  border-radius: 28rem;
  padding: 24rem 20rem;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.fun-card.f1{background-image: url(../img2/new/podpiska1.jpg);}
.fun-card.f2{background-image: url(../img2/new/podpiska2.jpg);}
.fun-card.f3{background-image: url(../img2/new/podpiska3.jpg);}
.fun-card.f4{background-image: url(../img2/new/podpiska4.jpg);}
.fun-card .fun-title{
  font-family: 'YS Display', sans-serif;
  font-size: 20rem;
  font-weight: 500;
  letter-spacing: -0.2rem;
  line-height: 1;
  color: #fff;
  margin-bottom: 16rem;
  position: relative;
  z-index: 2;
  max-width: 196rem;
}
.fun-card .fun-text{
  font-size: 16rem;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0;
  color: rgba(255,255,255,0.64);
  position: relative;
  z-index: 2;
  max-width: 204rem;
  word-break: normal;
  overflow-wrap: break-word;
}
.fun-card.f2 .fun-title{max-width: 196rem;}
.fun-card.f2 .fun-text{max-width: 219rem;}
.fun-card.f3 .fun-title{max-width: 196rem;}
.fun-card.f3 .fun-text{max-width: 212rem;}
.fun-card.f4 .fun-text{max-width: 235rem;}
.fun-card.f4 .fun-title{max-width: 229rem;}
.block32 .btn{
  margin: 40rem auto 0;
  width: 300rem;
  height: 56rem;
}

/* Results — landing-only (main.css block4 scoped to body:not(.landing)) */
.block4{
  position: relative;
  margin-top: 24rem;
  height: 229rem;
  border-radius: 32rem;
  padding: 40rem;
  background-color: #6f3be3;
  background-image: url(../img2/new/itogs_pc.jpg);
  background-size: 101% 100%;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.block4 .results-copy{
  position: relative;
  z-index: 2;
  max-width: 590rem;
  color: #fff;
  text-align: left;
}
.block4 .text1{
  font-size: 40rem;
  font-weight: 500;
  text-transform: none;
  opacity: 0.6;
  line-height: 0.95;
  letter-spacing: -0.4rem;
  color: #fff;
  text-align: left;
}
.block4 .text2{
  font-size: 64rem;
  font-weight: 500;
  margin-top: 10rem;
  text-transform: none;
  color: #fff;
  text-align: left;
  line-height: 0.95;
  letter-spacing: -0.64rem;
}
.block2 .items .item div a{
  color: #fff;
  text-decoration: underline;
}

/* FAQ / winners / LK keep usable on dark */
.block5,
.block6,
.block7{
  background-color: #363636;
  background-image: linear-gradient(182.23deg, #000 35.65%, rgba(66,17,145,0.25) 95.14%);
  border-radius: 32rem;
  color: #fff;
  margin-top: 24rem;
}
.block5 .title,
.block6 .title{
  font-family: 'YS Display', sans-serif;
  font-size: 40rem;
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.4rem;
  text-transform: none;
  text-align: center;
  color: #fff;
  padding-top: 60rem;
}
.block7 .title{
  color: #fff;
  text-transform: none;
}
.block5 .faq .qwitem .qw{
  font-size: 24rem;
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: -0.24rem;
  color: #fff;
  text-transform: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M12 4.5C11.4477 4.5 11 4.94772 11 5.5V11.5H5C4.44772 11.5 4 11.9477 4 12.5C4 13.0523 4.44772 13.5 5 13.5H11V19.5C11 20.0523 11.4477 20.5 12 20.5C12.5523 20.5 13 20.0523 13 19.5V13.5H19C19.5523 13.5 20 13.0523 20 12.5C20 11.9477 19.5523 11.5 19 11.5H13V5.5C13 4.94772 12.5523 4.5 12 4.5Z' fill='white'/%3E%3C/svg%3E");
  border-top-color: rgba(255,255,255,0.12);
}
.block5 .faq .qwitem.active .qw{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12H19' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}
.block5 .faq .qwitem .answer{
  font-size: 18rem;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0;
  color: rgba(255,255,255,0.6);
}
.block7 .h2,
.block7 .field-placeholder span,
.block7 .moderate_notify{
  color: #fff;
}
.block7 .field-wrapper input{
  color: #fff;
  background: rgba(255,255,255,0.06);
  border-color: rgba(255,255,255,0.12);
}
body.light .block7{
  background: #fff;
  color: rgba(0,0,0,0.8);
}
body.light .block7 .title,
body.light .block7 .h2,
body.light .block7 .field-placeholder span,
body.light .block7 .moderate_notify{
  color: rgba(0,0,0,0.8);
}
body.light .block7 .moderate_notify{
    color: rgb(63 104 249);
    font-size: 20rem;
}

body.light .block7 .field-wrapper input{
  color: #000;
  background: #fff;
  border-color: rgba(0, 0, 0, 0.2);
}

body.light .block7 .field-wrapper input.error {
    background-color: #ff000030;
}


.footer{
  color: rgba(255,255,255,0.55);
}
.footer .copyright{
  width: 852rem;
  font-size: 14rem;
  font-weight: 400;
  line-height: 1.4;
  color: rgba(255,255,255,0.9);
}
.footer a{
  color: rgba(255,255,255,0.75);
  margin-right: 24rem;
}
.footer .copyright a{
  color: rgba(255,255,255,0.9);
}

@media (max-width: 900px){
  br.mob{display:inline;}
  br.pc{display:none;}

  .app{width: 343rem;}

  .header{
    background: #000;
    height: 58rem;
  }
  .menu-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 16rem;
    height: 58rem;
    position: absolute;
    top: 0;
    left: 0;
  }
  .header .menu.active{
    top: 0;
    height: 100vh;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(180deg, #000 0%, #1a0a2e 100%);
    padding-top: 58rem;
    z-index: 20;
  }
  .header .menu.active .menu-links{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
  }
  .header .menu .phones{
    position: absolute;
    bottom: 40rem;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 0;
    width: 311rem;
    height: 56rem;
    border-radius: 16rem;
    background: rgba(255,255,255,0.08);
  }
  .menu a{
    margin-bottom: 28rem;
    font-size: 20rem;
  }
  .lnk_lk{
    background: transparent;
    padding: 0;
  }

  .block1{
    margin-top: 8rem;
    height: 560rem;
    padding: 28rem 16rem 0;
    border-radius: 24rem;
    background-image: url(../img2/new/header_kv_mob.jpg);
    background-size: cover;
    background-position: center;
  }
  .block1 .hero-copy{
    max-width: 100%;
    text-align: center;
  }
  .block1 .title{
    font-size: 34rem;
    font-weight: 500;
    line-height: 0.9;
    letter-spacing: -0.34rem;
    text-align: center;
  }
  .block1 .text{
    font-size: 16rem;
    line-height: 1.2;
    letter-spacing: -0.16rem;
    text-align: center;
  }
  .block1 .btn{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .block3{
    padding: 40rem 0 32rem;
    border-radius: 24rem;
  }
  .block3 .title{
    font-size: 32rem;
    font-weight: 500;
    line-height: 0.95;
    letter-spacing: -0.32rem;
    padding: 0 16rem;
    margin-bottom: 24rem;
  }
  .prize-slider{padding: 0;}
  .prize-nav{display: none;}
  .prize-viewport{
    overflow: visible;
    margin: 0;
  }
  .prize-track{
    gap: 12rem;
    padding: 0 16rem;
  }
  .prize-card{
    flex: 0 0 236rem;
    width: 236rem;
    height: 290rem;
    border-radius: 24rem;
  }
  .prize-card .prize-title{
    top: 21rem;
    left: 50%;
    transform: translateX(-50%);
    width: 177rem;
    font-family: 'YS Display', sans-serif;
    font-size: 20rem;
    font-weight: 500;
    letter-spacing: -0.2rem;
    line-height: 1.2;
  }
  .block3 .btn{
    width: calc(100% - 32rem);
    margin-top: 28rem;
  }

  .block2{
    padding: 40rem 16rem 32rem;
    border-radius: 24rem;
  }
  .block2 .title{
    font-size: 26rem;
    margin-bottom: 24rem;
  }
  .block2 .items-wrap{
    flex-direction: column;
    gap: 16rem;
  }
  .block2 .items{
    width: 100%;
    min-height: 0;
    border-radius: 24rem;
  }
  .block2 .items .item,
  .block2 .items1 .item,
  .block2 .items2 .item{
    margin-bottom: 12rem;
    height: auto;
  }
  .block2 .items1 .item:last-of-type,
  .block2 .items2 .item:last-of-type{
    margin-bottom: 0;
  }
  .block2 .items .title2{
    font-size: 20rem;
    font-weight: 500;
    line-height: 0.95;
    letter-spacing: -0.2rem;
    text-align: center;
  }
  .block2 .items2 .title2{margin-bottom: 18rem;}
  .block2 .items1 .title2{margin-bottom: 16rem;}
  .block2 .items .item div{
    font-size: 16rem;
    font-weight: 400;
    line-height: 1.2;
  }
  .block2 .items .item span{
    font-size: 20rem;
    letter-spacing: -0.2rem;
  }

  .block32{
    padding: 40rem 0 32rem;
    border-radius: 24rem;
  }
  .block32 .title{
    font-size: 24rem;
    padding: 0 16rem;
    margin-bottom: 24rem;
  }
  .fun-viewport{
    overflow: hidden;
    touch-action: pan-y;
  }
  .fun-track{
    justify-content: flex-start;
    gap: 12rem;
    padding: 0 16rem;
    cursor: grab;
  }
  .fun-card{
    flex: 0 0 280rem;
    width: 280rem;
    height: 360rem;
  }
  .block32 .btn{
    width: calc(100% - 32rem);
  }

  .block4{
    height: auto;
    min-height: 300rem;
    padding: 16rem 16rem 48rem;
    border-radius: 24rem;
    background-image: url(../img2/new/itogs_mob.jpg);
    background-size: cover;
    background-position: center;
    align-items: flex-end;
  }
  .block4 .results-copy{max-width: 292rem; text-align: left;}
  .block4 .text1{
    font-size: 22rem;
    font-weight: 500;
    line-height: 0.95;
    letter-spacing: -0.22rem;
    text-align: left;
    opacity: 0.6;
  }
  .block4 .text2{
    font-size: 32rem;
    font-weight: 500;
    line-height: 0.95;
    letter-spacing: -0.32rem;
    text-align: left;
    margin-top: 12rem;
  }
  .block5 .title,
  .block6 .title{
    font-size: 32rem;
    font-weight: 500;
    line-height: 0.95;
    letter-spacing: -0.32rem;
    text-align: left;
    padding-top: 48rem;
  }
  .fun-card .fun-title{
    font-size: 18rem;
    font-weight: 500;
    letter-spacing: -0.18rem;
    line-height: 1;
    color: #fff;
  }
  .fun-card .fun-text{
    font-size: 14rem;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0;
    color: rgba(255,255,255,0.64);
    max-width: 190rem;
  }
  .fun-card.f2 .fun-text{max-width: 204rem;}
  .fun-card.f3 .fun-text,
  .fun-card.f4 .fun-text{max-width: 197rem;}
  .block5 .faq .qwitem .qw{
    font-size: 20rem;
    font-weight: 500;
    line-height: 1.05;
    letter-spacing: -0.2rem;
    color: #fff;
    height: auto;
    min-height: 78rem;
    padding-top: 18rem;
    padding-bottom: 18rem;
  }
  .block5 .faq .qwitem .answer{
    font-size: 14rem;
    font-weight: 400;
    line-height: 1.3;
    color: rgba(255,255,255,0.6);
  }
  .footer .copyright{
    width: 100%;
    line-height: 1.4;
    color: rgba(255,255,255,0.9);
  }
  .block6 .winners_tb .head,
  .block6 .winners_tb .row{width: 92%;}
  .block6 .winners_tb .head{
    font-size: 14rem;
    font-weight: 500;
    line-height: 1.05;
    letter-spacing: -0.14rem;
    text-transform: none;
    color: #fff;
  }
  .block6 .winners_tb .row{
    font-size: 10rem;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0;
    text-transform: none;
    color: #fff;
  }
  .block6 .winners_tb .head div:nth-child(1),
  .block6 .winners_tb .row div:nth-child(1){width: 31%;}
  .block6 .winners_tb .head div:nth-child(2),
  .block6 .winners_tb .row div:nth-child(2){width: 31%;}
  .block6 .winners_tb .head div:nth-child(3),
  .block6 .winners_tb .row div:nth-child(3){width: 38%;}
}

/* Figma composition refinements — единый фон секций */
.block3{
  background-color: #363636;
  background-image: linear-gradient(181.78deg, #000 35.65%, rgba(66,17,145,.25) 95.14%);
}
.block2 .items{
  background: linear-gradient(181.67deg, #312A46 0.92%, #342E52 43.7%, #3C3166 65.2%, #4D397F 85.72%, #653D90 97.09%);
  border: 0;
  box-shadow: none;
}
.block6 .winners_tb{color: #fff;}
.block6 .winners_tb .body{background-color: transparent;}
.block6 .winners_tb .search{
  display: block;
  width: 502rem;
  max-width: calc(100% - 32rem);
  height: 56rem;
  margin: 0 auto;
  /* icon @ left 99 (24) → text starts after icon + gap */
  padding: 0 28.5rem 0 135rem;
  border: 0;
  border-radius: 70rem;
  background-color: #322948;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M21.53 20.47L16.836 15.776C18.197 14.143 18.875 12.048 18.73 9.927C18.585 7.806 17.628 5.823 16.058 4.39C14.489 2.956 12.426 2.183 10.301 2.232C8.176 2.28 6.151 3.146 4.648 4.649C3.145 6.152 2.279 8.177 2.231 10.302C2.182 12.427 2.955 14.489 4.389 16.059C5.822 17.629 7.805 18.586 9.926 18.731C12.047 18.876 14.142 18.197 15.776 16.837L20.469 21.531C20.539 21.6 20.621 21.656 20.712 21.694C20.803 21.731 20.901 21.751 21 21.751C21.098 21.751 21.195 21.731 21.286 21.694C21.377 21.656 21.46 21.6 21.53 21.531C21.6 21.461 21.655 21.378 21.693 21.287C21.73 21.196 21.75 21.099 21.75 21C21.75 20.901 21.73 20.804 21.693 20.713C21.655 20.622 21.6 20.539 21.53 20.47ZM3.749 10.5C3.749 9.165 4.145 7.86 4.887 6.75C5.629 5.64 6.683 4.775 7.916 4.264C9.15 3.753 10.507 3.619 11.816 3.88C13.126 4.14 14.328 4.783 15.272 5.727C16.216 6.671 16.859 7.874 17.12 9.183C17.38 10.493 17.246 11.85 16.735 13.083C16.225 14.317 15.359 15.371 14.249 16.113C13.139 16.854 11.834 17.25 10.499 17.25C8.71 17.248 6.994 16.536 5.728 15.271C4.463 14.005 3.751 12.29 3.749 10.5Z' fill='white' fill-opacity='0.9'/%3E%3C/svg%3E");
  background-size: 24rem;
  background-repeat: no-repeat;
  background-position: left 99rem center;
  font-family: 'YS Text', sans-serif;
  font-size: 18rem;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0.36rem;
  color: #fff;
  text-align: left;
  font-feature-settings: "lnum" 1, "pnum" 1;
}
.block6 .winners_tb .search::placeholder{
  color: rgba(255,255,255,0.6);
  font-weight: 500;
  letter-spacing: 0.36rem;
  text-align: left;
  opacity: 1;
}
.block6 .winners_tb .winbg{
  background: linear-gradient(181.12deg, #312A46 0.92%, #342E52 43.7%, #3C3166 65.2%, #4D397F 85.72%, #653D90 97.09%);
}
.block6 .winners_tb .head{
  font-size: 24rem;
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: -0.24rem;
  text-transform: none;
  color: #fff;
  text-align: center;
  border-bottom: 1px solid rgba(255,255,255,0.12);
  margin-bottom: 0;
  padding-bottom: 24rem;
}
.block6 .winners_tb .head div{
  text-align: center;
}
.block6 .winners_tb .row{
  font-size: 18rem;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: none;
  color: #fff;
  text-align: center;
  border-bottom: 1px solid rgba(255,255,255,0.12);
  margin-bottom: 0;
  padding: 20rem 0;
}
.block6 .winners_tb .row:last-child{
  border-bottom: 0;
}
.block6 .winners_tb .row div{
  text-align: center;
}
.block6 .winners_tb .pages{color: #fff;}
.block6 .winners_tb .pages span.active{color: #fff;}

@media (max-width:900px){
  .block3,
  .block2,
  .block32,
  .block5,
  .block6{border-radius:24rem;}
  .fun-card{flex-basis:241rem;width:241rem;height:345rem;}
  .fun-card .fun-title{
    font-size: 18rem;
    font-weight: 500;
    letter-spacing: -0.18rem;
    line-height: 1;
    color: #fff;
  }
  .fun-card .fun-text{
    font-size: 14rem;
    font-weight: 400;
    line-height: 1.2;
    color: rgba(255,255,255,0.64);
  }
  .block5 .faq .qwitem .qw{
    font-size: 20rem;
    font-weight: 500;
    line-height: 1.05;
    letter-spacing: -0.2rem;
    color: #fff;
  }
  .block5 .faq .qwitem .answer{
    font-size: 14rem;
    font-weight: 400;
    line-height: 1.3;
    color: rgba(255,255,255,0.6);
  }
  .block6 .winners_tb .search{
    width: 256rem;
    max-width: calc(100% - 32rem);
    height: 43rem;
    margin: 0 auto;
    /* icon @ left 26 (18) → text starts after icon + gap */
    padding: 0 40rem 0 52rem;
    border-radius: 37rem;
    background-size: 18rem;
    background-position: left 26rem center;
    font-size: 12rem;
    letter-spacing: 0.24rem;
  }
  .block6 .winners_tb .search::placeholder{
    letter-spacing: 0.24rem;
  }
  .block6 .winners_tb .head{
    font-size: 14rem;
    font-weight: 500;
    line-height: 1.05;
    letter-spacing: -0.14rem;
    text-transform: none;
    color: #fff;
  }
  .block6 .winners_tb .row{
    font-size: 10rem;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0;
    text-transform: none;
    color: #fff;
  }
}

/* Motion polish — не перебивать AOS transition до .aos-animate */
body.landing{
  overflow-x: clip;
}

/* Hero entrance (CSS — надёжнее AOS на первом экране) */
@keyframes landingFadeUp{
  from{opacity:0;transform:translate3d(0,28px,0);}
  to{opacity:1;transform:translate3d(0,0,0);}
}
.block1 .hero-copy .title,
.block1 .hero-copy .text,
.block1 .hero-copy .btn{
  animation: landingFadeUp .75s cubic-bezier(.22,1,.36,1) both;
}
.block1 .hero-copy .text{animation-delay:.12s;}
.block1 .hero-copy .btn{animation-delay:.24s;}
@media (prefers-reduced-motion: reduce){
  .block1 .hero-copy .title,
  .block1 .hero-copy .text,
  .block1 .hero-copy .btn{
    animation: none !important;
  }
}
@media (hover: hover) and (pointer: fine){
  /* CTA без data-aos — сразу; с data-aos — только после AOS */
  .block2 .items .btn:hover,
  .block2 .items1 .btn:hover,
  .block2 .items2 .btn:hover,
  .block2 .items1 .btn_ya_plus:hover,
  .block1 .btn:hover,
  .block3 .btn.aos-animate:hover,
  .block32 .btn.aos-animate:hover,
  .btn.grad:hover{
    transform: translateY(-2px);
    transition: transform .25s ease, box-shadow .25s ease;
  }
  .block2 .items .btn:active,
  .block2 .items1 .btn:active,
  .block2 .items2 .btn:active,
  .block2 .items1 .btn_ya_plus:active,
  .block1 .btn:active,
  .block3 .btn.aos-animate:active,
  .block32 .btn.aos-animate:active,
  .btn.grad:active{
    transform: translateY(0);
  }
  .prize-card:hover,
  .fun-card:hover{
    transform: translateY(-4px);
    transition: transform .3s ease;
  }
}
@media (prefers-reduced-motion: reduce){
  .block2 .items .btn:hover,
  .block2 .items1 .btn:hover,
  .block2 .items2 .btn:hover,
  .block2 .items1 .btn_ya_plus:hover,
  .block1 .btn:hover,
  .block3 .btn.aos-animate:hover,
  .block32 .btn.aos-animate:hover,
  .btn.grad:hover,
  .prize-card:hover,
  .fun-card:hover,
  .block2 .items .btn:active,
  .block2 .items1 .btn:active,
  .block2 .items2 .btn:active,
  .block2 .items1 .btn_ya_plus:active,
  .block1 .btn:active,
  .block3 .btn.aos-animate:active,
  .block32 .btn.aos-animate:active,
  .btn.grad:active{
    transform: none !important;
    transition: none !important;
  }
}