/* Ensure no horizontal wobble or scrollbar on mobile viewports */
html, body {
  overflow-x: hidden;
  max-width: 100vw;
}

/* Registration artwork already contains the button label and arrow. Keep its
   original shape and add a quiet highlight without shifting nearby content. */
#allrecords #rec1680007181 [data-elem-id="175778121947488790"] {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}
#allrecords .t396__elem a.tn-atom[href="#tarif"] {
  position: relative;
  overflow: visible !important;
  isolation: isolate;
  transition: filter 180ms ease-out, transform 180ms ease-out;
}
#allrecords #tvq .registration-cta,
#allrecords #tvw .wheel-go,
#allrecords #tvw .wr-cta {
  position: relative;
  isolation: isolate;
  transition: filter 180ms ease-out, box-shadow 180ms ease-out, transform 180ms ease-out, background 180ms ease-out;
}
#allrecords #tvq .registration-cta::after,
#allrecords #tvw .wr-cta::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(110deg, transparent 25%, rgb(255 255 255 / 24%) 50%, transparent 75%);
  transform: translateX(-125%);
  animation: registration-sheen 7s ease-out infinite;
  animation-play-state: paused;
}
#allrecords .registration-in-view::after { animation-play-state: running !important; }

/* Zero Block PNG buttons: clip the large bottom baked-in shadow from the PNG artwork
   so the button pill is clean, render a symmetrical glowing halo in button color via ::after,
   and apply a gentle pulse animation (scale + glow) */
#allrecords .t396__elem a.tn-atom[href="#tarif"] {
  position: relative;
  overflow: visible !important;
  isolation: isolate;
  display: block;
  transform-origin: 50% 32%;
  animation: button-pulse-scale 2.4s ease-in-out infinite;
  transition: transform 180ms ease-out;
}
#allrecords .t396__elem a.tn-atom[href="#tarif"] img {
  display: block;
  position: relative;
  z-index: 1;
  clip-path: inset(0 0 43% 0 round 9999px);
  filter: none !important;
  transition: transform 240ms ease-out, filter 240ms ease-out;
}
#allrecords .t396__elem a.tn-atom[href="#tarif"]::after {
  content: "";
  position: absolute;
  top: 8%;
  left: 1.5%;
  right: 1.5%;
  height: 48%;
  border-radius: 9999px;
  pointer-events: none;
  z-index: 0;
  box-shadow: 0 0 12px rgba(45, 115, 235, 0.8), 0 0 24px rgba(61, 155, 255, 0.5), 0 0 4px rgba(90, 175, 255, 0.6);
  animation: registration-glow-pill-blue 2.4s ease-in-out infinite;
  transition: box-shadow 240ms ease-out, transform 240ms ease-out;
}
#allrecords .t396__elem a.tn-atom[href="#tarif"]:hover {
  animation-play-state: paused;
  transform: translateY(-2px) scale(1.04);
}
#allrecords .t396__elem a.tn-atom[href="#tarif"]:hover img {
  filter: brightness(1.08);
}
#allrecords .t396__elem a.tn-atom[href="#tarif"]:hover::after {
  animation-play-state: paused;
  box-shadow: 0 0 18px rgba(45, 115, 235, 1), 0 0 34px rgba(61, 155, 255, 0.8), 0 0 6px rgba(90, 175, 255, 0.85);
}

/* Gold button in section rec1680007211 glows in its gold color */
#allrecords #rec1680007211 .t396__elem a.tn-atom[href="#tarif"]::after {
  box-shadow: 0 0 12px rgba(255, 215, 120, 0.85), 0 0 24px rgba(255, 195, 77, 0.5);
  animation: registration-glow-pill-gold 2.4s ease-in-out infinite;
}
#allrecords #rec1680007211 .t396__elem a.tn-atom[href="#tarif"]:hover::after {
  animation-play-state: paused;
  box-shadow: 0 0 18px rgba(255, 225, 140, 1), 0 0 34px rgba(255, 195, 77, 0.8);
}

