@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}
@property --p{syntax:"<percentage>";inherits:false;initial-value:0%}
@view-transition{navigation:auto}
:root{--bg:#07020f;--card:#140726;--line:#3a1a5e;--fg:#fbf4ff;--mut:#dccbec;--pink:#ff2bd6;--pink2:#ff6fe4;--vio:#9d5cff;
 --grad:linear-gradient(100deg,var(--pink),var(--vio) 55%,#5a3cff);--r:22px;--max:1180px;color-scheme:dark;interpolate-size:allow-keywords}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:400 17px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;overflow-x:hidden}
img,svg{display:block;max-width:100%}
a{color:var(--pink2)}
:focus-visible{outline:3px solid #fff;outline-offset:3px;border-radius:8px}
.wrap{width:min(100% - 40px,var(--max));margin-inline:auto}
.skip{position:absolute;left:12px;top:-60px;background:#fff;color:#000;padding:10px 14px;border-radius:10px;z-index:100;font-weight:700}
.skip:focus{top:12px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.progress{position:fixed;inset:0 0 auto;height:3px;background:var(--grad);transform-origin:0 50%;transform:scaleX(0);z-index:60;animation:grow linear both;animation-timeline:scroll(root)}
@keyframes grow{to{transform:scaleX(1)}}
@keyframes spin{to{--a:360deg}}

/* top */
header.top{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,rgba(14,4,30,.78),rgba(7,2,15,.62));backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);box-shadow:0 1px 0 rgba(157,92,255,.18),0 10px 30px -18px rgba(255,43,214,.45)}
header.top::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,43,214,.55) 30%,rgba(157,92,255,.55) 70%,transparent);pointer-events:none}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:10px;height:64px}
.logo{--lh:42px;display:flex;align-items:center;gap:10px;min-height:var(--lh);color:var(--fg);text-decoration:none;view-transition-name:logo;flex:none}
.logo-v{position:relative;display:grid;place-items:center;width:var(--lh);height:var(--lh);perspective:220px;flex:none}
.logo-v::before{content:"";position:absolute;inset:4px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,43,214,.42),rgba(157,92,255,.18) 60%,transparent);filter:blur(6px);z-index:-1}
.logo-v img{width:100%;height:100%;display:block;filter:drop-shadow(0 0 5px rgba(255,43,214,.55));backface-visibility:visible;transform-style:preserve-3d}
.logo-v.spin img{animation:v-spin 6s cubic-bezier(.65,0,.35,1) infinite}
.logo-v.spin::before{animation:v-glow 6s ease-in-out infinite}
@keyframes v-spin{0%,55%{transform:rotateY(0)}100%{transform:rotateY(360deg)}}
@keyframes v-glow{0%,55%,100%{opacity:.75;transform:scale(1)}78%{opacity:1;transform:scale(1.18)}}
.logo-t{display:grid;line-height:1;gap:3px}
.logo-t b{font-size:14px;font-weight:800;letter-spacing:.2em;margin-right:-.2em}
.logo-t small{font-size:7px;font-weight:700;letter-spacing:.42em;color:var(--pink2);text-shadow:0 0 8px rgba(255,43,214,.55)}
.nav{display:flex;align-items:center;gap:8px}
.lang{display:flex;align-items:center;height:34px;border:1px solid var(--line);border-radius:999px;padding:3px;background:rgba(20,7,38,.55);view-transition-name:lang}
.lang a{display:grid;place-items:center;height:28px;min-width:34px;padding:0 8px;color:var(--mut);text-decoration:none;font-weight:700;font-size:12px;letter-spacing:.04em;border-radius:999px;transition:color .2s}
.lang a:hover{color:#fff}
.lang a[aria-current]{background:var(--grad);color:#fff;box-shadow:0 0 14px -2px rgba(255,43,214,.6)}
.top .btn-sm{--h:42px;padding:0 18px}
@media (min-width:900px){.top .wrap{height:72px}.logo{--lh:46px;gap:12px}.logo-t b{font-size:15px}.logo-t small{font-size:7.5px}.lang{height:36px}.lang a{height:30px;min-width:38px;font-size:13px}.top .btn-sm{--h:46px;padding:0 22px}}
@media (max-width:374px){.top .wrap{gap:6px}.nav{gap:6px}.logo{gap:7px}.logo-t b{font-size:13px}.lang a{min-width:32px;padding:0 7px}.top .btn-sm{padding:0 14px}}
@media (prefers-reduced-motion:reduce){.logo-v.spin img,.logo-v.spin::before{animation:none}}

/* buttons */
.btn{--h:54px;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:var(--h);padding:0 26px;border-radius:999px;font:inherit;font-weight:750;text-decoration:none;cursor:pointer;border:0;color:#fff;position:relative;isolation:isolate;transition:transform .25s cubic-bezier(.2,.9,.3,1.4)}
.btn svg{width:22px;height:22px;flex:none}
.btn-main{background:linear-gradient(100deg,#c80fa8,#7a2be0);box-shadow:0 0 0 1px #ff8cf0 inset,0 10px 40px -8px rgba(255,43,214,.75)}
.btn-main::before{content:"";position:absolute;inset:-3px;border-radius:inherit;z-index:-1;background:conic-gradient(from var(--a),var(--pink),var(--vio),#4f6bff,var(--pink));animation:spin 3.5s linear infinite;filter:blur(12px);opacity:.8}
.btn-ghost{background:rgba(23,10,43,.75);box-shadow:0 0 0 1px var(--line) inset;backdrop-filter:blur(6px)}
.btn:hover{transform:translateY(-2px) scale(1.03)}
.btn-sm{--h:44px;padding:0 16px;font-size:15px}
.icon-btn{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#170a2b;box-shadow:0 0 0 1px var(--line) inset;color:#fff}
.icon-btn svg{width:22px;height:22px}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}

/* HERO */
.hero{position:relative;min-height:min(92svh,860px);display:grid;align-items:end;overflow:hidden;isolation:isolate;padding:120px 0 48px}
.hero-bg{position:absolute;inset:-6% 0 0;z-index:-3}
.hero-bg{container-type:size;overflow:hidden}
.frame{position:absolute;left:50%;top:50%;translate:-50% -50%;width:max(100cqw,75cqh);aspect-ratio:3/4}
.frame img{width:100%;height:100%}
.frame .ringlight{left:28.9%;top:15.6%;width:34.6%}
@media(min-width:700px){.frame{width:max(100cqw,177.78cqh);aspect-ratio:16/9;left:auto;right:0;translate:0 -50%}.frame .ringlight{left:66.9%;top:15.6%;width:14.8%}}
@supports (animation-timeline:scroll()){.hero-bg{animation:par linear both;animation-timeline:scroll(root);animation-range:0 100vh}}
@keyframes par{to{transform:translateY(18%) scale(1.08)}}
.hero::after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(7,2,15,.25) 0%,rgba(7,2,15,.35) 40%,rgba(7,2,15,.92) 78%,var(--bg) 100%)}
.mesh{position:absolute;inset:-20%;z-index:-2;mix-blend-mode:screen;opacity:.55;background:
 radial-gradient(35% 30% at 20% 30%,rgba(255,43,214,.55),transparent 70%),
 radial-gradient(30% 35% at 80% 20%,rgba(122,60,255,.6),transparent 70%),
 radial-gradient(40% 30% at 60% 80%,rgba(80,90,255,.45),transparent 70%);animation:mesh 14s ease-in-out infinite alternate}
@keyframes mesh{50%{transform:translate(4%,-3%) rotate(6deg) scale(1.05)}to{transform:translate(-4%,3%) rotate(-5deg) scale(1.1)}}
.orb{position:absolute;border-radius:50%;z-index:-1;background:radial-gradient(circle at 35% 30%,#ffb3f3,#ff2bd6 40%,#6a2bff 80%);box-shadow:0 0 40px 6px rgba(255,43,214,.55);animation:bob 7s ease-in-out infinite alternate}
.orb.o1{width:18px;height:18px;left:12%;top:22%}
.orb.o2{width:34px;height:34px;right:14%;top:58%;animation-duration:9s;animation-delay:-3s}
.orb.o3{width:10px;height:10px;left:46%;top:14%;animation-duration:5s}
.orb.o4{width:24px;height:24px;left:70%;top:30%;animation-duration:11s;animation-delay:-5s}
@keyframes bob{to{transform:translate(20px,-40px)}}
.ringlight{position:absolute;aspect-ratio:1;translate:-50% -50%;border-radius:50%;mix-blend-mode:screen;
 box-shadow:0 0 0 3px rgba(255,255,255,.5),0 0 30px 10px rgba(255,180,245,.75),0 0 120px 40px rgba(255,43,214,.45),inset 0 0 40px 8px rgba(255,180,245,.5);animation:ring 3.2s ease-in-out infinite}
@keyframes ring{50%{box-shadow:0 0 0 3px rgba(255,255,255,.7),0 0 44px 16px rgba(255,180,245,.9),0 0 170px 60px rgba(255,43,214,.55),inset 0 0 50px 12px rgba(255,180,245,.6)}}
.eyebrow{display:inline-flex;align-items:center;gap:7px;height:28px;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffe3fa;border:1px solid rgba(190,90,255,.45);background:rgba(30,8,52,.62);padding:0 12px;border-radius:999px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 0 14px -6px rgba(255,43,214,.7),inset 0 1px 0 rgba(255,255,255,.06)}
.eyebrow .dot{width:6px;height:6px;box-shadow:0 0 8px #ff3b6b}
.dot{width:9px;height:9px;border-radius:50%;background:#ff3b6b;box-shadow:0 0 12px #ff3b6b;animation:pulse 1.4s ease-in-out infinite}
@keyframes pulse{50%{opacity:.3}}
h1{font-size:clamp(46px,12vw,112px);line-height:.95;letter-spacing:-.04em;margin:18px 0 18px;font-weight:900;view-transition-name:title;text-shadow:0 4px 30px rgba(7,2,15,.6)}
.glow{background:linear-gradient(90deg,#ff5fe0,#c77dff,#7f8cff,#ff5fe0) 0 0/300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen 5s linear infinite;filter:drop-shadow(0 0 24px rgba(255,43,214,.55));text-shadow:none}
@keyframes sheen{to{background-position:300% 0}}
.split{display:inline-block;opacity:0;transform:translateY(.45em) rotate(3deg);filter:blur(8px);animation:in .9s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--i)*110ms + 80ms)}
@keyframes in{to{opacity:1;transform:none;filter:none}}
.tags{display:flex;flex-wrap:wrap;gap:0 7px;margin:0 0 26px;padding:0;list-style:none}
.tags::after{content:"";flex-basis:100%;height:0;order:2}.tags li{margin-top:7px}.tags li:nth-child(-n+2){order:1;margin-top:0}.tags li:nth-child(n+3){order:3}
@media(min-width:700px){.tags{gap:8px}.tags::after{content:none}.tags li,.tags li:nth-child(-n+2){margin-top:0}}
.tags li{display:inline-flex;align-items:center;height:30px;padding:0 11px;border-radius:999px;background:rgba(20,7,38,.6);border:1px solid rgba(157,92,255,.38);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 12px -8px rgba(255,43,214,.8);font-weight:650;font-size:12px;letter-spacing:.01em;white-space:nowrap;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
@media(max-width:374px){.tags{column-gap:6px}.tags li{padding:0 10px;letter-spacing:0}.tags li:nth-child(n+3){margin-top:6px}}
@media(min-width:900px){.tags li{height:32px;padding:0 13px;font-size:12.5px}.eyebrow{height:30px;font-size:12px}}
.live{position:absolute;right:max(20px,calc((100vw - var(--max))/2));bottom:70px;width:250px;border-radius:24px;overflow:hidden;display:none;transform:rotate(4deg);box-shadow:0 30px 80px -20px rgba(255,43,214,.6),0 0 0 1px rgba(255,140,240,.5)}
.live img{width:100%;height:auto}
.live .badge{position:absolute;left:12px;top:12px;background:#ff2b6b;color:#fff;font-weight:800;font-size:13px;letter-spacing:.08em;padding:4px 10px;border-radius:8px;display:flex;gap:6px;align-items:center}
.live .badge i{width:7px;height:7px;border-radius:50%;background:#fff;animation:pulse 1.2s infinite}
@media(min-width:1000px){
 .hero{align-items:center;padding:80px 0}
 .hero::after{background:linear-gradient(90deg,rgba(7,2,15,.95) 0%,rgba(7,2,15,.7) 40%,rgba(7,2,15,.1) 75%),linear-gradient(180deg,transparent 70%,var(--bg))}
 .live{display:block;animation:floatc 6s ease-in-out infinite alternate}
 .hero .copy{max-width:640px}
}
@keyframes floatc{to{transform:rotate(1deg) translateY(-16px)}}

/* marquee */
.marquee{overflow:hidden;border-block:1px solid #3a1a5e;background:linear-gradient(90deg,#1a0630,#2a0a45,#1a0630);transform:rotate(-1.5deg);margin:10px -10px 0;position:relative;z-index:2;box-shadow:0 0 50px -10px rgba(255,43,214,.45)}
.marquee .track{display:flex;width:max-content;animation:mq 28s linear infinite}
.marquee ul{display:flex;margin:0;padding:14px 0;list-style:none}
.marquee li{white-space:nowrap;font-weight:850;font-size:clamp(18px,3vw,26px);padding:0 22px;display:flex;align-items:center;gap:22px;text-transform:uppercase;letter-spacing:.02em}
.marquee li::after{content:"✦";color:var(--pink);text-shadow:0 0 12px var(--pink)}
@keyframes mq{to{transform:translateX(-50%)}}

/* sections */
section{padding:84px 0;position:relative}
h2{font-size:clamp(34px,7.5vw,64px);line-height:1;letter-spacing:-.03em;margin:0 0 28px;font-weight:900}
.hl{position:relative;white-space:nowrap;color:#fff;background:linear-gradient(90deg,var(--pink),var(--vio)) 0 92%/0% 26% no-repeat;transition:background-size 1s .2s cubic-bezier(.2,.8,.2,1);padding:0 .08em}
.on .hl,.hl.on{background-size:100% 26%}
.sub{color:var(--mut);max-width:560px;margin:-14px 0 32px;font-size:18px}
h3{font-size:22px;line-height:1.2;margin:0 0 6px}

/* counters */
.nums{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;list-style:none;margin:0;padding:0}
.nums li{position:relative;border-radius:var(--r);padding:22px 18px;background:linear-gradient(160deg,#1c0a36,#0e0420);border:1px solid #2e1650;overflow:hidden}
.nums li::before{content:"";position:absolute;width:140px;height:140px;right:-40px;top:-40px;border-radius:50%;background:radial-gradient(circle,rgba(255,43,214,.4),transparent 70%)}
.nums .n{display:block;font-size:clamp(48px,13vw,92px);line-height:.9;font-weight:900;letter-spacing:-.04em;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#fff,#ff8cf0 60%,#a66bff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(255,43,214,.45))}
.nums .l{display:block;color:var(--mut);font-weight:600;margin-top:8px;font-size:15px;line-height:1.3}
@media(min-width:900px){.nums{grid-template-columns:repeat(4,1fr)}}

/* image cards */
.shows{display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:640px){.shows{grid-template-columns:repeat(3,1fr)}}
.tilt{transform-style:preserve-3d;transition:transform .35s cubic-bezier(.2,.8,.2,1);will-change:transform}
.shot{position:relative;border-radius:var(--r);overflow:hidden;margin:0;border:1px solid #4a2675;box-shadow:0 30px 60px -30px rgba(157,92,255,.6)}
.shot img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;transform:scale(1.15);transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}
.shot.on img{transform:scale(1)}
.shot figcaption{position:absolute;inset:auto 0 0;padding:60px 18px 18px;background:linear-gradient(transparent,rgba(7,2,15,.92));font-weight:850;font-size:24px;display:flex;align-items:center;gap:10px}
.shot figcaption svg{width:30px;height:30px;color:var(--pink2);filter:drop-shadow(0 0 8px var(--pink))}
.shot::after{content:"";position:absolute;inset:0;background:radial-gradient(400px circle at var(--gx,50%) var(--gy,0%),rgba(255,111,228,.25),transparent 50%);pointer-events:none;mix-blend-mode:screen}
.mask{clip-path:inset(100% 0 0 0 round var(--r));transition:clip-path 1.1s cubic-bezier(.7,0,.2,1)}
.mask.on{clip-path:inset(0 0 0 0 round var(--r))}
.pills{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0;padding:0;list-style:none}
.pill{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:16px;background:#14072a;border:1px solid #4a2675;font-weight:700}
.pill svg{width:24px;height:24px;color:var(--pink2);flex:none;filter:drop-shadow(0 0 6px rgba(255,43,214,.8))}
.small{font-size:13px;color:#bfaad6;margin:14px 0 0}

/* steps */

/* bento */
.bento{display:grid;gap:16px}
.tile{position:relative;border-radius:26px;overflow:hidden;background:#0d0420;border:1px solid #3a1a5e;min-height:300px;display:flex;flex-direction:column;justify-content:flex-end;padding:22px;isolation:isolate}
.tile picture{position:absolute;inset:0;z-index:-2}
.tile picture img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.tile:hover picture img{transform:scale(1.06)}
.tile::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(7,2,15,0) 30%,rgba(7,2,15,.92) 85%)}
.tile .big{font-size:clamp(64px,15vw,120px);font-weight:900;line-height:.85;letter-spacing:-.05em;background:linear-gradient(180deg,#fff,#ff8cf0);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 20px rgba(255,43,214,.6))}
.tile h3{font-size:24px;margin:6px 0 10px}
.chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.chips li{padding:7px 12px;border-radius:999px;background:rgba(20,7,40,.85);border:1px solid #6b3aa0;font-weight:700;font-size:14px;backdrop-filter:blur(4px)}
@media(min-width:900px){.bento{grid-template-columns:1.3fr 1fr;grid-template-rows:auto auto}.tile.t1{grid-row:span 2;min-height:640px}.tile{min-height:312px}}

/* conditions icons */
.icons{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;list-style:none;padding:0;margin:0}
.icons li{border-radius:20px;padding:20px 16px;background:linear-gradient(160deg,#1a0a32,#0f0520);border:1px solid #2e1650;position:relative;overflow:hidden}
.icons li::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:conic-gradient(from var(--a),transparent 0 70%,var(--pink),var(--vio),transparent);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:spin 5s linear infinite;pointer-events:none}
.gi{width:52px;height:52px;margin-bottom:12px;color:#ff8cf0;filter:drop-shadow(0 0 6px rgba(255,43,214,.9)) drop-shadow(0 0 16px rgba(157,92,255,.6));animation:flick 4s ease-in-out infinite}
.icons li:nth-child(2n) .gi{animation-delay:-1.3s}.icons li:nth-child(3n) .gi{animation-delay:-2.6s}
@keyframes flick{0%,100%{opacity:1}48%{opacity:1}50%{opacity:.55}52%{opacity:1}}
.icons b{display:block;font-size:18px;line-height:1.25}
.icons span{display:block;color:var(--mut);font-size:15px;line-height:1.35;margin-top:4px}
@media(min-width:900px){.icons{grid-template-columns:repeat(3,1fr)}}

/* faq */
.faq details{border-bottom:1px solid #2a1447}
.faq summary{cursor:pointer;list-style:none;padding:20px 44px 20px 0;font-weight:750;font-size:19px;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:6px;top:50%;width:14px;height:14px;border-right:3px solid var(--pink);border-bottom:3px solid var(--pink);transform:translateY(-70%) rotate(45deg);transition:transform .3s}
.faq details[open] summary::after{transform:translateY(-30%) rotate(225deg)}
.faq details p{margin:0 0 20px;color:var(--mut)}
.faq details::details-content{block-size:0;overflow:hidden;transition:block-size .35s,content-visibility .35s allow-discrete}
.faq details[open]::details-content{block-size:auto}

/* form */
.apply{background:radial-gradient(800px 400px at 80% 0,rgba(157,92,255,.25),transparent 70%),radial-gradient(600px 400px at 0 100%,rgba(255,43,214,.2),transparent 70%)}
.apply-grid{display:grid;gap:28px}
@media(min-width:960px){.apply-grid{grid-template-columns:1fr 1.2fr;align-items:start}}
.card{position:relative;background:linear-gradient(160deg,#1a0a32,#0f0520);border-radius:var(--r);padding:24px;border:1px solid #2e1650}
form{display:grid;gap:18px}
.field{display:grid;gap:6px}
label,.legend{font-weight:700;font-size:16px}
.opt{font-weight:400;color:var(--mut)}
input[type=text],input[type=number],textarea{width:100%;font:inherit;color:var(--fg);background:#0d0420;border:1px solid #4a2675;border-radius:14px;padding:13px 16px;min-height:50px;transition:border-color .2s,box-shadow .2s}
input:focus,textarea:focus{border-color:var(--pink);box-shadow:0 0 0 4px rgba(255,43,214,.2);outline:none}
input[aria-invalid=true],textarea[aria-invalid=true]{border-color:#ff6b8a}
textarea{min-height:110px;resize:vertical}
fieldset{border:0;padding:0;margin:0}
.radios{display:flex;gap:10px;margin-top:6px}
.radios label,.check{display:flex;align-items:center;gap:10px;font-weight:600;cursor:pointer}
.radios label{padding:10px 18px;border-radius:999px;border:1px solid #4a2675;background:#0d0420;min-height:46px}
input[type=radio],input[type=checkbox]{width:22px;height:22px;accent-color:var(--pink);margin:0;flex:none}
.check{align-items:flex-start}
.err{color:#ffb3c4;font-size:15px;margin:0}
.err:empty{display:none}
.note{font-size:15px;color:var(--mut);background:#170a2b;border:1px dashed #7b3fae;border-radius:14px;padding:12px 16px;margin:0}
.status{font-weight:700;padding:14px 16px;border-radius:14px;background:#1d0b36;border:1px solid var(--pink);margin:0}
.status:empty{display:none}
.apply-art{border-radius:var(--r);overflow:hidden;margin:22px 0 0;max-width:420px}
.apply-art img{width:100%;height:auto}

/* footer */
footer{border-top:1px solid #22103a;padding:36px 0 44px;color:var(--mut);font-size:15px}
footer .wrap{display:grid;gap:16px}
footer .row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.age18{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;border:2px solid var(--pink);color:#fff;font-weight:900;flex:none}
footer a{color:#f0c9ff}


/* reveals + section wipes */
.rv{opacity:0;transform:translateY(40px);transition:opacity .8s,transform .8s cubic-bezier(.2,.8,.2,1)}
.rv.on{opacity:1;transform:none}
.no-js .rv,.no-js .mask{opacity:1;transform:none;clip-path:none}
.stagger>*{transition-delay:calc(var(--d,0)*90ms)}
.wipe{clip-path:inset(0 0 0 0)}
@supports (animation-timeline:view()){
 .wipe{animation:wipe linear both;animation-timeline:view();animation-range:entry 0% entry 60%}
 @keyframes wipe{from{clip-path:polygon(0 18%,100% 0,100% 100%,0 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}
}

/* tilt glare via pointer */
.spot{position:fixed;inset:0;pointer-events:none;z-index:-5;background:radial-gradient(500px circle at var(--mx,-999px) var(--my,-999px),rgba(255,43,214,.10),transparent 60%)}

/* view transition (language switch) */
::view-transition-old(root){animation:.45s cubic-bezier(.7,0,.3,1) both vt-out}
::view-transition-new(root){animation:.6s cubic-bezier(.2,.8,.2,1) both vt-in}
@keyframes vt-out{to{opacity:0;transform:scale(.96);filter:blur(8px)}}
@keyframes vt-in{from{clip-path:circle(0 at var(--vx,90%) 0)}to{clip-path:circle(150% at var(--vx,90%) 0)}}

@media (prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .split,.rv{opacity:1;transform:none;filter:none}
 .mask{clip-path:none}.shot img{transform:none}.hl{background-size:100% 26%}
 .marquee .track{flex-wrap:wrap;width:auto}.marquee ul[aria-hidden]{display:none}
 .progress{display:none}
 ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
}
@media(min-width:1100px){.icons{grid-template-columns:repeat(4,1fr)}}

/* percentage scale (2 steps) */
.scale{margin:0 0 16px;padding:24px;border-radius:26px;background:linear-gradient(160deg,#1c0a36,#0c031c);border:1px solid #3a1a5e;position:relative;overflow:hidden}
.scale h3{margin:0 0 18px}
.scale ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:12px}
.scale .st{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:16px;border-radius:18px;background:#12062a;border:1px solid #4a2675;overflow:hidden;isolation:isolate}
.scale .s1{min-height:150px}.scale .s2{min-height:210px;border-color:#ff6fe4;box-shadow:0 0 40px -8px rgba(255,43,214,.6)}
.scale .bar{position:absolute;inset:auto 0 0;z-index:-1;height:0;background:linear-gradient(0deg,rgba(255,43,214,.55),rgba(157,92,255,.15));transition:height 1.4s cubic-bezier(.2,.8,.2,1)}
.scale.on .s1 .bar{height:70%}.scale.on .s2 .bar{height:100%;transition-delay:.35s}
.scale b{font-size:clamp(44px,11vw,84px);line-height:.9;font-weight:900;letter-spacing:-.04em;background:linear-gradient(180deg,#fff,#ff8cf0);-webkit-background-clip:text;background-clip:text;color:transparent}
.scale .st span:not(.bar){font-weight:700;color:#f3e6ff;font-size:15px;line-height:1.3;margin-top:6px}
.scale .arrow{align-self:center;color:var(--pink2);filter:drop-shadow(0 0 8px var(--pink))}
.scale .arrow svg{width:30px;height:30px;animation:nudge 1.4s ease-in-out infinite}
@keyframes nudge{50%{transform:translateX(5px)}}
.no-js .scale .s1 .bar{height:70%}.no-js .scale .s2 .bar{height:100%}

/* start minimum */
.start{margin-top:20px;padding:20px;border-radius:20px;border:1px solid rgba(157,92,255,.35);background:radial-gradient(400px 200px at 0 0,rgba(255,43,214,.18),transparent 70%),#10051f;display:grid;gap:12px}
.start h3{margin:0}
.start ul{display:flex;flex-wrap:wrap;gap:12px;list-style:none;margin:0;padding:0}
.start li{display:flex;align-items:center;gap:12px;padding:10px 16px 10px 10px;border-radius:16px;background:#1a0a32;border:1px solid #4a2675}
.start li .gi{width:40px;height:40px;margin:0}
.start b{font-size:19px}
.start p{margin:0;color:var(--mut);font-weight:600}
@media(min-width:900px){.start{grid-template-columns:auto 1fr auto;align-items:center}}

/* age gate */
.gate{border:0;padding:0;background:transparent;color:var(--fg);max-width:min(440px,calc(100% - 32px));width:100%}
.gate::backdrop{background:rgba(7,2,15,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.gate-in{position:relative;padding:32px 24px 26px;border-radius:28px;text-align:center;background:linear-gradient(160deg,#1f0b3b,#0c031c);border:1px solid #6b3aa0;box-shadow:0 0 80px -10px rgba(255,43,214,.6);overflow:hidden;isolation:isolate}
.gate-in::before{content:"";position:absolute;inset:-40%;z-index:-1;background:conic-gradient(from var(--a),transparent 0 60%,rgba(255,43,214,.45),rgba(157,92,255,.45),transparent);animation:spin 6s linear infinite;filter:blur(30px)}
.gate-badge{display:inline-grid;place-items:center;width:84px;height:84px;border-radius:50%;font-weight:900;font-size:28px;border:3px solid var(--pink);box-shadow:0 0 30px rgba(255,43,214,.8),inset 0 0 20px rgba(255,43,214,.5);margin-bottom:14px;animation:ring 3s ease-in-out infinite}
.gate h2{font-size:32px;margin:0 0 10px}
.gate p{margin:0 0 20px;color:var(--mut)}
.gate-btns{display:grid;gap:10px}
.gate-deny p{color:#ffd0dc;font-weight:700;margin:16px 0 12px}
.gate[open]{animation:gin .5s cubic-bezier(.2,.8,.2,1)}
@keyframes gin{from{opacity:0;transform:translateY(20px) scale(.96)}}
[hidden]{display:none!important}
.gate{border-radius:28px;overflow:hidden}

/* steps timeline v3.1 */
.steps{list-style:none;margin:0;padding:0;display:grid;gap:14px;position:relative}
.steps::before{content:"";position:absolute;left:21px;top:22px;bottom:22px;width:2px;border-radius:2px;background:linear-gradient(var(--pink),var(--vio));box-shadow:0 0 10px rgba(255,43,214,.55);opacity:.8}
.steps li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start;position:relative}
.steps .sn{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#14072b;border:1.5px solid #ff6fe4;color:#fff;font:800 14px/1 system-ui,sans-serif;letter-spacing:.02em;box-shadow:0 0 0 4px var(--bg),0 0 16px -2px rgba(255,43,214,.7);position:relative;z-index:1}
.steps .sc{padding:14px 16px 15px;border-radius:16px;background:linear-gradient(115deg,rgba(122,60,255,.22),rgba(255,43,214,.07) 70%,rgba(255,43,214,.02));border:1px solid rgba(157,92,255,.14);min-height:44px}
.steps .sc b{display:flex;align-items:flex-start;gap:9px;font-size:14.5px;line-height:1.35;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ff9bf0;text-wrap:balance}
.steps .sc b span{min-width:0;overflow-wrap:anywhere}
.steps .si{flex:none;width:20px;height:20px;margin-top:1px;color:#ff8cf0;filter:drop-shadow(0 0 4px rgba(255,43,214,.6))}
.steps .sc p{margin:5px 0 0 29px;color:#f3eaff;font-size:15.5px;line-height:1.4;font-weight:500}
@media(min-width:900px){
 .steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
 .steps::before{left:22px;right:calc(25% - 5px);top:21px;bottom:auto;width:auto;height:2px;background:linear-gradient(90deg,var(--pink),var(--vio))}
 .steps li{grid-template-columns:1fr;grid-template-rows:44px 1fr;gap:16px}
 .steps .sc{height:100%;padding:18px}
}

/* veyrona-inspired polish */
.eb{display:flex;align-items:center;gap:12px;margin:0 0 14px;font-size:12.5px;font-weight:700;letter-spacing:.32em;text-transform:uppercase;color:#cdb6ff}
.eb span{color:#ff8cf0;letter-spacing:.08em}
.eb::after{content:"";flex:0 1 72px;height:1px;background:linear-gradient(90deg,#ff6fe4,transparent)}
.steps li.rv .sc{transition:transform .9s cubic-bezier(.2,.8,.2,1),opacity .9s}
.steps li.rv:not(.on) .sc{transform:translateX(-28px);opacity:0}
.steps li.rv:nth-child(even):not(.on) .sc{transform:translateX(28px)}
.steps li.rv{transform:none}
.steps li.rv:not(.on) .sn{transform:scale(.4)}
.steps .sn{transition:transform .6s cubic-bezier(.3,1.6,.5,1) .15s}
@media (prefers-reduced-motion:reduce){.steps li.rv .sc,.steps li.rv .sn{transform:none!important;opacity:1!important;transition:none}}
#how{overflow-x:clip}
.start{gap:14px;background:linear-gradient(115deg,rgba(122,60,255,.2),rgba(255,43,214,.06) 70%),#0d0419}
.start h3{font-size:14.5px;letter-spacing:.14em;text-transform:uppercase;color:#ff9bf0}
.start ul{gap:10px}
.start li{padding:8px 14px 8px 8px;border-radius:14px;gap:10px;background:rgba(10,3,22,.6);border-color:rgba(157,92,255,.3)}
.start li .gi{width:30px;height:30px}
.start b{font-size:16px}
.start p{font-size:15px}
.scale ol{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
@media(max-width:480px){.scale{padding:18px}.scale ol{gap:8px}.scale .st{padding:14px 12px}.scale b{font-size:clamp(36px,10.5vw,46px)}.scale .st span:not(.bar){font-size:14px}.scale .arrow svg{width:22px;height:22px}}

/* ===== v4: grandmodels-inspired orbit cards + smoke inserts ===== */
.icons{grid-template-columns:1fr;gap:14px}
@media(min-width:600px){.icons{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.icons{grid-template-columns:repeat(4,1fr)}}
.icons li{text-align:center;padding:26px 18px 38px;border-radius:22px;background:linear-gradient(180deg,#120629,#0a0316);border:1px solid rgba(157,92,255,.42);box-shadow:inset 0 0 28px rgba(157,92,255,.07);transition:border-color .4s,box-shadow .4s}
.icons li::after{inset:auto auto 18px 50%;width:42px;height:2px;padding:0;border-radius:2px;background:linear-gradient(90deg,transparent,var(--pink),transparent);-webkit-mask:none;mask:none;animation:none;transform:translateX(-50%);box-shadow:0 0 10px rgba(255,43,214,.8);transition:width .4s}
.icons b{font-size:18px;color:#fff}
.icons .ct{font-size:15px}
.ob{position:relative;display:grid;place-items:center;width:96px;height:96px;margin:0 auto 16px}
.ob::before{content:"";position:absolute;inset:15px;border-radius:50%;background:radial-gradient(circle at 50% 30%,#2b1058,#160731 70%);box-shadow:0 0 18px rgba(157,92,255,.45),inset 0 0 14px rgba(157,92,255,.35);transition:box-shadow .4s}
.ob::after{content:"";position:absolute;inset:15px;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--vio));opacity:0;transition:opacity .4s}
.ob i{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(157,92,255,.6);border-left-color:rgba(157,92,255,.12);border-bottom-color:rgba(255,43,214,.45);animation:orbit 16s linear infinite}
.ob i::before,.ob i::after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#ff4fe0;box-shadow:0 0 6px 2px rgba(255,43,214,.85)}
.ob i::before{top:9%;right:13%}.ob i::after{bottom:13%;left:9%;width:5px;height:5px}
@keyframes orbit{to{transform:rotate(1turn)}}
.icons li:nth-child(2n) .ob i{animation-duration:19s;animation-direction:reverse}
.ob .gi{position:relative;z-index:1;width:34px;height:34px;margin:0;color:#f6e9ff;filter:drop-shadow(0 0 4px rgba(255,43,214,.55));animation:none}
.icons li.act,.icons li:focus-within{border-color:rgba(255,60,220,.9);box-shadow:0 0 0 1px rgba(255,43,214,.3),0 0 30px rgba(255,43,214,.32),inset 0 0 34px rgba(255,43,214,.12)}
@media(hover:hover) and (pointer:fine){.icons li:hover{border-color:rgba(255,60,220,.9);box-shadow:0 0 0 1px rgba(255,43,214,.3),0 0 30px rgba(255,43,214,.32),inset 0 0 34px rgba(255,43,214,.12)}
 .icons li:hover .ob::after{opacity:1}.icons li:hover .ob::before{box-shadow:0 0 28px rgba(255,43,214,.75)}.icons li:hover::after{width:72px}}
.icons li.act .ob::after,.icons li:focus-within .ob::after{opacity:1}
.icons li.act .ob::before{box-shadow:0 0 28px rgba(255,43,214,.75)}
.icons li.act::after{width:72px}
/* small orbit icon in "start" chips */
.ob.sm{width:44px;height:44px;margin:0;flex:none}
.ob.sm::before,.ob.sm::after{inset:6px}.ob.sm::after{opacity:.9}
.ob.sm i::before{width:4px;height:4px}.ob.sm i::after{width:3px;height:3px}
.start li .ob .gi{width:20px;height:20px;color:#fff}

/* full-bleed smoke inserts */
.ins{position:relative;overflow:hidden;padding:8px 0 40px;isolation:isolate}
.ins::before{content:"";position:absolute;inset:-10% -20%;z-index:-1;background:radial-gradient(40% 35% at 30% 45%,rgba(255,43,214,.22),transparent 70%),radial-gradient(45% 40% at 72% 40%,rgba(122,60,255,.28),transparent 70%);filter:blur(20px);animation:haze 18s ease-in-out infinite alternate}
@keyframes haze{to{transform:translate3d(4%,-3%,0) scale(1.08)}}
.ins-v{max-width:820px;margin:0 auto;aspect-ratio:1;-webkit-mask-image:radial-gradient(closest-side at 50% 46%,#000 62%,transparent 100%);mask-image:radial-gradient(closest-side at 50% 46%,#000 62%,transparent 100%)}
.ins-v img{display:block;width:100%;height:100%;object-fit:cover}
.ins-t{position:relative;margin-top:-16%;text-align:center}
@media(min-width:820px){.ins-t{margin-top:-150px}}
.ins-h{margin:0 auto;max-width:15ch;font-size:clamp(34px,8.6vw,64px);line-height:1.04;font-weight:850;letter-spacing:-.02em;text-wrap:balance;text-shadow:0 4px 30px rgba(7,2,15,.9)}
.ins-s{margin:14px auto 0;max-width:34ch;color:#ff8ff0;font-weight:650;font-size:clamp(17px,4.4vw,21px);text-wrap:balance}
.ins-note{text-align:center;margin-top:-18px;position:relative}
@supports (animation-timeline:view()){
 .ins-v img{animation:drift linear both;animation-timeline:view();animation-range:cover}
 @keyframes drift{from{transform:translateY(-6%) scale(1.1)}to{transform:translateY(6%) scale(1.1)}}
}
@media(prefers-reduced-motion:reduce){
 .ob i,.ins::before,.ins-v img{animation:none!important}
 .icons li,.icons li::after,.ob::before,.ob::after{transition:none}
}
.ins-h .hl{white-space:normal;color:transparent;background:linear-gradient(90deg,#ff6ae6,#ffc2f7);-webkit-background-clip:text;background-clip:text;padding:0}
.icons .ob,.start .ob{display:grid;margin:0 auto 16px;color:inherit;font-size:0;line-height:0}.start .ob{margin:0}
footer .logo-t b{font-size:19px}footer .logo-t small{font-size:9px}

/* ===================== v6: mobile wow ===================== */
/* 1. title: two clean lines + one-time shimmer */
h1 .ln{display:block;white-space:nowrap}
h1{font-size:clamp(38px,11.4vw,112px)}
@media(min-width:1000px){h1 .ln{white-space:normal}}
h1 .glow{position:relative;display:inline-block;padding-right:.04em}
h1 .glow::after{content:attr(data-t) / "";position:absolute;inset:0;padding-right:inherit;color:transparent;-webkit-background-clip:text;background-clip:text;
 background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.95) 50%,transparent 62%) 160% 0/250% 100% no-repeat;-webkit-background-clip:text;background-clip:text;
 animation:shim 1.4s cubic-bezier(.45,0,.2,1) 1s both;pointer-events:none}
@keyframes shim{from{background-position:160% 0}to{background-position:-60% 0}}

/* 2. hero staggered entrance (transform + opacity only) */
.hero .copy>*{animation:hin .55s cubic-bezier(.2,.8,.2,1) both}
.hero .eyebrow{animation-delay:.02s}
.hero h1{animation:none}
.hero h1 .ln{animation:hin .6s cubic-bezier(.2,.8,.2,1) both}
.hero h1 .l1{animation-delay:.1s}.hero h1 .l2{animation-delay:.2s}
.hero .tags{animation-delay:.3s}
.hero .cta-row{animation-delay:.38s}
@keyframes hin{from{opacity:0;transform:translateY(18px)}}

/* 3. main CTA: light sweep every ~4.5s + press-down */
.btn-main:not(.btn-sm)::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
 background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.38) 50%,transparent 65%) 180% 0/250% 100% no-repeat;animation:sweep 4.5s ease-in-out 1.6s infinite}
@keyframes sweep{0%{background-position:180% 0}22%,100%{background-position:-80% 0}}
.btn{transition:transform .25s cubic-bezier(.2,.9,.3,1.4),filter .2s}
.btn:active{transform:translateY(1px) scale(.96);filter:brightness(1.12);transition-duration:.08s}

/* 4. hero pills light up in sequence */
.hero .tags li{animation:lit 1.1s ease-in-out both;animation-delay:calc(.75s + var(--k,0)*.18s)}
.hero .tags li:nth-child(2){--k:1}.hero .tags li:nth-child(3){--k:2}.hero .tags li:nth-child(4){--k:3}
@keyframes lit{45%{border-color:rgba(255,111,228,.95);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 18px -2px rgba(255,43,214,.75);background:rgba(60,12,80,.7)}}

/* hero orbs: keep them clear of the copy on phones */
@media(max-width:699px){
 .orb.o1{left:8%;top:17%;width:14px;height:14px}
 .orb.o2{right:9%;left:auto;top:30%;width:22px;height:22px}
 .orb.o3{left:52%;top:11%}
 .orb.o4{left:66%;top:21%;width:16px;height:16px}
}

/* 5. clip-path reveals + drifting glow */
.rc{clip-path:circle(3% at 50% 46%);transition:clip-path 1.3s cubic-bezier(.65,0,.25,1)}
.rc.on{clip-path:circle(75% at 50% 46%)}
.tile.mask{clip-path:polygon(0 0,6% 0,0 6%);transition:clip-path 1.2s cubic-bezier(.65,0,.25,1)}
.tile.mask.on{clip-path:polygon(0 0,210% 0,0 210%)}
.icons li.rv{clip-path:polygon(0 0,6% 0,0 6%);opacity:1;transform:none;transition:clip-path 1s cubic-bezier(.65,0,.25,1),border-color .4s,box-shadow .4s;transition-delay:calc(var(--d,0)*70ms),0s,0s}
.icons li.rv.on{clip-path:polygon(0 0,210% 0,0 210%)}
.no-js .rc,.no-js .tile.mask,.no-js .icons li.rv{clip-path:none}
.ins-glow{position:absolute;z-index:-1;left:50%;top:40%;width:min(70vw,520px);aspect-ratio:1;border-radius:50%;translate:-50% -50%;pointer-events:none;
 background:radial-gradient(closest-side,rgba(255,43,214,.45),rgba(157,92,255,.22) 55%,transparent);filter:blur(24px);animation:gdrift 16s ease-in-out infinite alternate}
@keyframes gdrift{0%{transform:translate(-22%,-6%) scale(.9)}50%{transform:translate(18%,8%) scale(1.08)}100%{transform:translate(-6%,14%) scale(1)}}

/* 6. 70% -> 75% neon section */
.scale .ring{position:absolute;inset:0;border-radius:inherit;padding:2px;pointer-events:none;
 background:conic-gradient(from var(--a),#ff2bd6,#9d5cff,#4f6bff,#ff6fe4,#ff2bd6);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:spin 4s linear infinite;filter:drop-shadow(0 0 6px rgba(255,43,214,.9))}
.scale .s2{border-color:transparent;box-shadow:0 0 40px -6px rgba(255,43,214,.75),inset 0 0 30px -10px rgba(255,43,214,.6)}
.scale b{font-variant-numeric:tabular-nums}
@media(max-width:699px){
 .scale{margin:0 -20px 18px;border-radius:0;border-inline:0;padding:30px 20px 34px;border-block:1px solid transparent;
  background:radial-gradient(70% 60% at 80% 100%,rgba(255,43,214,.32),transparent 70%),radial-gradient(60% 60% at 10% 0,rgba(122,60,255,.32),transparent 70%),linear-gradient(180deg,#14052a,#0a0216)}
 .scale::before,.scale::after{content:"";position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#ff6fe4 25%,#9d5cff 75%,transparent);box-shadow:0 0 12px 1px rgba(255,43,214,.8)}
 .scale::before{top:0}.scale::after{bottom:0}
 .scale h3{text-align:center;font-size:15px;letter-spacing:.22em;text-transform:uppercase;color:#ff9bf0;margin-bottom:20px}
 .scale ol{gap:10px}
 .scale .s1{min-height:170px}.scale .s2{min-height:230px}
 .scale b{font-size:clamp(46px,14vw,60px);filter:drop-shadow(0 0 14px rgba(255,43,214,.55))}
}

/* 7. swipe cards (mobile) */
.swipe{position:relative}
.dots{display:none}
.swipe:focus-visible{outline:2px solid #ff8cf0;outline-offset:6px;border-radius:22px}
@media(max-width:639px){
 .shows.swipe{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -20px;padding:4px 20px 6px;scroll-padding-inline:20px;scrollbar-width:none;overscroll-behavior-x:contain}
 .shows.swipe>*{flex:0 0 80%;scroll-snap-align:center}
 .shows.swipe::-webkit-scrollbar{display:none}
 #shows .dots{display:flex}
}
@media(max-width:599px){
 .swipe-c{overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -20px;padding:6px 20px 10px;scroll-padding-inline:20px;scrollbar-width:none;overscroll-behavior-x:contain}
 .swipe-c::-webkit-scrollbar{display:none}
 .swipe-c .icons{display:flex;gap:12px;width:max-content}
 .swipe-c .icons li{flex:0 0 auto;width:72vw;max-width:300px;scroll-snap-align:center}
 #conditions .dots{display:flex}
}
.dots{justify-content:center;gap:7px;margin-top:16px}
.dots i{width:7px;height:7px;border-radius:999px;background:rgba(157,92,255,.45);transition:width .35s cubic-bezier(.2,.8,.2,1),background .35s,box-shadow .35s}
.dots i.on{width:22px;background:linear-gradient(90deg,#ff2bd6,#9d5cff);box-shadow:0 0 10px rgba(255,43,214,.8)}


/* overflow guard */
html,body{overflow-x:clip}

@media (prefers-reduced-motion:reduce){
 .hero .copy>*,.hero h1 .ln,.hero .tags li,h1 .glow::after,.btn-main::after,.ins-glow,.scale .ring{animation:none!important}
 h1 .glow::after{display:none}
 .rc,.tile.mask,.icons li.rv{clip-path:none!important}
 .dots i{transition:none}
}
main{overflow-x:clip}
/* ===== v7: continuous V, smaller wordmark/switch, lux socials, centered layout, readable small text ===== */
:root{--mut:rgba(255,255,255,.9)}
@keyframes v-turn{to{transform:rotateY(360deg)}}
.logo-v.spin img{animation:v-turn 5s linear infinite}
.logo-v.spin::before{animation:none}
.logo-t{gap:2px;align-self:center;transform:translateY(var(--wm-y,0px))}
.logo-t b{font-size:12px;line-height:1;letter-spacing:.2em;margin-right:-.2em}
.logo-t small{font-size:6px;line-height:1;letter-spacing:.42em;margin-right:-.42em;text-align:center}
.logo-t b{text-align:center}
.lang{height:30px;padding:2px}
.lang a{height:24px;min-width:30px;padding:0 7px;font-size:11px;color:rgba(255,255,255,.82)}
@media (min-width:900px){.logo-t b{font-size:13px}.logo-t small{font-size:6.5px}.lang{height:32px}.lang a{height:26px;min-width:34px;font-size:12px}}
@media (max-width:374px){.logo-t b{font-size:11.5px}.lang a{min-width:28px;padding:0 6px}}
footer .logo-t b{font-size:17px}footer .logo-t small{font-size:8.5px}
/* lux icon buttons */
.soc{display:flex;justify-content:center;align-items:center;gap:16px}
.lux{--s:56px;position:relative;display:grid;place-items:center;width:var(--s);height:var(--s);border-radius:50%;color:#fff;isolation:isolate;
 background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.22),rgba(255,255,255,0) 42%),radial-gradient(circle at 50% 120%,rgba(255,43,214,.45),rgba(20,7,40,.0) 70%),rgba(22,8,44,.72);
 backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
 box-shadow:0 0 22px -4px rgba(255,43,214,.65),0 0 40px -10px rgba(157,92,255,.7),inset 0 1px 0 rgba(255,255,255,.18);transition:transform .25s cubic-bezier(.2,.9,.3,1.4),box-shadow .3s}
.lux::before{content:"";position:absolute;inset:0;border-radius:50%;padding:1.5px;z-index:-1;background:conic-gradient(from var(--a,0deg),#ff2bd6,#9d5cff,#5ac8ff,#ff6fe4,#ff2bd6);
 -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:spin 6s linear infinite}
.lux svg{width:24px;height:24px;filter:drop-shadow(0 0 6px rgba(255,111,228,.85))}
.lux-ig::before{animation-delay:-3s}
.lux:hover,.lux:focus-visible{transform:translateY(-2px) scale(1.05);box-shadow:0 0 30px -2px rgba(255,43,214,.85),0 0 54px -8px rgba(157,92,255,.85),inset 0 1px 0 rgba(255,255,255,.22)}
.lux:active{transform:scale(.94)}
footer .lux{--s:48px}footer .lux svg{width:21px;height:21px}
.hero .cta-row,.apply .cta-row{justify-content:center}
.hero .cta-row .soc{width:100%}
@media (min-width:700px){.hero .cta-row .soc{width:auto}}
/* centered layout */
.hero .copy,section .wrap,.ins-t,.faq,.apply-grid>div:first-child{text-align:center}
.hero .copy{margin-inline:auto}
.tags,.pills,.chips,.start ul,.radios{justify-content:center}
.eb{justify-content:center}
.eb::before{content:"";flex:0 1 72px;height:1px;background:linear-gradient(270deg,#ff6fe4,transparent)}
.eb{color:#f1e6ff}
h2,.sub{margin-left:auto;margin-right:auto}
.shot figcaption{justify-content:center}
.nums li{text-align:center}
.steps .sc{text-align:center}
.steps .sc b{justify-content:center}
.steps .sc p{margin:5px 0 0}
.start{justify-items:center;text-align:center}
.tile{align-items:center;text-align:center}
.scale{text-align:center}
.faq summary{padding:20px 40px;text-align:center}
.faq details p{text-align:center;color:rgba(255,255,255,.9)}
.apply h3{text-align:center}
.card .note,.card .status,.card>p.opt{text-align:center}
.field>label:not(.check),.legend{display:block;text-align:center;width:100%}
.legend{float:none}
footer .wrap{text-align:center}
footer .row{justify-content:center!important;flex-direction:column}
footer .soc{margin-top:4px}
/* readable small text */
.small,.ins-note{color:rgba(255,255,255,.9);font-size:14.5px;line-height:1.5}
.ins-note{padding-inline:24px;max-width:520px;margin-left:auto;margin-right:auto}
.icons span,.icons .ct{color:rgba(255,255,255,.9);font-size:16px}
.nums .l{color:rgba(255,255,255,.92);font-size:15.5px}
.steps .sc p{color:#fff}
.start p{color:rgba(255,255,255,.92)}
.opt,footer,.sub{color:rgba(255,255,255,.9)}
.scale li span:not(.bar){color:rgba(255,255,255,.92)}
/* v10: compact lux icons (36px visual, 46px invisible hit area), row of 4 (TG, IG, WhatsApp, Viber) */
.soc{gap:10px}
.lux{--s:36px;box-shadow:0 0 16px -4px rgba(255,43,214,.7),0 0 28px -8px rgba(157,92,255,.75),inset 0 1px 0 rgba(255,255,255,.18)}
.lux::after{content:"";position:absolute;inset:-5px;border-radius:50%}
.lux svg{width:16px;height:16px;filter:drop-shadow(0 0 4px rgba(255,111,228,.9))}
.lux:hover,.lux:focus-visible{box-shadow:0 0 22px -2px rgba(255,43,214,.85),0 0 38px -8px rgba(157,92,255,.85),inset 0 1px 0 rgba(255,255,255,.22)}
.lux-wa::before{animation-delay:-1.5s}.lux-vb::before{animation-delay:-4.5s}
footer .lux{--s:34px}footer .lux svg{width:15px;height:15px}footer .soc{gap:10px}
@media (min-width:700px){.lux{--s:38px}.lux svg{width:17px;height:17px}}
@media (prefers-reduced-motion:reduce){.logo-v.spin img,.lux::before{animation:none!important}.lux{transition:none}}
.top .logo-t{--wm-y:.5px}
.eb{white-space:nowrap}.eb::before,.eb::after{flex:0 1 56px;min-width:14px}
/* v8: partners — one line, no boxes */
.partners{padding:30px 0 40px;position:relative}
.partners-h{font-size:14px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:#fff;margin:0 auto 18px;margin-right:-.3em;line-height:1.3}
.plogos{--u:clamp(9.6px,2.95vw,22px);list-style:none;margin:0 auto;padding:16px 0;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-evenly;gap:0;max-width:980px;position:relative;font-size:var(--u);font-family:"Arial Black","Arial",system-ui,sans-serif;line-height:1}
.plogos::before,.plogos::after{content:"";position:absolute;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,43,214,.55),rgba(157,92,255,.55),transparent)}
.plogos::before{top:0}.plogos::after{bottom:0}
.pl{display:flex;align-items:center;white-space:nowrap;flex:0 0 auto;height:2.2em;transition:filter .3s,transform .3s}
.pl:hover{filter:drop-shadow(0 0 10px rgba(255,43,214,.55));transform:translateY(-1px)}
.pl-sc{font-weight:900;color:#ff3b4f;font-size:1.08em;letter-spacing:-.01em}.pl-sc b{font-weight:900;color:#ff3b4f}.pl-sc .c{font-weight:500;color:#ff4d5e}
.pl-sc-i{width:1.25em;height:1.25em;border-radius:50% 50% 50% 0;background:#ff3b4f;transform:rotate(-45deg);box-shadow:inset 0 0 0 .3em #ff3b4f,inset 0 0 0 .5em #07020f;margin-right:.32em;flex:0 0 auto}
.pl-cb{font-family:"Trebuchet MS","Arial",system-ui,sans-serif;font-style:italic;font-weight:900;font-size:1.22em;color:#ffb21e;letter-spacing:-.02em;-webkit-text-stroke:.14em #3a86e0;paint-order:stroke fill;text-shadow:0 .06em 0 #1d5fb8}
.pl-mfc{font-weight:900;color:#1fa83a;font-size:1.62em;letter-spacing:.01em}.pl-mfc .mfc{display:inline-block;transform:scaleX(1.25);transform-origin:center;margin:0 .14em}
.pl-bc{font-weight:900;color:#fff;font-size:1.06em;letter-spacing:-.01em}.pl-bc b{color:#ff2b67;font-weight:900}
@media(prefers-reduced-motion:reduce){.pl{transition:none}.pl:hover{transform:none}}
@media(min-width:1000px){.hero h1 .ln{white-space:nowrap}.hero h1{font-size:clamp(54px,5vw,80px)}}
@media(min-width:760px){.partners-h{font-size:16px;margin-bottom:22px}.plogos{padding:22px 0}}
/* v8: world globe card */
.world{padding:26px 0 30px}
.gcard{position:relative;max-width:860px;margin:0 auto;border-radius:30px;overflow:hidden;isolation:isolate;padding:30px 22px 0;text-align:center;
 background:radial-gradient(120% 70% at 50% 100%,rgba(157,92,255,.28),transparent 60%),linear-gradient(180deg,#140726,#090313);
 border:1px solid rgba(190,120,255,.28);box-shadow:0 30px 70px -30px rgba(255,43,214,.45),inset 0 1px 0 rgba(255,255,255,.08)}
.gcard h2{margin:0 auto 12px;font-size:clamp(22px,6.3vw,46px);line-height:1.12}
.gtx{margin:0 auto;max-width:36ch;color:rgba(255,255,255,.92);font-size:15.5px;line-height:1.55}
.gbox{position:relative;height:340px;margin:6px -22px 0;
 background:radial-gradient(circle at 50% 108%,#2a0e52 0 46%,rgba(255,60,220,.35) 47.5%,rgba(157,92,255,.12) 54%,transparent 64%)}
.gbox.on{background:none}
.gbox canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.gchips{list-style:none;margin:0;padding:0;position:absolute;inset:0;pointer-events:none}
.gchips li{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,0);white-space:nowrap;font-size:12.5px;font-weight:700;color:#fff;letter-spacing:.01em;
 padding:6px 12px;border-radius:999px;background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.07));border:1px solid rgba(255,255,255,.3);
 -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 6px 18px -6px rgba(0,0,0,.6),0 0 16px -4px rgba(255,43,214,.55);text-shadow:0 1px 2px rgba(0,0,0,.6);
 animation:gfl 5.5s ease-in-out infinite paused;animation-delay:calc(var(--i)*-.73s)}
.gbox.run .gchips li{animation-play-state:running}
@keyframes gfl{0%,100%{translate:0 0}50%{translate:0 -6px}}
/* 12 chips: diamond rows 1/2/3/2/3/1 following the dome */
.gbox{height:392px}
.gchips li:nth-child(1){--x:50%;--y:12%}
.gchips li:nth-child(2){--x:31%;--y:25.5%}.gchips li:nth-child(3){--x:69%;--y:25.5%}
.gchips li:nth-child(4){--x:17.5%;--y:39%}.gchips li:nth-child(5){--x:50%;--y:39%}.gchips li:nth-child(6){--x:82.5%;--y:39%}
.gchips li:nth-child(7){--x:31%;--y:52.5%}.gchips li:nth-child(8){--x:69%;--y:52.5%}
.gchips li:nth-child(9){--x:17.5%;--y:66%}.gchips li:nth-child(10){--x:50%;--y:66%}.gchips li:nth-child(11){--x:82.5%;--y:66%}
.gchips li:nth-child(12){--x:50%;--y:79.5%}
@media(max-width:399px){.gchips li{font-size:12px;padding:6px 10px}}
@media(min-width:760px){.gbox{height:500px}.gchips li:nth-child(1){--y:13%}
 .gchips li:nth-child(2){--x:39%;--y:26%}.gchips li:nth-child(3){--x:61%;--y:26%}
 .gchips li:nth-child(4){--x:29%;--y:39%}.gchips li:nth-child(5){--y:39%}.gchips li:nth-child(6){--x:71%;--y:39%}
 .gchips li:nth-child(7){--x:39%;--y:52%}.gchips li:nth-child(8){--x:61%;--y:52%}
 .gchips li:nth-child(9){--x:29%;--y:65%}.gchips li:nth-child(10){--y:65%}.gchips li:nth-child(11){--x:71%;--y:65%}
 .gchips li:nth-child(12){--y:78%}}
@media(prefers-reduced-motion:reduce){.gchips li{animation:none}}
.world{content-visibility:auto;contain-intrinsic-size:auto 830px}
/* v11: simple application card (name, phone+country, telegram, 18+) */
.apply-one{max-width:480px;margin-inline:auto;text-align:center}
.apply-one .sub{margin:6px 0 22px}
.form-s{display:grid;gap:14px;padding:26px 20px 22px;text-align:left;border-radius:28px;
 background:linear-gradient(160deg,rgba(40,14,72,.72),rgba(14,5,30,.82));border:1px solid rgba(255,140,240,.22);
 backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
 box-shadow:0 30px 80px -30px rgba(255,43,214,.45),0 0 0 1px rgba(157,92,255,.12) inset,inset 0 1px 0 rgba(255,255,255,.08)}
.form-s .field{gap:6px}
.form-s input[type=text],.form-s input[type=tel],.form-s select{width:100%;min-height:54px;font:inherit;font-size:17px;font-weight:600;color:#fff;
 background:rgba(13,4,32,.75);border:1.5px solid rgba(190,120,255,.55);border-radius:16px;padding:0 18px;
 box-shadow:0 0 14px -6px rgba(255,43,214,.55);transition:border-color .2s,box-shadow .2s}
.form-s input::placeholder{color:#e4c8ff;opacity:1;font-weight:600}
.form-s input:focus,.form-s select:focus{outline:none;border-color:#ff6fe4;box-shadow:0 0 0 4px rgba(255,43,214,.22),0 0 24px -4px rgba(255,43,214,.7)}
.form-s input[aria-invalid=true]{border-color:#ff6b8a}
.tel{display:flex;gap:8px}
.form-s .tel select{flex:none;width:auto;padding:0 30px 0 12px;appearance:none;-webkit-appearance:none;cursor:pointer;
 background:rgba(13,4,32,.75) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%23ffb8f4' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 11px center/11px 8px no-repeat}
.form-s .tel select option{background:#1a0a32;color:#fff}
.form-s .tel input{flex:1;min-width:0}
.form-s .check{align-items:center;font-size:17px;font-weight:700;color:#fff;padding:4px 2px;min-height:44px}
.form-s .check input{width:22px;height:22px}
.form-s .req{color:#ff6fe4}
.form-s .btn{width:100%;--h:56px;font-size:18px;margin-top:2px}
.form-s .fine{margin:0;font-size:14px;line-height:1.45;color:rgba(255,255,255,.9);text-align:center}
.form-s .fine a{color:#ffb8f4}
.form-s .status{text-align:center}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.apply-one .alt{margin:26px 0 12px;font-size:16px;font-weight:600;color:#fff}
@media (min-width:700px){.form-s{padding:32px 30px 26px}}
.form-s input[type=text],.form-s input[type=tel],.form-s select{font-size:16px;padding:0 14px}
.form-s input::placeholder{font-size:15px}
.form-s .tel select{padding:0 26px 0 10px;background-position:right 9px center}
@media (max-width:400px){.form-s{padding:22px 14px 20px}}
.form-s .check input{appearance:none;-webkit-appearance:none;width:24px;height:24px;border-radius:7px;border:1.5px solid rgba(220,150,255,.8);
 background:rgba(13,4,32,.75);box-shadow:0 0 12px -4px rgba(255,43,214,.7);display:grid;place-items:center;cursor:pointer;transition:background .2s,box-shadow .2s}
.form-s .check input::after{content:"";width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translate(-1px,-1px) scale(0);transition:transform .2s}
.form-s .check input:checked{background:linear-gradient(135deg,#ff2bd6,#7a2be0);border-color:#ff8cf0;box-shadow:0 0 16px -2px rgba(255,43,214,.9)}
.form-s .check input:checked::after{transform:rotate(45deg) translate(-1px,-1px) scale(1)}
.form-s .check input:focus-visible{outline:2px solid #ff6fe4;outline-offset:3px}
.form-s .check input[aria-invalid=true]{border-color:#ff6b8a}
@media (max-width:400px){.apply-one{width:calc(100% - 24px)}.form-s{padding:22px 14px 20px}.form-s input[type=text],.form-s input[type=tel]{padding:0 12px}.form-s .tel{gap:6px}.form-s .tel select{padding:0 24px 0 9px;background-position:right 8px center}}
@media (max-width:374px){.form-s input::placeholder{font-size:14px}}
@media (min-width:401px){.apply-one{max-width:none}.apply-one .form-s{max-width:480px;margin-inline:auto}}
.apply-one .sub{margin:6px auto 22px;text-align:center}
/* v12: apply section glow fades out before the section edge (no hard purple band above the footer) */
.apply{padding-bottom:56px;background:radial-gradient(800px 400px at 80% 0,rgba(157,92,255,.25),transparent 70%),radial-gradient(520px 360px at 15% 62%,rgba(255,43,214,.16),transparent 70%)}
/* v12: slim marquee */
.marquee{border-block:1px solid rgba(255,111,228,.35);box-shadow:0 0 22px -8px rgba(255,43,214,.55);margin-top:8px}
.marquee ul{padding:8px 0}
.marquee li{font-size:13px;line-height:18px;font-weight:800;letter-spacing:.14em;padding:0 14px;gap:14px}
.marquee li::after{font-size:11px;text-shadow:0 0 8px var(--pink)}
@media (min-width:700px){.marquee ul{padding:10px 0}.marquee li{font-size:15px;line-height:20px;padding:0 18px;gap:18px}}
.apply{background:none;isolation:isolate}
.apply::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:radial-gradient(800px 400px at 80% 0,rgba(157,92,255,.25),transparent 70%),radial-gradient(520px 420px at 15% 60%,rgba(255,43,214,.16),transparent 70%);
 -webkit-mask-image:linear-gradient(#000 60%,transparent);mask-image:linear-gradient(#000 60%,transparent)}
/* v13: real partner logos, seamless marquee moving right */
.pmq{position:relative;max-width:980px;margin:0 auto;padding:16px 0;overflow:hidden;
 -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.pmq::before,.pmq::after{content:"";position:absolute;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,43,214,.55),rgba(157,92,255,.55),transparent)}
.pmq::before{top:0}.pmq::after{bottom:0}
.ptrack{display:flex;width:max-content;animation:pmq 30s linear infinite;will-change:transform}
.pmq:hover .ptrack{animation-play-state:paused}
.pset{display:flex;align-items:center;list-style:none;margin:0;padding:0;height:44px}
.pset li{flex:none;padding:0 22px;display:flex;align-items:center}
.pset img{display:block;filter:drop-shadow(0 0 10px rgba(255,43,214,.18))}
@keyframes pmq{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media (min-width:760px){.pmq{padding:22px 0}.pset li{padding:0 30px}}
@media (prefers-reduced-motion:reduce){.ptrack{animation:none;width:auto;justify-content:center}.pset{flex-wrap:wrap;justify-content:center;height:auto;row-gap:14px}.pset[aria-hidden]{display:none}.pmq{-webkit-mask-image:none;mask-image:none}}

/* v15 — burger (staggered neon bars) + full-screen menu overlay */
html{scrollbar-gutter:stable}
html.mopen{overflow:hidden}
html.mopen header.top{z-index:70}
.burger{position:relative;flex:none;width:46px;height:46px;margin-right:-8px;padding:0;border:0;border-radius:14px;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}
.burger:focus-visible{outline:2px solid #ff6ae6;outline-offset:2px}
.burger span{position:absolute;right:9px;top:50%;height:3px;width:26px;margin-top:-1.5px;border-radius:3px;
 background:linear-gradient(90deg,#ff3d9a,#c23cff 55%,#5b4bff 85%,rgba(91,75,255,.15));box-shadow:0 0 10px rgba(255,43,214,.45);
 transform-origin:50% 50%;transition:transform .45s cubic-bezier(.65,0,.25,1),width .45s cubic-bezier(.65,0,.25,1),opacity .3s}
.burger span:nth-child(1){transform:translateY(-8px)}
.burger span:nth-child(2){width:19px}
.burger span:nth-child(3){transform:translateY(8px)}
.burger:hover span:nth-child(2){width:26px}
.burger[aria-expanded="true"] span:nth-child(1){transform:rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){width:0;opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:rotate(-45deg)}
/* v16 — menu panel after asti-studio reference: top row, plain left list, pinned TG button */
.burger::before{content:"";position:absolute;inset:1px;border-radius:14px;opacity:0;transform:scale(.8);
 background:linear-gradient(#150828,#150828) padding-box,linear-gradient(135deg,#ff3d9a,#c23cff 55%,#5b4bff) border-box;border:1.5px solid transparent;
 box-shadow:0 0 18px -2px rgba(255,43,214,.55),inset 0 0 14px rgba(157,92,255,.25);transition:opacity .3s,transform .35s cubic-bezier(.2,.8,.2,1)}
.burger[aria-expanded="true"]::before{opacity:1;transform:none}
.burger[aria-expanded="true"] span{right:10px;width:26px}
html.mopen header.top{background:transparent;box-shadow:none}
.mnav{position:fixed;inset:0;z-index:60;overflow-y:auto;overscroll-behavior:contain;
 background:radial-gradient(80% 40% at 90% 0%,rgba(255,43,214,.20),transparent 70%),radial-gradient(90% 45% at 0% 100%,rgba(122,60,255,.26),transparent 70%),rgba(9,3,20,.97);
 -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;transition:opacity .3s ease}
.mnav.open{opacity:1}
.mnav-in{min-height:100%;display:flex;flex-direction:column;padding:84px 0 max(20px,calc(env(safe-area-inset-bottom) + 12px))}
.mnav-l{list-style:none;margin:0;padding:0}
.mnav-l a{display:block;padding:9px 0;color:#fff;text-decoration:none;font-weight:800;font-size:20px;line-height:1.25;transition:color .2s}
.mnav-l a:hover,.mnav-l a:focus-visible{color:#ff8ff0}
.mnav-l a:focus-visible,.mnav-tg:focus-visible{outline:2px solid #ff6ae6;outline-offset:3px;border-radius:8px}
.mnav-tg{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:12px;min-height:58px;padding:0 20px;border-radius:18px;color:#fff;text-decoration:none;font-weight:700;font-size:17px;
 background:linear-gradient(100deg,#ff2bd6,#c23cff 50%,#6a4bff);box-shadow:0 10px 30px -8px rgba(255,43,214,.6),inset 0 1px 0 rgba(255,255,255,.25)}
.mnav-tg svg{width:22px;height:22px;flex:none}
.mnav-l li,.mnav-tg{opacity:0;transform:translateY(10px);transition:opacity .35s ease,transform .4s cubic-bezier(.2,.8,.2,1)}
.mnav.open .mnav-l li,.mnav.open .mnav-tg{opacity:1;transform:none;transition-delay:calc(.06s + var(--i,0) * .04s)}
@media (min-width:900px){.burger{margin-right:-6px}.mnav-in{padding-top:110px}.mnav-l a{font-size:24px}.mnav-tg{align-self:flex-start;width:420px}}
@media (prefers-reduced-motion:reduce){
 .burger span,.burger::before,.mnav,.mnav-l li,.mnav-tg,.mnav-l a{transition:none!important}
 .mnav-l li,.mnav-tg{transform:none}
}

}

/* v17 — apply card after iwebmodel structure: TG button, divider, labelled fields, equipment select */
.form-s{gap:16px;border-color:rgba(190,120,255,.30)}
.form-s .field>label:not(.check){display:block;width:100%;text-align:left;font-size:15px;font-weight:600;color:#dcc6ff;margin-left:2px}
.tg-big{display:flex;align-items:center;justify-content:center;gap:12px;min-height:58px;padding:0 20px;border-radius:999px;color:#fff;text-decoration:none;font-weight:800;font-size:19px;
 background:linear-gradient(135deg,#1f8fd6,#1463b8);box-shadow:0 12px 30px -10px rgba(42,171,238,.75),inset 0 1px 0 rgba(255,255,255,.22);transition:transform .2s,box-shadow .2s}
.tg-big svg{width:24px;height:24px;flex:none}
.tg-big:hover{transform:translateY(-1px);box-shadow:0 16px 36px -10px rgba(42,171,238,.9),inset 0 1px 0 rgba(255,255,255,.22)}
.tg-big:focus-visible{outline:2px solid #8fd3ff;outline-offset:3px}
.form-s .or{display:flex;align-items:center;gap:12px;margin:2px 0;font-size:15px;font-weight:600;color:#cdb6ef}
.form-s .or::before,.form-s .or::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(190,120,255,.45))}
.form-s .or::after{background:linear-gradient(90deg,rgba(190,120,255,.45),transparent)}
.form-s input::placeholder{color:#b9a0dd;font-weight:500}
.form-s .field>select{appearance:none;-webkit-appearance:none;cursor:pointer;padding:0 44px 0 16px;text-overflow:ellipsis;
 background:rgba(13,4,32,.75) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%23ffb8f4' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 18px center/12px 8px no-repeat}
.form-s .field>select option{background:#1a0a32;color:#fff}
.form-s .btn svg{width:20px;height:20px}
.form-s .fine{font-size:13.5px;color:rgba(235,220,255,.82)}
@media (prefers-reduced-motion:reduce){.tg-big{transition:none}}

/* v18 — 7 platform chips + pink "gift of choice" bonus card */
.chips-plat{justify-content:center;gap:6px;margin-inline:-6px}
.chips-plat li{padding:6px 9px;font-size:13px}
@media (min-width:900px){.chips-plat{max-width:440px;margin-inline:auto;gap:8px}.chips-plat li{padding:7px 12px;font-size:14px}}
/* v22 — bonus carousel: gift card + referral card, ~25% smaller, swipe with peek on mobile */
.bcar{position:relative;margin:30px auto 0;max-width:760px}
.bcar-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -20px;padding:14px 20px 22px;scroll-padding-inline:20px;scrollbar-width:none;overscroll-behavior-x:contain}
.bcar-track::-webkit-scrollbar{display:none}
.bonus{position:relative;display:flex;flex-direction:column;gap:12px;flex:0 0 min(290px,78vw);scroll-snap-align:start;scroll-snap-stop:always;margin:0;padding:16px 15px;border-radius:22px;text-align:left;isolation:isolate;
 background:radial-gradient(120% 70% at 85% 0%,rgba(255,43,214,.20),transparent 60%),linear-gradient(160deg,rgba(46,10,58,.92),rgba(16,4,30,.95));
 border:1.5px solid #ff4fd8;box-shadow:0 0 0 1px rgba(255,79,216,.25),0 0 22px -4px rgba(255,43,214,.55),0 18px 44px -22px rgba(255,43,214,.6),inset 0 0 24px -10px rgba(255,79,216,.35)}
.bonus-tx{display:flex;flex-direction:column;flex:1}
.bonus-top{display:flex;align-items:center;gap:9px}
.bonus-gift{font-size:22px;line-height:1;filter:drop-shadow(0 0 8px rgba(255,79,216,.6))}
.bonus-badge{display:inline-flex;align-items:center;min-height:25px;padding:0 11px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;
 color:#ffd6f5;background:rgba(255,43,214,.16);border:1px solid rgba(255,111,228,.75);box-shadow:0 0 12px -3px rgba(255,43,214,.7)}
.bonus h3{margin:10px 0 5px;font-size:20px;line-height:1.18;color:#fff}
.bonus-lead{margin:0 0 9px;font-size:13.5px;line-height:1.45;color:rgba(255,235,252,.9)}
.bonus-opts{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:6px}
.bonus-opts li{display:flex;align-items:center;gap:10px;min-height:35px;padding:0 11px;border-radius:11px;font-weight:700;font-size:13.5px;color:#fff;
 background:rgba(255,43,214,.08);border:1px solid rgba(255,111,228,.32)}
.bonus-opts svg{width:18px;height:18px;flex:none;color:#ff8ff0;filter:drop-shadow(0 0 5px rgba(255,43,214,.6))}
.bonus-opts li:last-child svg{color:#ffb3f4}
.bonus-when{margin:0 0 12px;font-size:12.5px;line-height:1.45;font-weight:600;color:#fff}
.bonus .btn{--h:44px;width:100%;margin-top:auto;padding:0 16px;font-size:15px;gap:8px}
.bonus .btn svg{width:18px;height:18px}
.bonus-img{display:grid;place-items:center;position:relative;height:128px}
.bonus-img::before{content:"";position:absolute;inset:8% 22%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,43,214,.45),transparent);filter:blur(16px);z-index:-1}
.bonus-img img{height:128px;width:auto}
.bonus-photo::before{display:none}
.bonus-photo,.bonus-photo img{height:190px}
.bonus-photo img{width:100%;object-fit:cover;object-position:50% 40%;border-radius:14px;border:1px solid rgba(255,111,228,.5);box-shadow:0 0 18px -4px rgba(255,43,214,.65)}
.ref-amt{margin:0 0 12px;padding:9px 11px;border-radius:11px;font-size:13px;font-weight:700;line-height:1.4;color:#fff;background:rgba(255,43,214,.08);border:1px dashed rgba(255,111,228,.6)}
.ref-amt .ph{color:#ffd6f5}
.bonus .pk{color:#ff7ae6;font-weight:800;text-shadow:0 0 12px rgba(255,43,214,.55)}
.bcar-dots{display:flex;justify-content:center;gap:2px;margin-top:-6px}
.bcar-dots button{display:grid;place-items:center;width:30px;height:24px;padding:0;border:0;background:none;cursor:pointer;border-radius:999px}
.bcar-dots i{width:7px;height:7px;border-radius:999px;background:rgba(157,92,255,.55);transition:width .35s cubic-bezier(.2,.8,.2,1),background .35s,box-shadow .35s}
.bcar-dots [aria-current] i{width:22px;background:linear-gradient(90deg,#ff2bd6,#9d5cff);box-shadow:0 0 10px rgba(255,43,214,.8)}
.bcar-dots button:focus-visible{outline:2px solid #ff8cf0;outline-offset:1px}
@media (min-width:720px){.bcar-track{justify-content:center;overflow:visible;margin:0;padding:14px 0 6px}.bonus{flex:0 0 340px}.bcar-dots{display:none}}
@media (prefers-reduced-motion:reduce){.bcar-dots i{transition:none}}
/* v19/v20: closing "moon" block removed — motto as one thin white line above the footer logo */
footer .motto{margin:0 0 -2px;white-space:nowrap;font-size:clamp(12.5px,3.75vw,16px);font-weight:300;letter-spacing:.06em;color:#fff}
@media (max-width:374px){footer .motto{letter-spacing:.03em}}
.ref-amt.is-set{padding:0;border:0;background:none;font-size:17px;font-weight:700}

/* v25 — menu «Бонуси», globe card and apply form ~25% smaller */
#bonuses{scroll-margin-top:76px}
#bonuses:focus{outline:none}
.mnav-l a[aria-current]{color:#ff8ff0}
.mnav-l a[aria-current]::before{content:"";display:inline-block;width:7px;height:7px;margin:0 10px 3px 0;border-radius:50%;background:#ff2bd6;box-shadow:0 0 10px #ff2bd6;vertical-align:middle}
.world{padding:20px 0 24px;contain-intrinsic-size:auto 640px}
.gcard{width:min(74.4vw,645px);border-radius:24px;padding:22px 16px 0}
.gcard h2{margin:0 auto 9px;font-size:clamp(17px,4.72vw,34px)}
.gtx{font-size:13px;line-height:1.5}
.gbox,.gbox.on{height:294px;margin:4px -16px 0}
.gchips li{font-size:11px;padding:4px 8px;letter-spacing:0}
@keyframes gfl{0%,100%{translate:0 0}50%{translate:0 -4.5px}}
@media(min-width:760px){.gbox,.gbox.on{height:375px}.gchips li{font-size:11.5px;padding:5px 10px}.gtx{font-size:14px}}
/* form: 16px text + arrow need ~250px inside the select, so the card is ~318px at 390 (other dimensions −25%) */
.apply-one .eb{font-size:11px;margin-bottom:10px}
#apply-h{font-size:clamp(26px,5.6vw,48px);margin-bottom:18px}
.apply-one .sub{font-size:14.5px;margin:4px auto 16px}
.apply-one .form-s{width:min(318px,100%);max-width:360px;margin-inline:auto;gap:11px;padding:18px 11px 15px;border-radius:22px}
.form-s .field{gap:4px}
.form-s .field>label:not(.check){font-size:13px}
.form-s input[type=text],.form-s input[type=tel],.form-s select{min-height:44px;font-size:16px;border-radius:13px}
.form-s input[type=text],.form-s input[type=tel]{padding:0 11px}
.form-s input::placeholder{font-size:14px}
.form-s .field>select{padding:0 26px 0 10px;font-weight:400;letter-spacing:-.2px;background-position:right 10px center;background-size:10px 7px}
.form-s .tel{gap:6px}
.form-s .tel select{padding:0 22px 0 8px;background-position:right 7px center}
.tg-big{min-height:46px;gap:9px;font-size:15px;padding:0 14px}
.tg-big svg{width:19px;height:19px}
.form-s .or{font-size:12.5px;margin:0}
.form-s .check{font-size:14px;min-height:44px;gap:9px}
.form-s .check input{width:20px;height:20px;border-radius:6px}
.form-s .check input::after{width:5px;height:9px;border-width:0 2px 2px 0}
.form-s .btn{--h:46px;font-size:15px}
.form-s .btn svg{width:17px;height:17px}
.form-s .fine{font-size:11.5px}
.apply-one .alt{margin:20px 0 10px;font-size:14px}
@media (min-width:700px){.apply-one .form-s{width:360px;padding:24px 22px 20px}}
.mnav-l a{min-height:44px}

/* v26 — partners: identical glass pills, monochrome white official logos (SVG) */
.pmq{padding:14px 0}
.pset{height:auto;gap:12px;padding-right:12px}
.pset li{padding:0;width:150px;height:52px;justify-content:center;border-radius:16px;position:relative;
 background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.02)),rgba(22,8,42,.72);
 border:1px solid rgba(214,150,255,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 8px 24px -14px rgba(255,43,214,.55)}
.pset li::after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;
 background:linear-gradient(120deg,rgba(255,43,214,.55),transparent 38%,transparent 62%,rgba(157,92,255,.55));
 -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.7}
.pset img{filter:drop-shadow(0 0 8px rgba(255,140,240,.28));opacity:.94}
@media (min-width:760px){.pmq{padding:20px 0}.pset{gap:16px;padding-right:16px}.pset li{padding:0;width:176px;height:60px;border-radius:18px}}
@media (prefers-reduced-motion:reduce){.pset{gap:10px;padding:0 10px}}
/* v26b: tag pills, payout/platform chips, condition cards and FAQ rows ~20% smaller */
.pills{gap:8px}
.pill{gap:8px;padding:9.5px 13px;border-radius:13px;font-size:13.6px}
.pill svg{width:19px;height:19px}
.chips{gap:6px}
.chips li{padding:5.5px 9.5px;font-size:11.2px}
.chips-plat{gap:5px}
.chips-plat li{padding:5px 7px;font-size:10.4px}
@media (min-width:900px){.chips-plat{gap:6px}.chips-plat li{padding:5.5px 9.5px;font-size:11.2px}}
.icons li{padding:21px 14px 30px;border-radius:18px}
.icons li::after{bottom:14px;width:34px}
.icons li.act::after{width:58px}
@media(hover:hover) and (pointer:fine){.icons li:hover::after{width:58px}}
.ob,.icons .ob{width:77px;height:77px;margin:0 auto 13px}
.ob::before,.ob::after{inset:12px}
.ob i::before{width:5px;height:5px}.ob i::after{width:4px;height:4px}
.ob .gi{width:27px;height:27px}
.icons b{font-size:14.4px}
.icons span.ct,.icons .ct{font-size:12.8px}
@media (max-width:599px){.swipe-c .icons li{width:57.6vw;max-width:240px}}
.faq summary{font-size:15.2px;padding:16px 32px;min-height:44px}
.faq summary::after{right:5px;width:11px;height:11px;border-right-width:2.5px;border-bottom-width:2.5px}
.faq details p{font-size:14px;margin:0 0 16px}
/* v27 — owner's colour partner logos inside the glass pills: true brand colours, no tint/glow */
.pset img.brand{filter:drop-shadow(0 1px 2px rgba(0,0,0,.35));opacity:1}
/* Stripchat's dark-red mark is ~2:1 on the dark pill -> sits on a soft light plate (variant B) */
.pset .p-stripchat img,.pset .p-cam4 img{box-sizing:content-box;padding:6px 9px;border-radius:10px;background:linear-gradient(180deg,#fff,#efe6f5);
 box-shadow:inset 0 -1px 0 rgba(120,60,160,.18),0 0 0 1px rgba(255,255,255,.18),0 6px 16px -8px rgba(255,43,214,.55);filter:none}
/* v27b — owner: «Неоновые края убирай»: no neon border/gradient ring/pink glow on partner pills; dark glass fill only */
.pset li{border:0;box-shadow:none}
.pset li::after{content:none}
.pset img{filter:none}
.pset img.brand{filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}
.pset .p-stripchat img,.pset .p-cam4 img{box-shadow:inset 0 -1px 0 rgba(120,60,160,.18),0 4px 12px -6px rgba(0,0,0,.6);filter:none}
/* v27c — MyFreeCams: own flat brand-green plate, same geometry as the Stripchat/CAM4 light plates (124x33, r10) */
.pset .p-mfc img{box-sizing:content-box;padding:8.5px 9px;border-radius:10px;background:#047102;
 box-shadow:inset 0 -1px 0 rgba(0,0,0,.18),0 4px 12px -6px rgba(0,0,0,.6);filter:none}
/* v27d — wider pill sets: stretch loop time so the marquee moves at the same px/s as before (live: 970px/30s mobile, 1082px/30s desktop) */
.ptrack{animation-duration:35.07s}
@media (min-width:760px){.ptrack{animation-duration:37.26s}}
/* v28a — owner: globe card 15% wider (290 -> ~334px at 390; 645 -> 742px desktop), globe box scaled with it */
.gcard{width:min(85.56vw,742px)}
.gbox,.gbox.on{height:338px}
@media(min-width:760px){.gbox,.gbox.on{height:431px}}
/* v28b — owner: «подложку убери» — partner logos alone on the page bg: no glass pill, even spacing */
.pset,.pset[aria-hidden]{gap:0;padding:0}
.pset li{width:auto;height:auto;padding:0 22px;background:none;border:0;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.pset li::after{content:none}
@media(min-width:760px){.pset li{width:auto;height:auto;padding:0 30px}}
@media(prefers-reduced-motion:reduce){.pset{gap:18px 0;padding:0}.pset li{padding:0 12px}}
.ptrack{animation-duration:34.08s}
@media (min-width:760px){.ptrack{animation-duration:33.66s}}

/* v29 — owner: floating "online operator" button (Telegram), bottom-right on every screen */
.op{position:fixed;z-index:45;right:max(14px,calc(env(safe-area-inset-right) + 10px));bottom:max(16px,calc(env(safe-area-inset-bottom) + 12px));display:block;width:54px;height:54px;border-radius:50%;color:#fff;-webkit-tap-highlight-color:transparent;transition:opacity .3s,transform .35s cubic-bezier(.2,.8,.2,1),visibility 0s;animation:opfl 4.2s ease-in-out infinite}
.op-b{position:relative;display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:radial-gradient(120% 120% at 30% 20%,rgba(255,255,255,.22),transparent 45%),linear-gradient(140deg,#ff2bd6,#9d5cff 58%,#5a3cff);box-shadow:0 8px 24px -6px rgba(255,43,214,.6),0 0 0 1px rgba(255,255,255,.22) inset,0 -6px 14px -8px rgba(30,0,60,.7) inset;transition:transform .25s,box-shadow .25s}
.op-b::before{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid rgba(255,111,228,.45);opacity:.0;animation:opring 3.2s ease-out infinite}
.op svg{width:27px;height:27px;filter:drop-shadow(0 1px 2px rgba(40,0,70,.45))}
.op-dot{position:absolute;right:2px;top:3px;width:12px;height:12px;border-radius:50%;background:#2ee66b;border:2px solid #1a0630;box-shadow:0 0 8px rgba(46,230,107,.8)}
.op-dot::after{content:"";position:absolute;inset:-2px;border-radius:50%;background:#2ee66b;animation:opdot 2s ease-out infinite}
.op-tip{position:absolute;right:calc(100% + 10px);top:50%;translate:0 -50%;white-space:nowrap;padding:8px 12px;border-radius:12px;font:600 13px/1.1 system-ui,-apple-system,"Segoe UI",sans-serif;color:#fff;background:rgba(26,6,48,.88);border:1px solid rgba(255,111,228,.4);box-shadow:0 6px 20px -6px rgba(157,92,255,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transform:translateX(6px);pointer-events:none;transition:opacity .35s,transform .35s}
.op-tip::before{content:"";display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#2ee66b;vertical-align:1px}
.op.tip .op-tip{opacity:1;transform:none}
@media(hover:hover){.op:hover .op-tip{opacity:1;transform:none}.op:hover .op-b{transform:scale(1.06);box-shadow:0 10px 30px -6px rgba(255,43,214,.8),0 0 0 1px rgba(255,255,255,.3) inset}}
.op:focus-visible{outline:none}.op:focus-visible .op-b{outline:2px solid #fff;outline-offset:3px}.op:focus-visible .op-tip{opacity:1;transform:none}
.op:active .op-b{transform:scale(.94)}
.op.op-off,.mopen .op{opacity:0;visibility:hidden;transform:translateY(12px) scale(.85);transition:opacity .25s,transform .25s,visibility 0s .25s;animation:none}
@keyframes opfl{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes opring{0%{opacity:.7;transform:scale(.92)}70%,100%{opacity:0;transform:scale(1.25)}}
@keyframes opdot{0%{opacity:.7;transform:scale(1)}80%,100%{opacity:0;transform:scale(2.2)}}
@media(min-width:760px){.op{width:60px;height:60px;right:24px;bottom:24px}.op svg{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){.op,.op-b::before,.op-dot::after{animation:none}.op-b::before{opacity:0}.op,.op-tip{transition:opacity .2s,visibility 0s}}
@media print{.op{display:none}}
/* v30: footer redesign — motto, logo, 18+ line, privacy policy in a dialog */
footer.ft{position:relative;isolation:isolate;overflow:hidden;border-top:0;padding:34px 0 calc(26px + env(safe-area-inset-bottom));color:rgba(255,255,255,.9);font-size:15px;
 background:radial-gradient(120% 70% at 50% 0,rgba(157,92,255,.20),transparent 62%),radial-gradient(60% 40% at 50% 100%,rgba(255,43,214,.12),transparent 70%)}
footer.ft::before{content:"";position:absolute;left:8%;right:8%;top:0;height:1px;background:linear-gradient(90deg,transparent,#ff2bd6 30%,#9d5cff 70%,transparent);box-shadow:0 0 14px 1px rgba(255,43,214,.7)}
.ft-in{display:grid;justify-items:center;gap:14px;text-align:center}
.ft-in>*{margin:0}
.ft-age{display:inline-flex;align-items:center;gap:10px;font-size:14.5px;padding-top:2px}
footer.ft .age18{width:36px;height:36px;font-size:13px;border-width:1.6px;box-shadow:0 0 14px rgba(255,43,214,.6),inset 0 0 10px rgba(255,43,214,.35)}
.pv-open{font:inherit;font-size:14.5px;color:#f0c9ff;background:none;border:0;padding:6px 8px;cursor:pointer;text-decoration:underline;text-decoration-color:rgba(255,111,228,.6);text-underline-offset:4px}
.pv-open:hover,.pv-open:focus-visible{color:#fff;text-decoration-color:#ff2bd6}
.ft-c{font-size:13px;color:rgba(255,255,255,.62);letter-spacing:.04em;margin-top:-4px!important}
@media (min-width:760px){footer.ft{padding:44px 0 32px}.ft-in{gap:16px}}
/* privacy dialog */
.pv{border:0;padding:0;background:transparent;color:var(--fg);width:100%;max-width:min(560px,calc(100% - 24px));max-height:min(86dvh,760px);overflow:visible}
.pv::backdrop{background:rgba(7,2,15,.74);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.pv[open]{animation:gin .45s cubic-bezier(.2,.8,.2,1)}
.pv-in{position:relative;display:flex;flex-direction:column;max-height:min(86dvh,760px);padding:26px 20px 18px;border-radius:26px;background:linear-gradient(160deg,#1f0b3b,#0c031c);border:1px solid #6b3aa0;box-shadow:0 0 70px -12px rgba(255,43,214,.6)}
.pv h2{font-size:22px;letter-spacing:0;margin:0 44px 12px 0;line-height:1.2}
.pv-b{overflow:auto;overscroll-behavior:contain;padding-right:4px;font-size:15px;line-height:1.55;color:rgba(255,255,255,.9)}
.pv-b h3{font-size:15px;margin:14px 0 4px;color:#ff8ff0;letter-spacing:.01em;text-align:left}
.pv-b h3:first-child{margin-top:0}
.pv-b p{margin:0}
.pv-b a{color:#f0c9ff}
.pv-x{position:absolute;top:14px;right:14px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(190,120,255,.45);background:rgba(255,255,255,.05);color:#fff;cursor:pointer}
.pv-x svg{width:20px;height:20px}
.pv-x:hover,.pv-x:focus-visible{border-color:#ff6fe4;box-shadow:0 0 16px -2px rgba(255,43,214,.8)}
.pv-ok{margin-top:16px;width:100%}
html.pvopen{overflow:hidden}
@media (prefers-reduced-motion:reduce){.pv[open]{animation:none}}
@media print{.pv{display:none}}
@media (max-width:759px){.pv-b{font-size:14.5px;line-height:1.5}.pv-b h3{margin-top:11px}.pv h2{font-size:21px;margin-bottom:10px}.pv-in{padding:22px 18px 16px}.pv-ok{margin-top:14px}}
/* v30c: privacy item in the top menu */
.mnav-pv{margin-top:10px;padding-top:12px;border-top:1px solid rgba(190,120,255,.22)}
.mnav-pv .pv-open{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0;font:inherit;font-size:16px;font-weight:600;color:rgba(255,255,255,.78);text-decoration:none;background:none;border:0;cursor:pointer;transition:color .2s}
.mnav-pv .pv-open svg{width:20px;height:20px;flex:none;color:#ff8ff0}
.mnav-pv .pv-open:hover,.mnav-pv .pv-open:focus-visible{color:#fff}
.mnav-pv .pv-open:focus-visible{outline:2px solid #ff6ae6;outline-offset:3px;border-radius:8px}
@media (min-width:900px){.mnav-pv .pv-open{font-size:17px}}
/* v30e: footer motto (variant B) — phrases separated by glowing dots, a soft glow passes over each phrase in turn */
footer .motto .pd{font-style:normal}
footer .motto .mw{font-weight:inherit}
/* B — one line, phrases separated by tiny glowing dots, a soft glow passes over each phrase in turn */
footer .motto.mv-b{margin:2px 0 0;white-space:nowrap;font-size:clamp(14px,4.1vw,16.5px);font-weight:500;letter-spacing:.03em;color:rgba(255,255,255,.78)}
.mv-b .pd{display:inline-block;width:4px;height:4px;margin:0 10px 0 9px;border-radius:50%;vertical-align:middle;font-size:0;line-height:0;overflow:hidden;background:#ff6fe4;box-shadow:0 0 6px 1px rgba(255,43,214,.85)}
.mv-b .mw .pd{width:0;height:0;margin:0;box-shadow:none;background:none}
.mv-b .mw{color:#ffb0f4;font-style:italic;font-weight:600}
.mv-b .mp{transition:color .6s,text-shadow .6s}
.mv-b.js.in .mp{animation:mvb 7.5s ease-in-out infinite}
.mv-b.js.in .mp2{animation-delay:2.5s}.mv-b.js.in .mp3{animation-delay:5s}
@keyframes mvb{0%,30%,100%{text-shadow:none}12%{color:#fff;text-shadow:0 0 10px rgba(255,111,228,.75),0 0 22px rgba(157,92,255,.45)}}
@media (max-width:340px){footer .motto.mv-b{font-size:13px;letter-spacing:.01em}.mv-b .pd{margin:0 7px 0 6px}}
@media (prefers-reduced-motion:reduce){
 .mv-b.js.in .mp{animation:none}
}

/* v31: "Для старту потрібно" now has 3 items — one-line labels from 360px; on tiny screens they may wrap */
@media (min-width:360px){.start b{white-space:nowrap}}

/* v32: Telegram + Instagram items in the burger menu — under the divider, above the privacy link, same muted style */
.mnav-l .mnav-so1{margin-top:10px;padding-top:12px;border-top:1px solid rgba(190,120,255,.22)}
.mnav-so+.mnav-pv{margin-top:0;padding-top:0;border-top:0}
.mnav-l .mnav-so a{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0;font-size:16px;font-weight:600;line-height:1.25;color:rgba(255,255,255,.78)}
.mnav-l .mnav-so a:hover,.mnav-l .mnav-so a:focus-visible{color:#fff}
.mnav-so svg{width:20px;height:20px;flex:none;color:#ff8ff0}
.mnav-so .so-h{margin-left:4px;font-weight:500;color:#c9a6ff}
@media (min-width:900px){.mnav-l .mnav-so a{font-size:17px}}
@media (max-height:600px) and (max-width:899px){.mnav-in{padding-top:72px}.mnav-l{margin-bottom:16px}}
.mnav-pv .pv-open{text-align:left}

/* v33: form is wired — sending / success / error states */
.form-s button[aria-busy="true"]{opacity:.75;cursor:progress}
.status.ok{border-color:#3ee0a1;background:rgba(20,70,52,.55);color:#fff}
.status.bad{border-color:#ff6a8b;background:rgba(80,14,36,.6);color:#fff}
.status.bad a{color:#ffd1f5;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.status.bad a:focus-visible{outline:2px solid #ff6ae6;outline-offset:2px;border-radius:4px}