/* Главная ZaykaPoehali — тёмная, с заставкой и сменой моментов. Подключается только на главной. */
.home-dark{--hbg:#0B0C0E;--hcard:#17191C;--hline:rgba(255,255,255,.1);--intro:1.7s;background:var(--hbg);color:#fff}
.seen{--intro:0s}
html:has(.home-dark),.home-dark{overflow-x:clip}
.home-dark main,.home-dark section{max-width:100%}
.home-dark a{color:inherit}
.home-dark .container{max-width:1280px}

/* Навигация поверх видео */
.home-dark .nav-wrap{position:fixed;left:0;right:0;top:14px}
.home-dark .nav{max-width:1280px;background:rgba(14,15,17,.5);border-color:rgba(255,255,255,.12);box-shadow:0 12px 40px -18px rgba(0,0,0,.6);animation:hrise .9s var(--ease) both calc(var(--intro) + .1s)}
.home-dark .brand{color:#fff}
.home-dark .brand b span{color:var(--coral)}
.home-dark .nav-links a{color:rgba(255,255,255,.82)}
.home-dark .nav-links a:hover,.home-dark .nav-links a.on{background:rgba(255,255,255,.12);color:#fff}
.home-dark .nav .btn-text{color:rgba(255,255,255,.85)}
.home-dark .nav .btn-dark,.home-dark .nav .btn-primary{background:var(--coral);color:var(--ink);box-shadow:none}
.home-dark .mnav summary{background:rgba(255,255,255,.14)}
.live-pill{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:999px;background:rgba(255,59,72,.18);border:1px solid rgba(255,59,72,.6);font-size:13px;font-weight:900;color:#fff!important;text-decoration:none;white-space:nowrap}
.live-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#FF3B48;animation:livep 1.6s infinite;flex-shrink:0}
@keyframes livep{0%,100%{box-shadow:0 0 0 0 rgba(255,59,72,.75)}70%{box-shadow:0 0 0 12px rgba(255,59,72,0)}}

/* Ambient-подсветка фона (BACKGROUND в blogger.py или ?bg=) */
.amb{display:none;position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:var(--hbg)}
.bg-aurora .amb,.bg-scroll .amb,.bg-ambilight .amb,.bg-dots .amb{display:block}
.bg-aurora,.bg-scroll,.bg-ambilight,.bg-dots{background:transparent}
.amb i{position:absolute;display:none;border-radius:50%;filter:blur(110px)}
/* 1. Аврора: три пятна света медленно плывут */
.bg-aurora .amb-a,.bg-aurora .amb-b,.bg-aurora .amb-c{display:block}
.bg-aurora .amb-a{width:60vw;height:60vw;left:-15vw;top:-10vw;background:rgba(255,90,100,.32);animation:ambA 26s ease-in-out infinite}
.bg-aurora .amb-b{width:55vw;height:55vw;right:-15vw;top:30vh;background:rgba(122,76,224,.30);animation:ambB 32s ease-in-out infinite}
.bg-aurora .amb-c{width:45vw;height:45vw;left:25vw;bottom:-20vw;background:rgba(255,138,61,.20);animation:ambC 38s ease-in-out infinite}
@keyframes ambA{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(20vw,25vh) scale(1.2)}}
@keyframes ambB{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-25vw,-20vh) scale(.85)}}
@keyframes ambC{0%,100%{transform:translate(0,0)}50%{transform:translate(15vw,-30vh)}}
/* 2. По разделам: свет плавно меняет цвет под текущий раздел */
.bg-scroll .amb-a,.bg-scroll .amb-b{display:block;transition:background-color 1.4s var(--ease)}
.bg-scroll .amb-a{width:70vw;height:70vw;left:-25vw;top:-20vw;background-color:var(--amb1,rgba(255,90,100,.3));animation:ambA 30s ease-in-out infinite}
.bg-scroll .amb-b{width:60vw;height:60vw;right:-20vw;bottom:-25vw;background-color:var(--amb2,rgba(122,76,224,.25));animation:ambB 36s ease-in-out infinite}
/* 3. Ambilight: свет повторяет цвета видео с моментами */
.bg-ambilight .amb-a,.bg-ambilight .amb-b{display:block;transition:background-color .8s linear}
.bg-ambilight .amb-a{width:90vw;height:60vw;left:5vw;top:-25vw;background-color:var(--ambv,rgba(255,90,100,.35));filter:blur(130px)}
.bg-ambilight .amb-b{width:50vw;height:50vw;right:-20vw;bottom:-20vw;background-color:var(--ambv2,rgba(122,76,224,.22));filter:blur(130px)}
/* 4. Точки: тонкая сетка + мягкое свечение */
.bg-dots .amb-dots{display:block;inset:0;border-radius:0;filter:none;background-image:radial-gradient(rgba(255,255,255,.09) 1.2px,transparent 1.4px);background-size:26px 26px;-webkit-mask-image:radial-gradient(120% 90% at 50% 40%,#000 30%,transparent 85%);mask-image:radial-gradient(120% 90% at 50% 40%,#000 30%,transparent 85%)}
.bg-dots .amb-a,.bg-dots .amb-b{display:block}
.bg-dots .amb-a{width:50vw;height:50vw;left:-10vw;top:10vh;background:rgba(255,90,100,.22);animation:ambA 28s ease-in-out infinite}
.bg-dots .amb-b{width:45vw;height:45vw;right:-10vw;bottom:-10vw;background:rgba(122,76,224,.2);animation:ambB 34s ease-in-out infinite}
/* Первый экран плавно растворяется в подсветке */
.bg-aurora .hero,.bg-scroll .hero,.bg-ambilight .hero,.bg-dots .hero{background:transparent;-webkit-mask-image:linear-gradient(180deg,#000 82%,transparent);mask-image:linear-gradient(180deg,#000 82%,transparent)}
@media (prefers-reduced-motion: reduce){.amb i{animation:none!important}}

/* Заставка при открытии */
.curtain,.curtain2{position:fixed;inset:0;pointer-events:none}
.curtain{z-index:100;background:var(--coral);display:flex;align-items:center;justify-content:center;animation:curtain 1.9s cubic-bezier(.77,0,.18,1) forwards}
.curtain2{z-index:99;background:var(--ink);animation:curtain2 2.1s cubic-bezier(.77,0,.18,1) forwards}
.curtain img{width:150px;height:150px;border-radius:50%;box-shadow:0 0 0 10px rgba(255,255,255,.35);animation:logoIn 1.1s cubic-bezier(.2,.8,.2,1) both}
.seen .curtain,.seen .curtain2{display:none}
@keyframes curtain{0%,55%{transform:translateY(0)}100%{transform:translateY(-101%);visibility:hidden}}
@keyframes curtain2{0%,65%{transform:translateY(0)}100%{transform:translateY(-101%);visibility:hidden}}
@keyframes logoIn{0%{transform:scale(.3) rotate(-200deg);opacity:0}45%{transform:scale(1.15) rotate(10deg);opacity:1}60%,100%{transform:none}}

/* Первый экран: моменты */
.hero{position:relative;height:clamp(640px,100svh,940px);overflow:hidden;background:#000}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,12,14,.6) 0%,rgba(11,12,14,.1) 30%,rgba(11,12,14,.55) 62%,var(--hbg) 100%),linear-gradient(90deg,rgba(11,12,14,.85) 0%,rgba(11,12,14,.2) 55%,transparent 100%)}
.sweep{position:absolute;top:-50%;bottom:-50%;left:0;width:22%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:sweep 6s ease-in-out infinite calc(var(--intro) + .6s);pointer-events:none;transform:translateX(-140%)}
@keyframes sweep{0%{transform:translateX(-140%) rotate(18deg)}100%{transform:translateX(560%) rotate(18deg)}}
.hero-in{position:absolute;left:0;right:0;bottom:0;padding-bottom:64px;display:flex;flex-wrap:wrap;gap:32px;align-items:flex-end;justify-content:space-between}
.hero-text{flex:1 1 560px;min-width:0}
.badge-fifa{display:inline-flex;padding:8px 16px;border-radius:999px;background:rgba(255,90,100,.16);border:1px solid rgba(255,90,100,.5);font-size:13px;font-weight:900;letter-spacing:.06em}
.hero-title{margin:14px 0 6px;font-family:var(--font-display);font-weight:900;font-size:clamp(56px,9vw,128px);line-height:.92;letter-spacing:-.04em}
.hero-title>span{display:block}
.hero-title .coral{color:var(--coral)}
.ch{display:inline-block;animation:drop .8s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--intro) + var(--d,0s))}
@keyframes drop{0%{opacity:0;transform:translateY(-120%) rotate(-12deg) skewX(-10deg)}70%{transform:translateY(6%) rotate(2deg)}100%{opacity:1;transform:none}}
.hero-lead{margin:0 0 26px;max-width:560px;font-size:19px;color:rgba(255,255,255,.86)}
.rise-i{animation:hrise .9s var(--ease) both;animation-delay:calc(var(--intro) + var(--d,0s))}
@keyframes hrise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}

.hbtn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 26px;border-radius:999px;font-weight:900;font-size:16px;text-decoration:none;position:relative;transition:transform .25s var(--ease);white-space:nowrap}
.hbtn:hover{transform:translateY(-2px)}
.hbtn-coral{background:var(--coral);color:var(--ink)!important}
.hbtn-glass{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff!important}
.hbtn-white{background:#fff;color:var(--ink)!important}

.hero-cam{flex:0 0 360px;display:flex;flex-direction:column;gap:12px}
.cam-m .hero-cam{flex-basis:480px}
.cam-l .hero-cam{flex-basis:600px}
.cam-l .hero-text{flex-basis:480px}
.cam-l .hero-title{font-size:clamp(56px,7.4vw,108px)}
.cam-xl .hero-in{align-items:flex-end}
.cam-xl .hero-cam{flex:0 1 46vw;max-width:720px}
.cam-xl .hero-text{flex:1 1 420px}
.cam-xl .hero-title{font-size:clamp(52px,6.4vw,96px)}
.cam-xl .hero-lead{font-size:17px}
.cam-xl .cam-frame{padding:4px;border-radius:30px;animation:none;transform:rotate(1.5deg);box-shadow:0 40px 90px -30px rgba(255,90,100,.7)}
.cam-xl .cam-box{border-radius:26px}
.cam-xl .cam-tag{left:18px;top:18px}
.cam-xl .cam-tag .lbl{font-size:15px;padding:8px 16px}
.cam-l .cam-tag .lbl{font-size:14px;padding:7px 14px}
.cam-frame{border-radius:26px;padding:3px;background:linear-gradient(135deg,var(--coral),#7A4CE0)}
.cam-box{position:relative;border-radius:23px;overflow:hidden;aspect-ratio:520/248;background:#16181B}
.cam-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.cam-tag{position:absolute;left:12px;top:12px;width:140px;height:30px}
.cam-tag .lbl{padding:6px 12px;border-radius:999px;background:var(--coral);color:var(--ink);font-size:12px;font-weight:900}
.lbl{position:absolute;left:0;top:0;opacity:0;white-space:nowrap;transform:translateY(6px);transition:opacity .35s var(--ease),transform .35s var(--ease)}
.lbl.on{opacity:1;transform:none}
.cam-cap{position:relative;height:22px;font-size:14px;font-weight:800;color:rgba(255,255,255,.86)}
.segs{display:grid;gap:6px}
.segs>span{height:4px;border-radius:4px;background:rgba(255,255,255,.2);overflow:hidden}
.segfill{display:block;height:100%;background:var(--coral);transform-origin:left;transform:scaleX(0);will-change:transform}
.floaty{animation:floaty 6s ease-in-out infinite}
@keyframes floaty{0%,100%{transform:translateY(0) rotate(2deg)}50%{transform:translateY(-12px) rotate(-1deg)}}

/* Эфир */
.live-wrap{position:relative;z-index:2;margin-top:-24px}
.live-bar{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;padding:20px 24px;border-radius:28px;background:var(--hcard);border:1px solid var(--hline)}
.live-bar .live-dot{background:#7D848C;animation:none}
.live-bar.is-live{background:linear-gradient(110deg,#7A4CE0,#5B2FC4);border-color:transparent;box-shadow:0 30px 60px -28px rgba(122,76,224,.9)}
.live-bar.is-live .live-dot{background:#FF3B48;animation:livep 1.6s infinite}
.live-kicker{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:900;letter-spacing:.1em}
.live-title{flex:1 1 300px;font-family:var(--font-display);font-weight:900;font-size:22px;line-height:1.2}
.live-meta{font-size:14px;font-weight:800;opacity:.8}
.live-meta:empty{display:none}

/* Бегущая строка */
.ticker{margin:70px -20px 0;background:var(--coral);color:var(--ink);padding:16px 0;transform:rotate(-1.5deg);font-family:var(--font-display);font-weight:900;font-size:22px;white-space:nowrap;overflow:hidden}
.ticker-track{display:flex;width:max-content;animation:marquee 26s linear infinite}

/* Ссылка на розыгрыши в первом экране */
.hero-lot{display:inline-flex;align-items:center;gap:10px;margin-top:16px;padding:8px 16px 8px 8px;border-radius:999px;background:rgba(14,15,17,.55);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:14px;font-weight:800;text-decoration:none;color:#fff!important;transition:transform .25s,border-color .25s}
.hero-lot:hover{transform:translateY(-2px);border-color:var(--coral)}
.hero-lot b{color:var(--coral);white-space:nowrap}
.hero-lot-wheel{width:28px;height:28px;border-radius:50%;background:conic-gradient(#FF5A64 0 45deg,#fff 0 90deg,#7A4CE0 0 135deg,#F5C042 0 180deg,#FF5A64 0 225deg,#2A9AD6 0 270deg,#7A4CE0 0 315deg,#fff 0);animation:spin 2.4s linear infinite;box-shadow:0 0 0 3px rgba(255,255,255,.2)}

/* Секции */
.sec{position:relative;padding-top:110px;padding-bottom:30px}
.kick{font-size:13px;font-weight:900;color:var(--coral);letter-spacing:.14em}
.kick.muted-k{color:rgba(255,255,255,.55)}
.hh2{margin:10px 0 0;font-family:var(--font-display);font-weight:900;font-size:clamp(32px,4.4vw,52px);line-height:1.04;letter-spacing:-.03em}
.sec-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px}
.hint{font-size:14px;color:rgba(255,255,255,.6)}
.blob{position:absolute;border-radius:50%;filter:blur(70px);animation:blob1 14s ease-in-out infinite;pointer-events:none}

/* Появление при прокрутке (класс .in ставит home.js) */
.js [data-io] .io-up{opacity:0;transform:translateY(36px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:calc(var(--i,0) * .08s)}
.js [data-io].in .io-up{opacity:1;transform:none}
.hnum{counter-reset:n var(--n)}
.hnum::after{content:counter(n)}
.js .hnum{--n:0}
.js .in .hnum{animation:count 2.2s var(--ease) forwards .2s}
html:not(.js) .hnum{--n:var(--to)}

/* FIFA */
.fifa{position:relative;display:flex;flex-wrap:wrap;gap:48px;align-items:center}
.fifa-photo{flex:0 0 400px;position:relative;max-width:100%}
.ring{position:absolute;inset:-6px;border-radius:34px;background:conic-gradient(from var(--a),var(--coral),#fff,#7A4CE0,var(--coral));animation:beam 5s linear infinite}
.fifa-img{position:relative;border-radius:30px;overflow:hidden;aspect-ratio:3/4;background:#16181B}
.fifa-img img{width:100%;height:100%;object-fit:cover;display:block}
.fifa-sticker{position:absolute;right:-30px;bottom:40px;padding:14px 18px;border-radius:20px;background:#fff;color:var(--ink);box-shadow:0 20px 40px -16px rgba(0,0,0,.6)}
.fifa-sticker small{display:block;font-size:11px;font-weight:900;letter-spacing:.1em;color:var(--coral-text)}
.fifa-sticker b{font-family:var(--font-display);font-weight:900;font-size:18px}
.fifa-body{flex:1 1 520px;min-width:0}
.fifa-body .hh2{margin-bottom:30px}
.ach{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ach-card{border-radius:26px;padding:24px;display:flex;flex-direction:column}
.ach-card b{font-family:var(--font-display);font-weight:800;font-size:18px;margin-top:8px}
.ach-card>span:last-child{font-size:14px;font-weight:700;opacity:.75}
.ach-num{font-family:var(--font-display);font-weight:900;font-size:clamp(34px,3.4vw,48px);line-height:1.1;white-space:nowrap}
.ach-num.accent{color:var(--coral)}
.ach-coral{background:var(--coral);color:var(--ink)}
.ach-coral .ach-num{font-size:72px;line-height:1}
.ach-light{background:#fff;color:var(--ink)}
.ach-dark{background:var(--hcard);border:1px solid var(--hline)}
.lift{transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,opacity .8s var(--ease)}
.lift:hover{transform:translateY(-8px) rotate(-1deg)!important;box-shadow:0 30px 60px -24px rgba(255,90,100,.6)}

/* Фото веером */
.fan{position:relative;height:560px;display:flex;justify-content:center;align-items:center}
.pc{position:absolute;margin:0;width:330px;border-radius:24px;overflow:hidden;background:#fff;padding:10px 10px 16px;color:var(--ink);box-shadow:0 30px 60px -20px rgba(0,0,0,.7);transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.pc img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:16px;display:block}
.pc figcaption{padding:10px 6px 0;font-weight:900}
.pc1{transform:rotate(-7deg) translateX(-160px)}
.pc3{transform:rotate(7deg) translateX(160px)}
.pc-main{z-index:2;width:350px;background:var(--coral);box-shadow:0 40px 70px -20px rgba(255,90,100,.6)}
.fan:hover .pc1{transform:rotate(-12deg) translate(-250px,10px)}
.fan:hover .pc-main{transform:translateY(-18px) scale(1.04)}
.fan:hover .pc3{transform:rotate(12deg) translate(250px,10px)}
.js [data-io] .pc{opacity:0}
.js [data-io].in .pc{opacity:1;animation:deal .9s cubic-bezier(.2,.8,.2,1) backwards}
.js [data-io].in .pc1{animation-delay:.15s}.js [data-io].in .pc3{animation-delay:.3s}
@keyframes deal{from{opacity:0;transform:translateY(120px) rotate(0) scale(.85)}}

/* Настольный хоккей */
.hockey{margin-top:40px;border-radius:30px;background:#141619;border:1px solid rgba(255,255,255,.08);padding:30px;display:flex;flex-wrap:wrap;gap:24px;align-items:center}
.hockey-head{flex:1 1 260px}
.hockey-head h3{margin:6px 0 4px;font-family:var(--font-display);font-weight:900;font-size:28px}
.hockey-head>span{font-size:14px;color:rgba(255,255,255,.6)}
.hockey-grid{flex:3 1 640px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.hockey-grid .mag{border-radius:20px;background:#1B1E22;padding:16px}
.hockey-grid b{display:block;font-family:var(--font-display);font-weight:900;font-size:26px;color:var(--coral)}
.hockey-grid .mag>span{font-size:14px;font-weight:800}
.mag{transition:transform .35s cubic-bezier(.2,.8,.2,1),background .35s,opacity .8s var(--ease)}
.mag:hover{transform:translateY(-6px) scale(1.03)!important;background:#22252A}

/* Услуги: карточки переворачиваются */
.svc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.flip{height:330px;perspective:1200px;cursor:pointer;outline:none}
.flip-in{position:relative;width:100%;height:100%;transition:transform .8s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d}
.flip.flipped .flip-in{transform:rotateY(180deg)}
@media (hover:hover){.flip:hover .flip-in{transform:rotateY(180deg)}}
.flip:focus-visible .flip-in{outline:3px solid var(--coral);outline-offset:4px;border-radius:28px}
.face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:28px;padding:26px;display:flex;flex-direction:column;gap:12px}
.back{transform:rotateY(180deg)}
.f-kick{font-size:12px;font-weight:900;letter-spacing:.1em;opacity:.7}
.f-title{font-family:var(--font-display);font-weight:900;font-size:28px;line-height:1.05;flex:1}
.f-title.sm{font-size:20px;flex:0}
.f-price{font-family:var(--font-display);font-weight:800;font-size:19px}
.f-text{font-size:15px;opacity:.88;flex:1}
.f-btn{align-self:flex-start;min-height:48px;padding:0 20px;font-size:15px}
.f-coral{background:var(--coral);color:var(--ink)}
.f-dark{background:var(--hcard);border:1px solid rgba(255,255,255,.12)}
.f-light{background:#fff;color:var(--ink)}
.b-dark{background:var(--ink);border:2px solid var(--coral)} .b-dark .f-btn{background:var(--coral);color:var(--ink)}
.b-coral{background:var(--coral);color:var(--ink)} .b-coral .f-btn{background:var(--ink);color:#fff}
.b-violet{background:#7A4CE0} .b-violet .f-btn{background:#fff;color:var(--ink)}
.b-light{background:#fff;color:var(--ink)} .b-light .f-btn{background:var(--coral);color:var(--ink)}
.svc-foot{margin-top:18px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}
.svc-foot p{margin:0;flex:1 1 520px;font-size:14px;color:rgba(255,255,255,.65)}
.svc-foot b{color:var(--coral)}

.svc-2{grid-template-columns:repeat(2,minmax(0,1fr))}

/* Тренировки */
.tr-hero{position:relative;border-radius:34px;padding:44px;overflow:hidden;background:radial-gradient(120% 140% at 100% 0%,rgba(255,90,100,.35),transparent 55%),radial-gradient(90% 120% at 0% 100%,rgba(122,76,224,.35),transparent 55%),#141619;border:1px solid var(--hline)}
.tr-hero::after{content:"1:1";position:absolute;right:28px;bottom:-40px;font-family:var(--font-display);font-weight:900;font-size:220px;line-height:1;color:rgba(255,255,255,.04);pointer-events:none}
.tr-hero-text{position:relative;max-width:980px}
.tr-lead{margin:14px 0 22px;font-size:19px;color:rgba(255,255,255,.8);max-width:620px}
.tr-chips{display:flex;flex-wrap:wrap;gap:8px}
.tr-chips span{padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:14px;font-weight:800}

.tr-who{display:grid;grid-template-columns:.8fr 1fr 1fr 1fr;gap:16px;margin-top:16px}
.tr-who-head{display:flex;align-items:center;padding:0 6px}
.tr-who-head .kick{font-size:15px;line-height:1.4}
.tr-who-card{border-radius:24px;padding:20px;background:var(--hcard);border:1px solid var(--hline);display:flex;flex-direction:column;gap:6px;transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .3s,opacity .8s var(--ease)}
.tr-who-card:hover{transform:translateY(-5px)!important;border-color:rgba(255,90,100,.5)}
.tr-who-ico{font-size:30px;line-height:1;margin-bottom:6px}
.tr-who-card b{font-family:var(--font-display);font-weight:800;font-size:17px}
.tr-who-card>span:last-child{font-size:14px;color:rgba(255,255,255,.66)}
.tr-sub-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:34px 6px 0}
.tr-check-text{font-size:14px;color:rgba(255,255,255,.66)}
.tr-steps{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:14px}
.tr-line{position:absolute;left:12%;right:12%;top:58px;width:76%;height:10px;overflow:visible}
.tr-line path{stroke:var(--coral);stroke-width:2;stroke-dasharray:6 8;fill:none;opacity:.6}
.js [data-io] .tr-line path{stroke-dashoffset:1000;stroke-dasharray:1000}
.js [data-io].in .tr-line path{animation:trdraw 1.6s var(--ease) forwards .3s}
@keyframes trdraw{to{stroke-dashoffset:0;stroke-dasharray:6 8}}
.tr-step{position:relative;border-radius:26px;padding:22px;background:var(--hcard);border:1px solid var(--hline);display:flex;flex-direction:column;gap:8px;transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .3s,opacity .8s var(--ease)}
.tr-step:hover{transform:translateY(-6px)!important;border-color:rgba(255,90,100,.6)}
.tr-num{position:absolute;right:18px;top:16px;font-family:var(--font-display);font-weight:900;font-size:13px;color:rgba(255,255,255,.35)}
.tr-icon{width:64px;height:64px;border-radius:20px;background:var(--coral);color:var(--ink);display:flex;align-items:center;justify-content:center;margin-bottom:8px;box-shadow:0 14px 30px -12px rgba(255,90,100,.7)}
.tr-step:nth-child(odd) .tr-icon{background:#fff}
.tr-icon svg{width:34px;height:34px}
.tr-step b{font-family:var(--font-display);font-weight:800;font-size:18px}
.tr-step>span:last-child{font-size:14px;color:rgba(255,255,255,.66)}

.tr-after{display:grid;grid-template-columns:1fr 1.2fr 1.2fr;gap:16px;margin-top:16px;align-items:stretch}
.tr-after-head{border-radius:26px;padding:24px;background:linear-gradient(160deg,#7A4CE0,#4E2BA8);display:flex;flex-direction:column;justify-content:flex-end}
.tr-after-head .kick{color:rgba(255,255,255,.75)}
.tr-after-head h3{margin:6px 0 0;font-family:var(--font-display);font-weight:900;font-size:26px;line-height:1.1}
.tr-video,.tr-check{border-radius:26px;padding:18px;background:var(--hcard);border:1px solid var(--hline);display:flex;flex-direction:column;gap:8px}
.tr-video b,.tr-check b{font-family:var(--font-display);font-weight:800;font-size:17px}
.tr-video>span{font-size:14px;color:rgba(255,255,255,.66)}
.tr-video-screen{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:url(/static/media/hero.jpg) center/cover;margin-bottom:6px}
.tr-video-screen::before{content:"";position:absolute;inset:0;background:rgba(11,12,14,.45)}
.tr-rec{position:absolute;left:12px;top:10px;font-size:12px;font-weight:900;color:#fff;background:rgba(0,0,0,.5);padding:4px 10px;border-radius:999px}
.tr-rec{animation:recblink 1.6s steps(2) infinite}
@keyframes recblink{50%{color:#FF8A92}}
.tr-play{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:var(--coral);color:var(--ink);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 10px rgba(255,90,100,.25);transition:transform .3s}
.tr-play svg{width:26px;height:26px;margin-left:3px}
.tr-video:hover .tr-play{transform:scale(1.12)}
.tr-video-bar{position:absolute;left:12px;right:12px;bottom:10px;height:4px;border-radius:4px;background:rgba(255,255,255,.25);overflow:hidden}
.tr-video-bar i{display:block;height:100%;width:0;background:var(--coral);animation:trbar 9s linear infinite}
@keyframes trbar{to{width:100%}}
.tr-check-top{display:flex;justify-content:space-between;align-items:center}
.tr-tag{font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.1);color:rgba(255,255,255,.6)}
.tr-check ul{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:9px}
.tr-check li{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700}
.tr-box{width:20px;height:20px;border-radius:6px;border:2px solid rgba(255,255,255,.35);flex-shrink:0;position:relative}
.tr-box::after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid var(--ink);border-width:0 2.5px 2.5px 0;transform:rotate(45deg) scale(0);transition:transform .3s}
.js [data-io].in .tr-box{animation:tick .4s var(--ease) forwards;animation-delay:calc(.6s + var(--k) * .35s)}
.js [data-io].in .tr-box::after{animation:tickmark .3s var(--ease) forwards;animation-delay:calc(.75s + var(--k) * .35s)}
html:not(.js) .tr-box{background:var(--coral);border-color:var(--coral)}
@keyframes tick{to{background:var(--coral);border-color:var(--coral)}}
@keyframes tickmark{to{transform:rotate(45deg) scale(1)}}
.tr-box::after{animation-fill-mode:forwards}
.tr-more{color:rgba(255,255,255,.5);font-weight:700!important;padding-left:30px}

.tr-plans{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:16px}
.tr-plan{position:relative;border-radius:28px;padding:26px;display:flex;flex-direction:column;gap:6px;background:#fff;color:var(--ink)!important;text-decoration:none;overflow:hidden;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,opacity .8s var(--ease)}
.tr-plan:hover{transform:translateY(-8px) rotate(-1deg)!important;box-shadow:0 30px 60px -24px rgba(255,90,100,.6)}
.tr-plan.main{background:linear-gradient(140deg,#FF7A82,var(--coral) 45%,#E8434F)}
.tr-plan.main::before{content:"";position:absolute;inset:-40%;background:conic-gradient(from var(--a),transparent 0 70%,rgba(255,255,255,.35) 80%,transparent 90%);animation:beam 6s linear infinite;pointer-events:none}
.tr-badge{position:absolute;right:18px;top:18px;padding:5px 12px;border-radius:999px;background:var(--ink);color:#fff;font-size:11px;font-weight:900;letter-spacing:.1em}
.tr-plan-ico{font-size:40px;line-height:1;position:relative}
.tr-plan-title{position:relative;font-family:var(--font-display);font-weight:900;font-size:21px;margin-top:8px}
.tr-plan-sub{position:relative;font-size:14px;font-weight:700;opacity:.7}
.tr-plan-price{position:relative;font-family:var(--font-display);font-weight:900;font-size:clamp(34px,3.6vw,46px);line-height:1.05;margin-top:auto;padding-top:14px}
.tr-plan-price small{font-size:15px;font-weight:800;opacity:.6}
.tr-plan-btn{position:relative;align-self:flex-start;margin-top:12px;min-height:46px;padding:0 20px;border-radius:999px;background:var(--ink);color:#fff;font-weight:900;font-size:15px;display:inline-flex;align-items:center}
.tr-note{border-radius:28px;padding:24px;background:var(--hcard);border:1px solid var(--hline);display:flex;flex-direction:column;gap:10px}
.tr-note b{font-family:var(--font-display);font-weight:800;font-size:17px}
.tr-note>span:not(.tr-warn){font-size:14px;color:rgba(255,255,255,.7)}
.tr-warn{margin-top:auto;padding:10px 14px;border-radius:14px;background:rgba(255,90,100,.12);border:1px solid rgba(255,90,100,.4);font-weight:800;font-size:13px}

/* Буст: WL и Rivals */
.bst{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.bst-card{position:relative;overflow:hidden;border-radius:32px;padding:30px;background:#141619;border:1px solid var(--hline);display:flex;flex-direction:column;gap:18px;transition:border-color .35s,opacity .8s var(--ease),transform .8s var(--ease)}
.bst-wl:hover{border-color:rgba(255,90,100,.6)}
.bst-rv:hover{border-color:rgba(122,76,224,.7)}
.bst-glow{position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(60px);right:-140px;top:-160px;opacity:.55;pointer-events:none;animation:blob1 16s ease-in-out infinite}
.bst-wl .bst-glow{background:radial-gradient(circle,rgba(255,90,100,.7),transparent 65%)}
.bst-rv .bst-glow{background:radial-gradient(circle,rgba(122,76,224,.8),transparent 65%)}
.bst-top{position:relative;display:flex;gap:20px;align-items:center}
.bst-emblem{flex-shrink:0;filter:drop-shadow(0 18px 30px rgba(0,0,0,.5));transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.bst-card:hover .bst-emblem{transform:rotate(-6deg) scale(1.06)}
.em-spin{transform-origin:60px 60px;animation:spin 18s linear infinite}
.em-spin.rev{animation-direction:reverse}
.em-arrow{stroke-dasharray:80;stroke-dashoffset:80;animation:emdraw 2.6s var(--ease) infinite}
@keyframes emdraw{0%{stroke-dashoffset:80}40%,80%{stroke-dashoffset:0}100%{stroke-dashoffset:-80}}
.em-bars rect{transform-box:fill-box;transform-origin:bottom;animation:embar 2.6s var(--ease) infinite}
.em-bars rect:nth-child(2){animation-delay:.15s}.em-bars rect:nth-child(3){animation-delay:.3s}
@keyframes embar{0%{transform:scaleY(.3)}40%,100%{transform:none}}
.bst-kick{font-size:12px;font-weight:900;letter-spacing:.16em;color:rgba(255,255,255,.55)}
.bst-card h3{margin:4px 0 6px;font-family:var(--font-display);font-weight:900;font-size:clamp(28px,3vw,40px);line-height:1}
.bst-wl h3{color:var(--coral)}
.bst-rv h3{color:#C6A8FF}
.bst-tag{margin:0;font-size:15px;font-weight:700;color:rgba(255,255,255,.85)}
.bst-about{position:relative;margin:0;font-size:15px;color:rgba(255,255,255,.66)}
.bst-pick{position:relative;border-radius:22px;padding:16px;background:rgba(255,255,255,.05);border:1px solid var(--hline);display:flex;flex-direction:column;gap:12px}
.bst-pick-head{display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:14px}
.bst-guar{white-space:nowrap;padding:4px 10px;border-radius:999px;background:rgba(255,90,100,.18);color:#FF8A92;font-size:12px;font-weight:900}
.bst-tiers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.bst-tiers button{border:1px solid var(--hline);background:rgba(255,255,255,.04);color:#fff;border-radius:16px;padding:10px 4px;cursor:pointer;transition:background .25s,transform .25s,border-color .25s}
.bst-tiers button:hover{transform:translateY(-2px);border-color:rgba(255,90,100,.6)}
.bst-tiers button[aria-pressed="true"]{background:var(--coral);color:var(--ink);border-color:var(--coral);transform:scale(1.05)}
.bst-tiers b{display:block;font-family:var(--font-display);font-weight:900;font-size:22px;line-height:1.1}
.bst-tiers span{font-size:11px;font-weight:800;opacity:.75;white-space:nowrap}
.bst-buy{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.bst-price{font-family:var(--font-display);font-weight:900;font-size:clamp(30px,3vw,40px);line-height:1}
.bst-price small{font-size:14px;font-weight:800;opacity:.6}
.bst-price.pop{animation:pop .45s cubic-bezier(.2,1.3,.4,1)}
.bst-btn{background:var(--coral);color:var(--ink)!important;min-height:52px}
.bst-rv .bst-btn{background:#7A4CE0;color:#fff!important}
.bst-ladder{position:relative;display:grid;grid-template-columns:repeat(10,1fr);gap:6px;align-items:end;height:110px;padding:14px;border-radius:22px;background:rgba(255,255,255,.05);border:1px solid var(--hline)}
.bst-ladder span{position:relative;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}
.bst-ladder i{display:block;width:100%;height:var(--h);border-radius:8px;background:linear-gradient(180deg,#C6A8FF,#7A4CE0);opacity:.35;transform-origin:bottom}
.bst-ladder span:nth-child(n+8) i{opacity:1}
.bst-ladder small{font-size:10px;font-weight:900;color:rgba(255,255,255,.5)}
.js [data-io].in .bst-ladder i{animation:ladder .7s var(--ease) both;animation-delay:calc(.3s + var(--k) * .06s)}
@keyframes ladder{from{transform:scaleY(0)}}
.bst-feat{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bst-feat li{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:rgba(255,255,255,.62)}
.bst-feat b{display:block;font-size:14px;color:#fff;margin-bottom:2px}
.bst-ico{width:34px;height:34px;border-radius:12px;background:rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px}

/* Лотереи и аукционы */
.lot{display:flex;flex-wrap:wrap;gap:40px;align-items:center}
.lot-wheel-wrap{position:relative;flex:0 0 420px;max-width:100%;aspect-ratio:1}
.lot-wheel{position:absolute;inset:0;border-radius:50%;border:10px solid #16181B;box-shadow:0 0 0 3px rgba(255,255,255,.12),0 40px 80px -30px rgba(255,90,100,.6);
  background:conic-gradient(#FF5A64 0 30deg,#7A4CE0 0 60deg,#F5C042 0 90deg,#2A9AD6 0 120deg,#1FBF8F 0 150deg,#FF8A3D 0 180deg,#FF5A64 0 210deg,#7A4CE0 0 240deg,#F5C042 0 270deg,#2A9AD6 0 300deg,#1FBF8F 0 330deg,#FF8A3D 0 360deg);
  animation:lotspin 7s cubic-bezier(.12,.6,.18,1) infinite}
.lot-wheel::before{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(rgba(255,255,255,.35) 0 .6deg,transparent .6deg 30deg)}
.lot-wheel::after{content:"";position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle,transparent 55%,rgba(0,0,0,.18))}
@keyframes lotspin{0%{transform:rotate(0)}70%{transform:rotate(1440deg)}100%{transform:rotate(1440deg)}}
.lot-hub{position:absolute;left:50%;top:50%;width:26%;height:26%;transform:translate(-50%,-50%);border-radius:50%;background:#fff;box-shadow:0 0 0 6px #16181B,0 10px 30px rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:2}
.lot-hub img{width:84%;height:84%;border-radius:50%}
.lot-pointer{position:absolute;left:50%;top:-14px;width:0;height:0;margin-left:-20px;border-left:20px solid transparent;border-right:20px solid transparent;border-top:44px solid #fff;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5));z-index:3;animation:lotpoint 7s linear infinite}
@keyframes lotpoint{0%,68%{transform:rotate(0)}2%,6%,10%,14%,18%,24%,30%,38%,48%,60%{transform:rotate(-12deg)}4%,8%,12%,16%,21%,27%,34%,43%,54%,66%{transform:rotate(0)}}
.lot-glow{position:absolute;inset:-12%;border-radius:50%;background:radial-gradient(circle,rgba(255,90,100,.35),transparent 65%);z-index:-1;animation:livep 3s infinite}
.lot-text{flex:1 1 460px;min-width:0}
.lot-lead{margin:14px 0 22px;font-size:18px;color:rgba(255,255,255,.8)}
.lot-prize{display:flex;align-items:center;gap:12px;margin:-6px 0 18px;padding:14px 18px;border-radius:20px;background:linear-gradient(110deg,rgba(245,192,66,.22),rgba(255,90,100,.18));border:1px solid rgba(245,192,66,.5)}
.lot-prize-ico{font-size:28px;line-height:1;animation:bob 2.4s ease-in-out infinite}
.lot-prize b{font-family:var(--font-display);font-weight:800;font-size:16px;line-height:1.25}
.lot-formats{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.lot-f{position:relative;border-radius:26px;padding:22px;background:var(--hcard);border:1px solid var(--hline);display:flex;flex-direction:column;gap:8px;overflow:hidden;transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .3s,opacity .8s var(--ease)}
.lot-f:hover{transform:translateY(-6px)!important}
.lot-auction:hover{border-color:rgba(245,192,66,.7)}
.lot-lottery:hover{border-color:rgba(255,90,100,.7)}
.lot-mini{position:absolute;right:-26px;top:-26px;width:110px;height:110px;border-radius:50%;opacity:.9;animation:spin 14s linear infinite}
.lot-auction .lot-mini{background:conic-gradient(#F5C042 0 150deg,#FF8A3D 0 230deg,#FF5A64 0 285deg,#7A4CE0 0 325deg,#2A9AD6 0 350deg,#1FBF8F 0)}
.lot-lottery .lot-mini{background:conic-gradient(#FF5A64 0 45deg,#7A4CE0 0 90deg,#F5C042 0 135deg,#2A9AD6 0 180deg,#FF5A64 0 225deg,#7A4CE0 0 270deg,#F5C042 0 315deg,#2A9AD6 0)}
.lot-f>div{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.lot-badge{font-size:11px;font-weight:900;letter-spacing:.14em;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.1)}
.lot-price{font-family:var(--font-display);font-weight:900;font-size:34px;line-height:1}
.lot-auction .lot-price{color:#F5C042}
.lot-lottery .lot-price{color:var(--coral)}
.lot-f b{font-family:var(--font-display);font-weight:800;font-size:16px;line-height:1.2;margin-top:4px}
.lot-f>span:last-child{font-size:14px;color:rgba(255,255,255,.66)}
.lot-auc{grid-column:1/-1;position:relative;border-radius:26px;padding:20px 22px;background:linear-gradient(115deg,rgba(122,76,224,.35),rgba(122,76,224,.08) 60%),var(--hcard);border:1px solid rgba(122,76,224,.45);display:flex;flex-wrap:wrap;gap:18px;align-items:center;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .8s var(--ease)}
.lot-auc:hover{transform:translateY(-6px)!important}
.lot-auc-info{flex:1 1 240px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.lot-auc-info b{font-family:var(--font-display);font-weight:900;font-size:22px;line-height:1.1}
.lot-auc-info>span:last-child{font-size:14px;color:rgba(255,255,255,.7)}
.lot-auc-rules{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.lot-auc-rules>span{display:flex;flex-direction:column;padding:8px 14px;border-radius:14px;background:rgba(14,15,17,.55);border:1px solid rgba(198,168,255,.35)}
.lot-auc-rules small{font-size:11px;font-weight:800;color:rgba(255,255,255,.55);text-transform:uppercase;letter-spacing:.08em}
.lot-auc-rules b{font-family:var(--font-display);font-weight:900;font-size:20px;color:#F5C042;white-space:nowrap}
.lot-chat{flex:1 1 230px;border-radius:18px;background:#0E0F11;border:1px solid var(--hline);padding:10px 12px;display:flex;flex-direction:column;gap:6px;font-size:13px}
.lot-chat-head{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.lot-chat-head .live-dot{width:8px;height:8px}
.lot-bid{color:rgba(255,255,255,.85);opacity:0}
.lot-nick{font-weight:900;color:#C6A8FF;margin-right:6px}
.lot-bid b{color:#F5C042;font-family:var(--font-display);font-weight:900}
.lot-bid b::after{content:" ₽"}
.lot-bid:last-child{padding:4px 8px;margin:0 -8px;border-radius:10px;background:rgba(245,192,66,.12)}
.js [data-io].in .lot-bid{animation:cmmsg 8s ease infinite;animation-delay:calc(var(--k) * .9s)}
html:not(.js) .lot-bid{opacity:1}
.lot-steps{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:14px;margin-top:28px;align-items:stretch}
.lot-step{display:flex;gap:12px;align-items:flex-start;padding:18px;border-radius:22px;background:#141619;border:1px solid var(--hline);position:relative}
.lot-n{position:absolute;right:14px;top:10px;font-family:var(--font-display);font-weight:900;font-size:12px;color:rgba(255,255,255,.3)}
.lot-ico{font-size:26px;line-height:1}
.lot-step b{display:block;font-family:var(--font-display);font-weight:800;font-size:15px}
.lot-step div>span{font-size:13px;color:rgba(255,255,255,.62)}
.lot-cta{display:flex;flex-direction:column;gap:8px;justify-content:center}
.lot-btn-tg{background:#2A9AD6;color:#fff!important}

/* Комьюнити и магазин */
.cm{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:16px}
.cm-card{position:relative;border-radius:32px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:#fff!important;border:1px solid var(--hline);background:#141619;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .3s,opacity .8s var(--ease)}
.cm-card:hover{transform:translateY(-8px)!important}
.cm-trade{background:linear-gradient(160deg,#FF8A3D 0%,#F0612E 45%,#B93A1F 100%);border-color:transparent}
.cm-trade:hover{box-shadow:0 30px 60px -24px rgba(255,138,61,.7)}
.cm-subs:hover{border-color:rgba(255,90,100,.6);box-shadow:0 30px 60px -24px rgba(255,90,100,.5)}
.cm-shop:hover{border-color:rgba(42,154,214,.7);box-shadow:0 30px 60px -24px rgba(42,154,214,.5)}
.cm-art{position:relative;height:150px;overflow:hidden}
.cm-art svg{position:absolute;inset:auto 0 0 0;width:100%;height:120px}
.cm-line{stroke-dasharray:420;stroke-dashoffset:420}
.js [data-io].in .cm-line{animation:cmdraw 2.2s var(--ease) forwards .3s}
html:not(.js) .cm-line{stroke-dashoffset:0}
@keyframes cmdraw{to{stroke-dashoffset:0}}
.cm-ticker{position:absolute;right:18px;top:16px;padding:6px 12px;border-radius:999px;background:rgba(22,24,27,.55);font-weight:900;font-size:13px;color:#B9F5C8;animation:floatB 4s ease-in-out infinite}
.cm-body{position:relative;padding:4px 26px 26px;display:flex;flex-direction:column;gap:10px;flex:1}
.cm-kick{font-size:12px;font-weight:900;letter-spacing:.14em;opacity:.7}
.cm-card h3{margin:0;font-family:var(--font-display);font-weight:900;font-size:26px;line-height:1.08}
.cm-card p{margin:0;font-size:15px;opacity:.85}
.cm-card ul{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-direction:column;gap:7px}
.cm-card li{display:flex;gap:10px;font-size:14px;font-weight:700}
.cm-card li::before{content:"";width:18px;height:18px;border-radius:50%;flex-shrink:0;margin-top:1px;background:rgba(255,255,255,.2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E") center/11px no-repeat}
.cm-subs li::before{background-color:rgba(255,90,100,.35)}
.cm-shop li::before{background-color:rgba(42,154,214,.4)}
.cm-buy{margin-top:auto;padding-top:12px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.cm-price{font-family:var(--font-display);font-weight:900;font-size:38px;line-height:1}
.cm-btn{display:inline-flex;align-items:center;min-height:48px;padding:0 20px;border-radius:999px;font-weight:900;font-size:15px;background:#fff;color:var(--ink);transition:transform .25s}
.cm-card:hover .cm-btn{transform:translateX(4px)}
.cm-subs .cm-btn{background:var(--coral)}
.cm-shop .cm-btn{background:#2A9AD6;color:#fff}
.cm-chat{display:flex;flex-direction:column;gap:6px;padding:14px 18px;height:auto;min-height:150px;background:radial-gradient(120% 120% at 0% 0%,rgba(255,90,100,.25),transparent 60%)}
.cm-msg{max-width:86%;padding:7px 12px;border-radius:14px 14px 14px 4px;background:rgba(255,255,255,.1);font-size:12.5px;font-weight:600;opacity:0}
.cm-msg b{display:block;font-size:11px;color:var(--ink);opacity:.7}
.cm-msg.me{align-self:flex-end;border-radius:14px 14px 4px 14px;background:var(--coral);color:var(--ink)}
.js [data-io].in .cm-msg{animation:cmmsg 9s ease infinite}
.js [data-io].in .cm-msg:nth-child(2){animation-delay:1.1s}.js [data-io].in .cm-msg:nth-child(3){animation-delay:2.2s}.js [data-io].in .cm-msg:nth-child(4){animation-delay:3.3s}
html:not(.js) .cm-msg{opacity:1}
@keyframes cmmsg{0%{opacity:0;transform:translateY(8px) scale(.96)}6%,82%{opacity:1;transform:none}92%,100%{opacity:0;transform:translateY(-4px)}}
.cm-badges{display:flex;gap:6px}
.cm-badges span{padding:6px 10px;border-radius:999px;border:1px solid rgba(255,90,100,.6);color:#FF8A92;font-size:11px;font-weight:900;letter-spacing:.08em}
.cm-coins{background:radial-gradient(100% 120% at 50% 100%,rgba(42,154,214,.4),transparent 65%)}
.cm-coin{position:absolute;left:var(--x);bottom:-50px;width:var(--s);height:var(--s);margin-left:calc(var(--s) / -2);border-radius:50%;background:radial-gradient(circle at 35% 30%,#FFF1B8,#F5C042 55%,#C98F12);color:#8A5A00;font-family:var(--font-display);font-weight:900;font-size:calc(var(--s) * .45);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 -3px 0 rgba(0,0,0,.15),0 6px 14px -6px rgba(0,0,0,.6);animation:coinup 4.2s ease-in infinite;animation-delay:var(--d)}
@keyframes coinup{0%{transform:translateY(0) rotate(0)}100%{transform:translateY(-230px) rotate(360deg)}}
.cm-bot{position:absolute;left:18px;top:16px;padding:6px 12px;border-radius:999px;background:rgba(22,24,27,.6);font-weight:900;font-size:13px}
.cm-items{display:flex;flex-wrap:wrap;gap:8px}
.cm-items span{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:16px;background:rgba(42,154,214,.15);border:1px solid rgba(42,154,214,.4);font-weight:800;font-size:14px}
.cm-items i{font-style:normal;font-size:18px}
.cm-handle{font-weight:800;font-size:14px;opacity:.7}

/* Соцсети */
.soc{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;padding-bottom:80px}
.soc-card{border-radius:24px;padding:20px;background:var(--hcard);border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:26px;min-height:150px;text-decoration:none}
.soc-top{display:flex;justify-content:space-between;align-items:flex-start}
.soc-mark{width:46px;height:46px;border-radius:14px;color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:900;font-size:14px}
.soc-live{padding:5px 10px;border-radius:999px;background:#FF3B48;color:#fff;font-size:11px;font-weight:900}
.soc-card b{display:block;font-family:var(--font-display);font-weight:800;font-size:16px}
.soc-count{display:block;white-space:nowrap;font-family:var(--font-display);font-weight:900;font-size:24px;line-height:1.1;color:var(--coral);margin-bottom:4px}
.soc-total{font-size:15px;color:rgba(255,255,255,.7)}
.soc-total b{font-family:var(--font-display);font-weight:900;font-size:22px;color:#fff}
.soc-card small{display:block;font-size:13px;color:rgba(255,255,255,.6)}

.hfoot{border-top:1px solid rgba(255,255,255,.08);padding:28px 0 40px;font-size:14px;color:rgba(255,255,255,.55)}

/* Планшет и телефон */
@media (max-width:1100px){
  .svc{grid-template-columns:repeat(2,minmax(0,1fr))}
  .soc{grid-template-columns:repeat(3,minmax(0,1fr))}
  .tr-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tr-line{display:none}
  .tr-who{grid-template-columns:repeat(3,minmax(0,1fr))}.tr-who-head{grid-column:1/-1}
  .tr-after{grid-template-columns:1fr 1fr}.tr-after-head{grid-column:1/-1}
  .tr-plans{grid-template-columns:1fr 1fr}.tr-note{grid-column:1/-1}
  .bst{grid-template-columns:1fr}
  .lot-steps{grid-template-columns:1fr 1fr}.lot-wheel-wrap{flex-basis:340px}
  .cm{grid-template-columns:1fr 1fr}.cm-trade{grid-column:1/-1}
  .hockey-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:720px){
  .hero{height:auto;min-height:100svh}
  .hero-in{position:relative;padding-top:120px;padding-bottom:48px;min-height:100svh;align-content:flex-end}
  .hero-cam,.cam-m .hero-cam,.cam-l .hero-cam,.cam-xl .hero-cam{flex:1 1 100%;max-width:none}
  .cam-xl .cam-frame{transform:none}
  .hero-lead{font-size:17px}
  .hbtn{min-height:50px;padding:0 20px;font-size:15px}
  .live-pill{padding:0 10px;font-size:12px}
  .home-dark .brand b{display:none}
  .blob{display:none}
  .fifa-photo{flex:1 1 100%}
  .fifa-sticker{right:12px}
  .ach{grid-template-columns:1fr}
  .ach-coral .ach-num{font-size:60px}
  .fan{height:auto;display:flex;gap:14px;justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px 4px 24px;margin:0 -24px;padding-left:24px}
  .pc,.pc1,.pc3,.fan:hover .pc1,.fan:hover .pc3,.fan:hover .pc-main{position:relative;transform:none;flex:0 0 78%;width:auto;scroll-snap-align:center}
  .hint{display:none}
  .svc,.svc-2{grid-template-columns:1fr}
  .tr-hero{padding:26px}
  .tr-hero::after{font-size:120px;bottom:-20px}
  .tr-lead{font-size:16px}
  .tr-steps{grid-template-columns:1fr 1fr;gap:10px}
  .tr-line{display:none}
  .tr-step{padding:16px}
  .tr-icon{width:52px;height:52px}
  .tr-step b{font-size:15px}
  .tr-after,.tr-plans,.tr-who{grid-template-columns:1fr}
  .bst{grid-template-columns:1fr}
  .cm{grid-template-columns:1fr}
  .lot{gap:26px}.lot-wheel-wrap{flex:0 0 78%;margin:0 auto}
  .lot-formats,.lot-steps{grid-template-columns:1fr}
  .hero-lot{font-size:13px}
  .hide-m{display:none}
  .cm-body{padding:4px 20px 22px}
  .bst-card{padding:22px}
  .bst-top{flex-direction:column;align-items:flex-start;gap:12px}
  .bst-emblem svg{width:96px;height:96px}
  .bst-feat{grid-template-columns:1fr}
  .bst-tiers b{font-size:18px}
  .bst-tiers span{font-size:9px;letter-spacing:-.02em}
  .bst-tiers{gap:4px}.bst-tiers button{padding:8px 2px}
  .flip{height:210px}
  .soc{grid-template-columns:repeat(2,minmax(0,1fr))}
  .soc-count{font-size:19px}
  .ticker{font-size:16px}
}
@media (prefers-reduced-motion: reduce){
  .curtain,.curtain2{display:none}
  .js [data-io] .io-up,.js [data-io] .pc{opacity:1;transform:none}
  .tr-box{background:var(--coral);border-color:var(--coral)}.tr-box::after{transform:rotate(45deg) scale(1)}
  .cm-msg{opacity:1}.cm-line{stroke-dashoffset:0}.cm-coin{display:none}
  .lot-bid{opacity:1}
  .js .hnum{--n:var(--to)}
}
html:has(.home-dark){background:#0B0C0E}

/* Меню аккаунта на тёмных страницах (раньше было белым по белому) */
.home-dark .acct-menu{background:#1B1D21;border-color:rgba(255,255,255,.12);box-shadow:0 30px 60px -20px rgba(0,0,0,.8)}
.home-dark .acct-menu a,.home-dark .acct-menu b{color:#fff}
.home-dark .acct-menu .muted{color:rgba(255,255,255,.55)}
.home-dark .acct-menu a:hover,.home-dark .acct-menu button:hover{background:rgba(255,255,255,.08)}
.home-dark .acct-menu form{border-color:rgba(255,255,255,.1)}
.home-dark .acct-menu button{color:#FF8A92}