/* Glowing box-shadow and pulse animation around Quiz and Wheel CTA buttons */
#allrecords #tvq .registration-cta,
#allrecords #tvw .wheel-go,
#allrecords #tvw .wr-cta {
  box-shadow: 0 0 12px rgba(45, 115, 235, 0.75), 0 0 24px rgba(61, 155, 255, 0.45);
  animation: registration-box-pulse-blue 2.4s ease-in-out infinite;
}
#allrecords #tvq .registration-cta:hover,
#allrecords #tvw .wheel-go:hover:not(:disabled),
#allrecords #tvw .wr-cta:hover {
  animation-play-state: paused;
  box-shadow: 0 0 18px rgba(45, 115, 235, 1), 0 0 34px rgba(61, 155, 255, 0.75);
  transform: translateY(-2px) scale(1.04);
}

@keyframes button-pulse-scale {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.035);
  }
}
@keyframes registration-glow-pill-blue {
  0%, 100% {
    box-shadow: 0 0 10px rgba(45, 115, 235, 0.75), 0 0 20px rgba(61, 155, 255, 0.42);
  }
  50% {
    box-shadow: 0 0 16px rgba(45, 115, 235, 0.95), 0 0 30px rgba(61, 155, 255, 0.65), 0 0 6px rgba(90, 175, 255, 0.7);
  }
}
@keyframes registration-glow-pill-gold {
  0%, 100% {
    box-shadow: 0 0 10px rgba(255, 215, 120, 0.75), 0 0 20px rgba(255, 195, 77, 0.4);
  }
  50% {
    box-shadow: 0 0 16px rgba(255, 225, 140, 1), 0 0 30px rgba(255, 195, 77, 0.65);
  }
}
@keyframes registration-box-pulse-blue {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 0 10px rgba(45, 115, 235, 0.7), 0 0 20px rgba(61, 155, 255, 0.38);
  }
  50% {
    transform: scale(1.035);
    box-shadow: 0 0 16px rgba(45, 115, 235, 0.95), 0 0 30px rgba(61, 155, 255, 0.6);
  }
}
@keyframes registration-sheen {
  0%, 75% { transform: translateX(-125%); }
  95%, 100% { transform: translateX(125%); }
}

/* Downward pointers connect these two statements to their registration action. */
#allrecords #rec1680007191 [data-elem-id="1764584560299000016"],
#allrecords #rec1680007221 [data-elem-id="1764589832000000001"] { margin-top: 24px; }
@media (max-width: 1199px) {
  #allrecords #rec1680007191 [data-elem-id="1764584560299000016"] { margin-top: 40px; }
}
#allrecords #rec1680007221 a.tn-atom[href="#tarif"]::before,
#allrecords #rec1680007191 a.tn-atom[href="#tarif"]::before {
  content: "";
  position: absolute;
  left: calc(50% - 12px);
  top: -30px;
  width: 24px;
  height: 24px;
  pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23112250' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v18m-7-7 7 7 7-7'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* The decorative wave spans the window; only the content uses a fixed grid. */
@media (min-width: 1200px) {
  #allrecords #rec1680007181 [data-elem-id="175778121947488790"] { top: 570px !important; }
  /* This card is the mobile gift background, parked outside the source grid. */
  #allrecords #rec1680007181 [data-elem-id="1765461324133000002"] { display: none !important; }
  #allrecords #rec1680007181 [data-elem-id="1759853372048"] {
    left: 0 !important;
    width: 100% !important;
    height: 117px !important;
  }
  #allrecords #rec1680007181 [data-elem-id="1759853372048"] .tn-atom {
    height: 100%;
    background: url('/thanks-assets/hero-bottom-wave.svg') center / 100% 100% no-repeat;
  }
  #allrecords #rec1680007181 [data-elem-id="1759853372048"] img { visibility: hidden; }
  #allrecords #rec1680007181 [data-elem-id="1765461334887"] {
    left: 0 !important;
    width: 100% !important;
  }
}

