/* Статический слой звёздного фона. Сгенерирован из параметров stars-bg.js
   (плотность 200/90/22 звезды на 1440×900, те же радиусы, яркости и цвета)
   и запечён в три тайла 720×720. Ничего не считает в JS: раньше эти же
   пиксели рисовались канвасом на каждом кадре на каждой странице.

   Слои (порядок отрисовки снизу вверх):
     html            — базовый цвет неба
     html::before    — туманности + виньетка (статика)
     html::after     — мелкие звёзды,  мерцание A
     body::before    — средние звёзды, мерцание B
     body::after     — крупные звёзды с сиреневым ореолом, мерцание C

   Живое (звезда желания, метеоры, созвездия, плашка со скидкой) — в /wish-star.js. */

html{background:#080c1a!important}
html[data-sky="day"]{background:#0f1535!important}
body{background:transparent!important}
section.hero{background:transparent!important}
/* канвас звезды желания лежит на z-index:0; контент страницы поднимаем над ним */
body>*:not(canvas){position:relative;z-index:1}

html::before,html::after,body::before,body::after{
  content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;
  background-repeat:repeat;will-change:opacity}

html::before{
  z-index:-2;
  background:radial-gradient(280px circle at calc(54% + 55px) 42%,rgba(60,50,160,0.21) 0%,rgba(60,50,160,0.09) 45%,rgba(60,50,160,0) 100%),radial-gradient(280px circle at calc(54% - 55px) 42%,rgba(60,50,160,0.21) 0%,rgba(60,50,160,0.09) 45%,rgba(60,50,160,0) 100%),radial-gradient(210px circle at calc(26% + 40px) 68%,rgba(25,55,150,0.21) 0%,rgba(25,55,150,0.09) 45%,rgba(25,55,150,0) 100%),radial-gradient(210px circle at calc(26% - 40px) 68%,rgba(25,55,150,0.21) 0%,rgba(25,55,150,0.09) 45%,rgba(25,55,150,0) 100%),radial-gradient(82vh circle at 50% 50%,rgba(8,12,26,0) 0%,rgba(8,12,26,0) 26.83%,rgba(8,12,26,.72) 100%);
  background-repeat:no-repeat}
html[data-sky="day"]::before{
  background:radial-gradient(280px circle at calc(54% + 55px) 42%,rgba(60,50,160,0.29) 0%,rgba(60,50,160,0.13) 45%,rgba(60,50,160,0) 100%),radial-gradient(280px circle at calc(54% - 55px) 42%,rgba(60,50,160,0.29) 0%,rgba(60,50,160,0.13) 45%,rgba(60,50,160,0) 100%),radial-gradient(210px circle at calc(26% + 40px) 68%,rgba(25,55,150,0.29) 0%,rgba(25,55,150,0.13) 45%,rgba(25,55,150,0) 100%),radial-gradient(210px circle at calc(26% - 40px) 68%,rgba(25,55,150,0.29) 0%,rgba(25,55,150,0.13) 45%,rgba(25,55,150,0) 100%),radial-gradient(82vh circle at 50% 50%,rgba(8,12,26,0) 0%,rgba(8,12,26,0) 26.83%,rgba(8,12,26,.72) 100%);
  background-repeat:no-repeat}

html::after {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='720' height='720'%3E%3Cg fill='%23d2dcff'%3E%3Ccircle cx='278.64' cy='261.03' r='1' opacity='0.23'/%3E%3Ccircle cx='619.71' cy='313.66' r='0.82' opacity='0.27'/%3E%3Ccircle cx='714' cy='112.73' r='0.63' opacity='0.4'/%3E%3Ccircle cx='418.12' cy='323.95' r='1.02' opacity='0.22'/%3E%3Ccircle cx='90.83' cy='649.97' r='1.09' opacity='0.35'/%3E%3Ccircle cx='467.46' cy='157.98' r='1.05' opacity='0.34'/%3E%3Ccircle cx='102.23' cy='349.41' r='0.67' opacity='0.27'/%3E%3Ccircle cx='81.9' cy='474.16' r='1' opacity='0.2'/%3E%3Ccircle cx='61.44' cy='420.38' r='0.68' opacity='0.3'/%3E%3Ccircle cx='81.24' cy='464.36' r='0.95' opacity='0.28'/%3E%3Ccircle cx='247.36' cy='215.2' r='0.75' opacity='0.39'/%3E%3Ccircle cx='428.86' cy='668.02' r='0.7' opacity='0.38'/%3E%3Ccircle cx='41.62' cy='306.67' r='0.64' opacity='0.26'/%3E%3Ccircle cx='268.87' cy='299.04' r='1.03' opacity='0.32'/%3E%3Ccircle cx='383.49' cy='391.77' r='0.8' opacity='0.34'/%3E%3Ccircle cx='478.43' cy='538.5' r='0.99' opacity='0.23'/%3E%3Ccircle cx='425.17' cy='622.5' r='0.66' opacity='0.4'/%3E%3Ccircle cx='8.66' cy='158.22' r='0.64' opacity='0.24'/%3E%3Ccircle cx='343' cy='491.56' r='0.96' opacity='0.34'/%3E%3Ccircle cx='244.91' cy='157.19' r='0.93' opacity='0.39'/%3E%3Ccircle cx='432.06' cy='491.42' r='1.05' opacity='0.35'/%3E%3Ccircle cx='406.11' cy='511.16' r='0.68' opacity='0.28'/%3E%3Ccircle cx='32.61' cy='242.61' r='0.98' opacity='0.35'/%3E%3Ccircle cx='363.34' cy='27.68' r='0.96' opacity='0.27'/%3E%3Ccircle cx='581.51' cy='637.37' r='0.72' opacity='0.38'/%3E%3Ccircle cx='514.33' cy='400.25' r='1.03' opacity='0.32'/%3E%3Ccircle cx='248.95' cy='230.55' r='0.6' opacity='0.21'/%3E%3Ccircle cx='540.12' cy='143.74' r='0.66' opacity='0.3'/%3E%3Ccircle cx='503.23' cy='75.38' r='0.99' opacity='0.36'/%3E%3Ccircle cx='89.35' cy='355.95' r='0.61' opacity='0.27'/%3E%3Ccircle cx='127.37' cy='498.91' r='1.03' opacity='0.26'/%3E%3Ccircle cx='553.92' cy='351.48' r='0.84' opacity='0.38'/%3E%3Ccircle cx='660.19' cy='283.24' r='0.71' opacity='0.25'/%3E%3Ccircle cx='548.7' cy='359.76' r='0.78' opacity='0.35'/%3E%3Ccircle cx='495.47' cy='703.31' r='0.61' opacity='0.29'/%3E%3Ccircle cx='120.17' cy='51.07' r='0.85' opacity='0.31'/%3E%3Ccircle cx='654.15' cy='263.51' r='0.76' opacity='0.27'/%3E%3Ccircle cx='548.71' cy='480.22' r='0.95' opacity='0.38'/%3E%3Ccircle cx='605.44' cy='598.78' r='0.68' opacity='0.36'/%3E%3Ccircle cx='652.17' cy='513.62' r='0.62' opacity='0.32'/%3E%3Ccircle cx='295.48' cy='601.6' r='0.88' opacity='0.21'/%3E%3Ccircle cx='583' cy='273.87' r='1.01' opacity='0.29'/%3E%3Ccircle cx='310.22' cy='558.39' r='0.92' opacity='0.24'/%3E%3Ccircle cx='368.89' cy='144.61' r='1.1' opacity='0.23'/%3E%3Ccircle cx='686.58' cy='381.22' r='0.66' opacity='0.23'/%3E%3Ccircle cx='172.5' cy='288.36' r='0.9' opacity='0.28'/%3E%3Ccircle cx='548.25' cy='389.75' r='1.04' opacity='0.21'/%3E%3Ccircle cx='115.9' cy='247.63' r='0.6' opacity='0.39'/%3E%3Ccircle cx='188.79' cy='151.73' r='0.84' opacity='0.37'/%3E%3Ccircle cx='702.63' cy='512.43' r='1.01' opacity='0.34'/%3E%3Ccircle cx='410.2' cy='316.45' r='0.65' opacity='0.27'/%3E%3Ccircle cx='582.74' cy='547.56' r='0.9' opacity='0.26'/%3E%3Ccircle cx='318.94' cy='133.38' r='0.88' opacity='0.21'/%3E%3Ccircle cx='593.22' cy='85.33' r='1' opacity='0.27'/%3E%3Ccircle cx='83.07' cy='407.77' r='0.65' opacity='0.35'/%3E%3Ccircle cx='526.31' cy='25.33' r='1.1' opacity='0.39'/%3E%3Ccircle cx='188.76' cy='645.76' r='0.74' opacity='0.24'/%3E%3Ccircle cx='625.76' cy='640.56' r='1.05' opacity='0.21'/%3E%3Ccircle cx='328.01' cy='395.47' r='0.72' opacity='0.37'/%3E%3Ccircle cx='32.99' cy='62.25' r='1.02' opacity='0.37'/%3E%3Ccircle cx='158.73' cy='388.8' r='1.07' opacity='0.38'/%3E%3Ccircle cx='647.55' cy='482.96' r='1.04' opacity='0.21'/%3E%3Ccircle cx='644.62' cy='221.63' r='0.89' opacity='0.38'/%3E%3Ccircle cx='110.69' cy='469.92' r='0.67' opacity='0.36'/%3E%3Ccircle cx='537.98' cy='128.34' r='0.74' opacity='0.23'/%3E%3Ccircle cx='661.12' cy='40.7' r='0.82' opacity='0.23'/%3E%3Ccircle cx='521.76' cy='556.91' r='0.66' opacity='0.24'/%3E%3Ccircle cx='637.12' cy='34.5' r='1.09' opacity='0.27'/%3E%3Ccircle cx='452.14' cy='172.45' r='1.02' opacity='0.22'/%3E%3Ccircle cx='439.09' cy='605.42' r='0.98' opacity='0.22'/%3E%3Ccircle cx='517.97' cy='229.35' r='0.89' opacity='0.3'/%3E%3Ccircle cx='514.43' cy='203.63' r='0.88' opacity='0.3'/%3E%3Ccircle cx='308.14' cy='414.88' r='0.79' opacity='0.31'/%3E%3Ccircle cx='349.64' cy='354.56' r='0.79' opacity='0.21'/%3E%3Ccircle cx='717.01' cy='59.25' r='0.83' opacity='0.31'/%3E%3Ccircle cx='702.54' cy='386.38' r='1.09' opacity='0.32'/%3E%3Ccircle cx='78.22' cy='206.81' r='0.66' opacity='0.38'/%3E%3Ccircle cx='241.44' cy='207.21' r='1' opacity='0.28'/%3E%3Ccircle cx='336.83' cy='552.77' r='0.65' opacity='0.39'/%3E%3Ccircle cx='631.54' cy='83.64' r='0.97' opacity='0.29'/%3E%3C/g%3E%3C/svg%3E");background-position:0 0;
  animation:ws-tw-a 19s ease-in-out infinite}
body::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='720' height='720'%3E%3Cg fill='%23d2dcff'%3E%3Ccircle cx='111.97' cy='66.22' r='1.76' opacity='0.36'/%3E%3Ccircle cx='433.4' cy='571.22' r='1.52' opacity='0.36'/%3E%3Ccircle cx='572.83' cy='29.83' r='1.31' opacity='0.41'/%3E%3Ccircle cx='589.83' cy='519.05' r='1.1' opacity='0.39'/%3E%3Ccircle cx='403.76' cy='269.1' r='1.24' opacity='0.38'/%3E%3Ccircle cx='222.82' cy='708.47' r='1.12' opacity='0.47'/%3E%3Ccircle cx='211.73' cy='54.61' r='1.48' opacity='0.36'/%3E%3Ccircle cx='303.26' cy='573.6' r='1.6' opacity='0.43'/%3E%3Ccircle cx='171.59' cy='584.23' r='1.54' opacity='0.46'/%3E%3Ccircle cx='106.56' cy='262.17' r='1.7' opacity='0.51'/%3E%3Ccircle cx='402.77' cy='344.98' r='1.36' opacity='0.39'/%3E%3Ccircle cx='633.44' cy='300.21' r='1.78' opacity='0.42'/%3E%3Ccircle cx='490.52' cy='233.56' r='1.37' opacity='0.46'/%3E%3Ccircle cx='501.79' cy='58.65' r='1.09' opacity='0.42'/%3E%3Ccircle cx='511.7' cy='484.15' r='1.75' opacity='0.36'/%3E%3Ccircle cx='705.89' cy='430.3' r='1.38' opacity='0.55'/%3E%3Ccircle cx='343.52' cy='479.75' r='1.09' opacity='0.36'/%3E%3Ccircle cx='181.23' cy='545.28' r='1.15' opacity='0.5'/%3E%3Ccircle cx='319.79' cy='709.38' r='1.01' opacity='0.51'/%3E%3Ccircle cx='582.31' cy='653.94' r='1.23' opacity='0.54'/%3E%3Ccircle cx='320.28' cy='20.46' r='1.47' opacity='0.42'/%3E%3Ccircle cx='629.63' cy='696.16' r='1.77' opacity='0.48'/%3E%3Ccircle cx='59.98' cy='223.98' r='1.11' opacity='0.54'/%3E%3Ccircle cx='628.04' cy='677.09' r='1.06' opacity='0.51'/%3E%3Ccircle cx='381.92' cy='640.12' r='1.56' opacity='0.37'/%3E%3Ccircle cx='354.58' cy='403.23' r='1.77' opacity='0.52'/%3E%3Ccircle cx='465.36' cy='414.52' r='1.04' opacity='0.55'/%3E%3Ccircle cx='314.39' cy='69.19' r='1.72' opacity='0.45'/%3E%3Ccircle cx='41.7' cy='184.75' r='1.07' opacity='0.48'/%3E%3Ccircle cx='284.18' cy='134.23' r='1.32' opacity='0.53'/%3E%3Ccircle cx='25.12' cy='693.61' r='1' opacity='0.48'/%3E%3Ccircle cx='561.57' cy='527.68' r='1.42' opacity='0.39'/%3E%3Ccircle cx='138.63' cy='342.85' r='1.13' opacity='0.48'/%3E%3Ccircle cx='519.41' cy='232.4' r='1.36' opacity='0.4'/%3E%3Ccircle cx='534.03' cy='332.09' r='1.01' opacity='0.5'/%3E%3Ccircle cx='676.11' cy='514.77' r='1.56' opacity='0.41'/%3E%3C/g%3E%3C/svg%3E");background-position:137px 291px;
  animation:ws-tw-b 14s ease-in-out infinite -3s}
body::after {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='720' height='720'%3E%3Cdefs%3E%3CradialGradient id='h'%3E%3Cstop offset='0' stop-color='%23c8b9ff' stop-opacity='.7'/%3E%3Cstop offset='.5' stop-color='%238c78e6' stop-opacity='.18'/%3E%3Cstop offset='1' stop-color='%238c78e6' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='671.07' cy='108.8' r='9.45' fill='url(%23h)' opacity='0.63'/%3E%3Ccircle cx='203.9' cy='177.01' r='9.4' fill='url(%23h)' opacity='0.6'/%3E%3Ccircle cx='484.35' cy='72.14' r='11.66' fill='url(%23h)' opacity='0.73'/%3E%3Ccircle cx='458.29' cy='595.98' r='8.28' fill='url(%23h)' opacity='0.74'/%3E%3Ccircle cx='489.92' cy='254.07' r='8.15' fill='url(%23h)' opacity='0.68'/%3E%3Ccircle cx='70.86' cy='559.69' r='10.62' fill='url(%23h)' opacity='0.73'/%3E%3Ccircle cx='638.58' cy='647.11' r='8.96' fill='url(%23h)' opacity='0.62'/%3E%3Ccircle cx='88.82' cy='41.15' r='8.78' fill='url(%23h)' opacity='0.56'/%3E%3Ccircle cx='398.1' cy='264.13' r='10.4' fill='url(%23h)' opacity='0.74'/%3E%3Cg fill='%23d2dcff'%3E%3Ccircle cx='671.07' cy='108.8' r='2.1' opacity='0.63'/%3E%3Ccircle cx='203.9' cy='177.01' r='2.09' opacity='0.6'/%3E%3Ccircle cx='484.35' cy='72.14' r='2.59' opacity='0.73'/%3E%3Ccircle cx='458.29' cy='595.98' r='1.84' opacity='0.74'/%3E%3Ccircle cx='489.92' cy='254.07' r='1.81' opacity='0.68'/%3E%3Ccircle cx='70.86' cy='559.69' r='2.36' opacity='0.73'/%3E%3Ccircle cx='638.58' cy='647.11' r='1.99' opacity='0.62'/%3E%3Ccircle cx='88.82' cy='41.15' r='1.95' opacity='0.56'/%3E%3Ccircle cx='398.1' cy='264.13' r='2.31' opacity='0.74'/%3E%3C/g%3E%3C/svg%3E");background-position:383px 61px;
  animation:ws-tw-c 11s ease-in-out infinite -5s}

/* Мерцание. В канвасе у каждой звезды была своя фаза и своя скорость; тайл
   мерцает целиком, поэтому кадры неровные (не чистая синусоида) — иначе
   поле «дышит» одним махом и это заметно. Амплитуда мягче поштучной. */
@keyframes ws-tw-a{0%{opacity:1}23%{opacity:.9}47%{opacity:1}71%{opacity:.87}100%{opacity:1}}
@keyframes ws-tw-b{0%{opacity:1}31%{opacity:.86}59%{opacity:.97}82%{opacity:.89}100%{opacity:1}}
@keyframes ws-tw-c{0%{opacity:1}27%{opacity:.82}53%{opacity:.95}78%{opacity:.85}100%{opacity:1}}

/* Уважение к настройке анимации: фон остаётся, движение выключено. */
@media (prefers-reduced-motion:reduce){
  html::after,body::before,body::after{animation:none}
}

/* ── Плашка «получить разбор со скидкой» ─────────────────────────────────── */
.ws-offer{position:fixed;z-index:999;pointer-events:auto;
background:rgba(14,18,40,0.92);border:1px solid rgba(212,180,90,0.45);
border-radius:14px;padding:18px 22px 16px;max-width:270px;
box-shadow:0 4px 32px rgba(0,0,0,0.55);
font-family:"Segoe UI",system-ui,sans-serif;color:#e8dfc8;
opacity:0;transform:translateY(8px) scale(0.96);
transition:opacity 0.35s,transform 0.35s;
animation:none;}
.ws-offer.ws-show{opacity:1;transform:none;}
.ws-offer .ws-title{font-size:14px;font-weight:600;margin:0 0 6px;color:#ffd85a;}
.ws-offer .ws-body{font-size:14px;line-height:1.5;margin:0 0 13px;opacity:0.88;}
.ws-offer .ws-btn{display:block;width:100%;min-height:48px;padding:13px 9px;border:none;border-radius:9px;
background:linear-gradient(135deg,#d4a830,#b8860b);color:#1a1000;
font-size:14px;font-weight:700;cursor:pointer;text-align:center;
letter-spacing:0.02em;}
.ws-offer .ws-close{position:absolute;top:0;right:0;width:44px;height:44px;
background:none;border:none;color:rgba(255,255,255,0.45);
font-size:20px;cursor:pointer;padding:0;line-height:44px;}
/* на мобиле попап — нижняя плашка над куки-баннером и липкой кнопкой,
   а не «окно» поверх формы и контента */
@media(max-width:600px){.ws-offer.ws-bottom{left:10px;right:10px;top:auto!important;
max-width:none;width:auto;padding:16px 16px 14px;
bottom:calc(var(--ws-bottom-offset,10px) + env(safe-area-inset-bottom));}}
/* отметка «промокод применён» внутри блока оплаты той же страницы */
.ws-promo{margin:0 0 14px;padding:10px 12px;border-radius:9px;
background:rgba(212,172,90,0.10);border:1px solid rgba(212,172,90,0.35);
font-size:14px;line-height:1.45;color:#e8dfc8;}
.ws-promo b{color:#ffd85a;}