#allrecords .t396__elem a.tn-atom[href="#tarif"]:active { filter: brightness(.94); }
@media (prefers-reduced-motion: reduce) {
  #allrecords .t396__elem a.tn-atom[href="#tarif"],
  #allrecords .t396__elem a.tn-atom[href="#tarif"]::after,
  #allrecords #tvq .registration-cta,
  #allrecords #tvw .wheel-go,
  #allrecords #tvw .wr-cta { animation: none !important; }
  #allrecords #tvq .registration-cta::after,
  #allrecords #tvw .wr-cta::after { animation: none; display: none; }
}

/* Keep the source Zero Blocks and their scripts intact. These overrides repair
   the two-breakpoint export without stretching its 320px composition on tablets. */
#allrecords #tvq .quiz-outer,
#allrecords #tvw .wheel-outer { box-sizing: border-box; }
#allrecords #tvq .option-btn,
#allrecords #tvq .registration-cta,
#allrecords #tvw .wheel-go,
#allrecords #tvw .wr-cta { min-height: 48px; }
#allrecords #tvw .wheel-mute { width: 44px; height: 44px; top: 8px; right: 8px; }
#allrecords a:focus-visible,
#allrecords button:focus-visible { outline: 3px solid #3d98ff; outline-offset: 4px; }

/* Give the legal/contact information its actual height rather than fitting
   small print and adjacent links into an absolutely positioned 339px canvas. */
#allrecords #rec2328153311 .t396__artboard {
  display: flex; flex-direction: column; align-items: center; gap: 4px;
  box-sizing: border-box; height: auto !important; min-height: 0 !important;
  width: 100% !important; padding: 40px 24px 170px; margin: 0 !important;
}
#allrecords #rec2328153311 .t396__carrier,
#allrecords #rec2328153311 .t396__filter { height: 100% !important; }
#allrecords #rec2328153311 .t396__elem {
  position: relative !important; inset: auto !important; transform: none !important;
  zoom: 1 !important; width: min(100%, 640px) !important; height: auto !important;
  margin: 0 !important; text-align: center;
}
#allrecords #rec2328153311 .tn-atom {
  font-size: 14px !important; line-height: 1.6 !important; color: #536078 !important;
}
#allrecords #rec2328153311 .tn-atom a {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 44px; max-width: 100%; text-wrap: balance;
}
#allrecords #rec2328153311 [data-elem-id="1757684232394"] { order: 0; }
#allrecords #rec2328153311 [data-elem-id="1757684257660"] { order: 1; }
#allrecords #rec2328153311 [data-elem-id="175768436192755700"] { order: 2; }
#allrecords #rec2328153311 [data-elem-id="1757684364747"] { order: 3; }
#allrecords #rec2328153311 [data-elem-id="175862188120142390"] { order: 4; }
#allrecords #rec2328153311 [data-elem-id="1757684817499"] { order: 5; margin-top: 12px !important; }
#allrecords #rec2328153311 [data-elem-id="175993192514313940"] { order: 6; }
#allrecords #rec2328153311 [data-elem-id="1762628870811"] { order: 7; }
#allrecords #rec2328153311 [data-elem-id="1757690961446"] { order: 8; }
#allrecords #rec2328153311 [data-elem-id="175890435409965110"] { order: 9; }
#allrecords #rec2328153311 [data-elem-id="1757690967669"] { order: 10; }

@media (max-width: 1199px) {
  /* Move each benefit's background, icon and text together. The earlier CTA
     stays above the presenter, with the original gift and timer following it. */
  #allrecords #rec1680007181 .t396__artboard { height: auto !important; aspect-ratio: 320 / 1473; }
  #allrecords #rec1680007181 .t396__carrier,
  #allrecords #rec1680007181 .t396__filter { height: 100% !important; }
  #allrecords #rec1680007181 [data-elem-id="176010655224433030"] { top: 76px !important; }
  #allrecords #rec1680007181 [data-elem-id="1766047688825"] { top: 154px !important; height: 304px !important; }
  #allrecords #rec1680007181 [data-elem-id="1766047716360"] { top: 164px !important; }
  #allrecords #rec1680007181 [data-elem-id="1766047737540000001"] { top: 264px !important; height: 42px !important; }
  #allrecords #rec1680007181 [data-elem-id="1766047889381000005"] { top: 276px !important; }
  #allrecords #rec1680007181 [data-elem-id="1766048000725"] { top: 278px !important; }
  #allrecords #rec1680007181 [data-elem-id="1766047753779000002"] { top: 310px !important; height: 42px !important; }
  #allrecords #rec1680007181 [data-elem-id="1766047931783000007"] { top: 322px !important; }
  #allrecords #rec1680007181 [data-elem-id="1766048020597000009"] { top: 324px !important; }
  #allrecords #rec1680007181 [data-elem-id="1766047843387000003"] { top: 356px !important; height: 42px !important; }
  #allrecords #rec1680007181 [data-elem-id="1766047940192000008"] { top: 368px !important; }
  #allrecords #rec1680007181 [data-elem-id="1766048042646000010"] { top: 370px !important; }
  #allrecords #rec1680007181 [data-elem-id="1766047843387000004"] { top: 402px !important; height: 42px !important; }
  #allrecords #rec1680007181 [data-elem-id="1766047917576000006"] { top: 409px !important; }
  #allrecords #rec1680007181 [data-elem-id="1766048000675"] { top: 414px !important; }
  #allrecords #rec1680007181 [data-elem-id="175778121947488790"] { top: 452px !important; }
  #allrecords #rec1680007181 [data-elem-id="1759853359379"] { top: 574px !important; }
  #allrecords #rec1680007181 [data-elem-id="1764591181275000001"] { top: 684px !important; }
  #allrecords #rec1680007181 [data-elem-id="1764591203222000001"] { top: 813px !important; }
  #allrecords #rec1680007181 [data-elem-id="1759853372048"] { top: 897px !important; }
  #allrecords #rec1680007181 [data-elem-id="1765461334887"] { top: 958px !important; }
  #allrecords #rec1680007181 [data-elem-id="1765461324133000002"] { top: 965px !important; }
  #allrecords #rec1680007181 [data-elem-id="1765461324197000009"] { top: 989px !important; }
  #allrecords #rec1680007181 [data-elem-id="1765461324207000010"] { top: 1034px !important; }
  #allrecords #rec1680007181 [data-elem-id="1765461324188000008"] { top: 1076px !important; }
  #allrecords #rec1680007181 [data-elem-id="1765461324217000011"] { top: 1111px !important; }
  #allrecords #rec1680007181 [data-elem-id="1765461324153000004"] { top: 1309px !important; }
  #allrecords #rec1680007181 [data-elem-id="1765461324161000005"],
  #allrecords #rec1680007181 [data-elem-id="1765461324171000006"] { top: 1323px !important; }
  #allrecords #rec1680007181 [data-elem-id="1765461324179000007"] { top: 1321px !important; }
  #allrecords #rec1680007181 [data-elem-id="1765461324143000003"] { top: 1377px !important; }

  /* Make "На мастер-классе вы узнаете:" wider so it fits cleanly on 2 lines without overlapping the card below */
  #allrecords #rec1680007191 [data-elem-id="1764584110152"] {
    width: 290px !important;
    left: calc(50% - 160px + 15px) !important;
    --landing-left: 15px !important;
    top: 280px !important;
    text-align: center !important;
  }
  #allrecords #rec1680007191 [data-elem-id="1764584110152"] .tn-atom {
    text-align: center !important;
  }

  /* Preserve the eight rows and their arrow graphics while reducing the
     overlarge space between the icon and the text in the 320px export. */
  #allrecords #rec1680007211 .t396__artboard,
  #allrecords #rec1680007211 .t396__carrier,
  #allrecords #rec1680007211 .t396__filter { height: 1270px !important; }
  #allrecords #rec1680007211 [data-elem-id="1764587777522000001"] { height: 1208px !important; }
  #allrecords #rec1680007211 [data-elem-id="1764587777529000002"] { top: 1080px !important; }
  #allrecords #rec1680007211 [data-elem-type="text"] .tn-atom { font-size: 16px !important; line-height: 1.4 !important; }
  #allrecords #rec1680007211 [data-elem-id="1764587829667"] .tn-atom { font-size: 23px !important; line-height: 1.25 !important; }
  #allrecords #rec1680007211 [data-elem-id="1764588393374000023"] { top: 138px !important; }
  #allrecords #rec1680007211 [data-elem-id="1764588393384000024"] { top: 169px !important; }
  #allrecords #rec1680007211 [data-elem-id="1764588393392000025"] { top: 149px !important; }
  #allrecords #rec1680007211 [data-elem-id="1764587829780"] { top: 196px !important; }
  #allrecords #rec1680007211 [data-elem-id="1764588422510000043"] { top: 253px !important; }
  #allrecords #rec1680007211 [data-elem-id="1764588422520000044"] { top: 284px !important; }
  #allrecords #rec1680007211 [data-elem-id="1764588422527000045"] { top: 264px !important; }
  #allrecords #rec1680007211 [data-elem-id="1764587829784"] { top: 306px !important; }
  #allrecords #rec1680007211 [data-elem-id="1764588470429000047"] { top: 368px !important; }
  #allrecords #rec1680007211 [data-elem-id="1764588470438000048"] { top: 379px !important; }
  #allrecords #rec1680007211 [data-elem-id="1764588470446000049"] { top: 399px !important; }
  #allrecords #rec1680007211 [data-elem-id="1764587829787"] { top: 416px !important; }
  #allrecords #rec1680007211 [data-elem-id="1764588471991000051"] { top: 477px !important; }
  #allrecords #rec1680007211 [data-elem-id="1764588472001000052"] { top: 488px !important; }
  #allrecords #rec1680007211 [data-elem-id="1764588472009000053"] { top: 508px !important; }
  #allrecords #rec1680007211 [data-elem-id="1764587829791"] { top: 526px !important; }
  #allrecords #rec1680007211 [data-elem-id="1764588473271000055"] { top: 577px !important; }
  #allrecords #rec1680007211 [data-elem-id="1764588473278000056"] { top: 588px !important; }
  #allrecords #rec1680007211 [data-elem-id="1764588473284000057"] { top: 608px !important; }
  #allrecords #rec1680007211 [data-elem-id="1764587829794"] { top: 636px !important; }
  #allrecords #rec1680007211 [data-elem-id="1764588402159000039"] { top: 690px !important; }
  #allrecords #rec1680007211 [data-elem-id="1764588402176000041"] { top: 701px !important; }
  #allrecords #rec1680007211 [data-elem-id="1764588402169000040"] { top: 721px !important; }
  #allrecords #rec1680007211 [data-elem-id="1764587829797"] { top: 746px !important; }
  #allrecords #rec1680007211 [data-elem-id="1764588393426000031"] { top: 820px !important; }
  #allrecords #rec1680007211 [data-elem-id="1764588393430000032"] { top: 851px !important; }
  #allrecords #rec1680007211 [data-elem-id="1764588393436000033"] { top: 831px !important; }
  #allrecords #rec1680007211 [data-elem-id="1764587829800"] { top: 876px !important; }
  #allrecords #rec1680007211 [data-elem-id="1764588393406000027"] { top: 930px !important; }
  #allrecords #rec1680007211 [data-elem-id="1764588393411000028"] { top: 961px !important; }
  #allrecords #rec1680007211 [data-elem-id="1764588393416000029"] { top: 941px !important; }
  #allrecords #rec1680007211 [data-elem-id="1764587829804"] { top: 986px !important; }
  #allrecords #rec1680007231 [data-elem-id="1763115471855"] { width: 276px !important; left: 22px !important; }
  #allrecords #rec1680007231 [data-elem-id="1763115471855"] .tn-atom { font-size: 23px !important; line-height: 1.25 !important; }

  /* Shift bottom registration button down on mobile */
  #allrecords #rec1680007301 [data-elem-id="1764584560299000016"] {
    top: 288px !important;
  }
  #allrecords #rec1680007301 .t396__artboard,
  #allrecords #rec1680007301 .t396__carrier,
  #allrecords #rec1680007301 .t396__filter {
    height: 440px !important;
  }
}

/* Keep the original, centered mobile composition readable on tablets instead
   of applying Tilda's viewport / 320 multiplier (2.35 at 768px). */
@media (min-width: 480px) and (max-width: 1199px) {
  #allrecords .t396__artboard { width: 432px !important; margin-inline: auto !important; }
  #allrecords #rec1680007181 .t396__artboard { width: 432px !important; min-width: 0 !important; min-height: 0 !important; }
  #allrecords .t396__elem { zoom: 1.35 !important; left: var(--landing-left) !important; }
  #allrecords #rec1680007201 [data-elem-id="1764585215159"] { width: 270px !important; }
  #allrecords #rec1680007201 [data-elem-id="1764585215159"] .tn-atom { font-size: 16px !important; }
  #allrecords #rec1680007181 { background: #f5f0ea; }
  #allrecords #rec1680007191 .t396__artboard,
  #allrecords #rec1680007191 .t396__carrier,
  #allrecords #rec1680007191 .t396__filter { height: 1597.05px !important; }
  #allrecords #rec1680007201 .t396__artboard,
  #allrecords #rec1680007201 .t396__carrier,
  #allrecords #rec1680007201 .t396__filter { height: 2443.5px !important; }
  #allrecords #rec1680007211 .t396__artboard,
  #allrecords #rec1680007211 .t396__carrier,
  #allrecords #rec1680007211 .t396__filter { height: 1714.5px !important; }
  #allrecords #rec1680007221 .t396__artboard,
  #allrecords #rec1680007221 .t396__carrier,
  #allrecords #rec1680007221 .t396__filter { height: 814.05px !important; }
  #allrecords #rec1680007231 .t396__artboard,
  #allrecords #rec1680007231 .t396__carrier,
  #allrecords #rec1680007231 .t396__filter { height: 1544.4px !important; }
  #allrecords #rec1680007241 .t396__artboard,
  #allrecords #rec1680007241 .t396__carrier,
  #allrecords #rec1680007241 .t396__filter { height: 1071.9px !important; }
  #allrecords #rec1680007301 .t396__artboard,
  #allrecords #rec1680007301 .t396__carrier,
  #allrecords #rec1680007301 .t396__filter { height: 594px !important; }
}

@media (max-width: 1199px) {
  #allrecords #rec1680007211 .t396__elem[data-landing-top] {
    top: var(--landing-top) !important;
    height: var(--landing-height, auto) !important;
  }
  #allrecords #rec1680007211 .t396__artboard,
  #allrecords #rec1680007211 .t396__carrier,
  #allrecords #rec1680007211 .t396__filter { height: var(--program-height, 1430px) !important; }
}

@media (max-width: 479px) {
  #allrecords #sp-root { --sp-bottom-extra: 80px; }
  #allrecords #tvq .quiz-outer,
  #allrecords #tvw .wheel-outer { padding: 36px 20px 44px; }
  #allrecords #tvq .quiz-section-title,
  #allrecords #tvw .wheel-title { font-size: 22px; line-height: 1.35; }
  #allrecords #tvq .quiz-header-section,
  #allrecords #tvw .wheel-header { margin-bottom: 24px; }
}