/* ===== Yalla3RB design v2 — APPEND THIS AT THE END OF style.css ===== */
@property --v2a{syntax:'<angle>';initial-value:0deg;inherits:false}
.v2,.v2 *,.v2 *::before,.v2 *::after{box-sizing:border-box}
.v2{font-size:16px;line-height:normal;text-align:right;isolation:isolate}
.v2 h1,.v2 h2,.v2 h3,.v2 h4{font-family:inherit;font-weight:700;line-height:normal;color:inherit;margin-top:0}
.v2 p{margin:1em 0}
.v2 label{font-weight:400;margin-bottom:0;max-width:none;display:inline}
.v2 small{font-size:smaller}
.v2 a,.v2 a:hover,.v2 a:focus{color:inherit;text-decoration:none}
.v2 button,.v2 input{line-height:normal}
.v2 img{vertical-align:baseline}
body.v2-on>.y3-top-header,body:has(.v2)>.y3-top-header{display:none!important}
body.v2-on{margin:0;background:#050c12;overflow-x:hidden}
.v2 .alert{border-radius:14px;font-size:13px;padding:10px 14px;margin:0 0 12px;border:1px solid}
.v2 .alert-danger{background:rgba(255,80,100,.12);border-color:rgba(255,80,100,.4);color:#ffb3bd}
.v2 .alert-success{background:rgba(61,220,151,.12);border-color:rgba(61,220,151,.4);color:#9ef0c8}
.v2 .forgot{display:block;margin-top:10px;font-size:12px;color:var(--ac)}
.v2 .chk{display:flex;gap:10px;align-items:flex-start;margin-top:14px;font-size:13px;color:var(--tx)}
.v2 .chk input{margin-top:3px;accent-color:var(--ac)}
.v2 .chk a{color:var(--ac)}
.v2 .gwrap{display:flex;justify-content:center;margin-top:14px;overflow:hidden}
@property --v2a{syntax:'<angle>';initial-value:0deg;inherits:false}
.v2{--bg:#07070f;--card:rgba(255,255,255,.045);--bd:rgba(255,255,255,.09);--tx:#f2f5fa;--mu:#9aa4b5;--v2ac:#00f3f7;--v2ac2:#0fb5d8;color-scheme:dark;box-sizing:border-box;}
.v2 *,.v2 *::before,.v2 *::after{box-sizing:inherit}
.v2{margin:0;background:radial-gradient(800px 420px at 50% -80px,rgba(0,243,247,.16),transparent),radial-gradient(600px 400px at 100% 40%,rgba(15,181,216,.08),transparent),var(--bg);color:var(--tx);font-family:Cairo,system-ui,sans-serif;overflow-x:hidden}
.v2 button,.v2 input{font-family:inherit;color:inherit}
.v2 button{cursor:pointer}
.v2 svg{display:block}
.v2 a{color:inherit;text-decoration:none}
.v2 main,.v2 footer{position:relative;z-index:1}
.v2 .w{max-width:1120px;margin:0 auto;padding:0 18px}
.v2 section{padding:64px 0}
.v2 .neon{position:relative}
.v2 .neon::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;background:conic-gradient(from var(--v2a),transparent 0 72%,var(--nc,rgba(0,243,247,.85)) 86%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:v2k-spin 6s linear infinite}
@keyframes v2k-spin{to{--v2a:360deg}}
.v2 .card{background:var(--card);border:1px solid var(--bd);border-radius:24px;backdrop-filter:blur(8px)}
.v2 .v2btn{min-height:52px;padding:0 24px;border-radius:18px;border:1px solid var(--bd);background:var(--card);font-weight:700;font-size:15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .2s,box-shadow .2s}
.v2 .v2btn:hover{transform:translateY(-2px)}
.v2 .v2btn:active{transform:scale(.97)}
.v2 .v2btn.pri{background:var(--v2ac);color:#04121a;border-color:transparent;font-weight:800;--nc:#fff;box-shadow:0 10px 30px rgba(0,243,247,.28)}
.v2 .sp{overflow:hidden}
.v2 .sp::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(180px circle at var(--mx,50%) var(--my,50%),rgba(0,243,247,.16),transparent 70%);opacity:0;transition:.3s;pointer-events:none}
.v2 .sp:hover::after{opacity:1}
.v2 .hd{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(7,7,15,.72);backdrop-filter:blur(14px);border-bottom:1px solid var(--bd)}
.v2 .hd .w{display:flex;align-items:center;height:68px;position:relative}
.v2 .logo{position:absolute;left:50%;transform:translateX(-50%);font-weight:800;font-size:23px;white-space:nowrap}
.v2 .logo b{color:var(--v2ac)}
.v2 .ib{width:46px;height:46px;border-radius:14px;border:1px solid var(--bd);background:var(--card);display:grid;place-items:center;padding:0}
.v2 .hd .v2btn{min-height:44px;padding:0 16px;font-size:14px;margin-inline-start:auto}
.v2 .lnks{display:none;gap:22px;font-size:14px;color:var(--mu)}
.v2 .lnks a:hover{color:var(--v2ac)}
.v2 .mm{position:absolute;top:72px;right:18px;left:18px;padding:10px;border-radius:22px;background:#0d1020;border:1px solid var(--bd);display:none;box-shadow:0 20px 50px rgba(0,0,0,.6)}
.v2 .mm.on{display:block;animation:v2k-in .25s}
@keyframes v2k-in{from{opacity:0;transform:translateY(-8px)}}
.v2 .mm a{display:block;padding:14px;border-radius:14px;font-weight:600}
.v2 .mm a:hover{background:var(--card);color:var(--v2ac)}
.v2 .hero{text-align:center;padding-top:56px}
.v2 .pill{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;border-radius:40px;background:rgba(0,243,247,.07);color:var(--v2ac);font-weight:700;font-size:14px}
.v2 .dot{width:9px;height:9px;border-radius:50%;background:var(--v2ac);box-shadow:0 0 0 0 rgba(0,243,247,.6);animation:v2k-pl 1.8s infinite}
@keyframes v2k-pl{to{box-shadow:0 0 0 12px transparent}}
.v2 h1{font-size:clamp(38px,9.5vw,76px);line-height:1.25;margin:26px 0 16px;font-weight:800}
.v2 .rot{display:inline-block;background:linear-gradient(100deg,#7ef3ff,var(--v2ac) 40%,var(--v2ac2));-webkit-background-clip:text;background-clip:text;color:transparent;transition:.3s}
.v2 .rot.o{opacity:0;transform:translateY(-10px) scale(.96)}
.v2 .v2lead{color:var(--mu);font-size:clamp(15px,3.6vw,19px);line-height:1.9;max-width:640px;margin:0 auto 28px}
.v2 .cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.v2 .mq{overflow:hidden;direction:ltr;margin:34px -18px 0;-webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.v2 .mt{display:flex;gap:14px;width:max-content;animation:v2k-mq 26s linear infinite;padding:6px 0}
.v2 .mq.r .mt{animation-direction:reverse}
@keyframes v2k-mq{to{transform:translateX(-50%)}}
.v2 .i3{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;flex:none;background:linear-gradient(145deg,var(--c1),var(--c2));box-shadow:inset 0 2px 3px rgba(255,255,255,.55),inset 0 -6px 8px rgba(0,0,0,.35),0 12px 20px rgba(0,0,0,.5);transform:perspective(220px) rotateX(10deg)}
.v2 .i3 svg{width:28px;height:28px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))}
.v2 .stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:34px;padding:22px 8px}
.v2 .stat+.stat{border-inline-start:1px solid var(--bd)}
.v2 .stat b{display:block;font-size:clamp(20px,5.6vw,34px);font-weight:800}
.v2 .stat span{color:var(--mu);font-size:13px}
.v2 .hl{margin-bottom:34px;text-align:center}
.v2 .hl small{color:var(--v2ac);font-weight:700;font-size:14px;display:block;margin-bottom:8px}
.v2 .hl h2{font-size:clamp(28px,6.5vw,46px);margin:0 0 10px;font-weight:800}
.v2 .hl p{margin:0 auto;color:var(--mu);max-width:560px;line-height:1.8}
.v2 .bento{display:grid;gap:14px;grid-template-columns:1fr 1fr}
.v2 .bc{padding:22px;transition:transform .2s;transform-style:preserve-3d}
.v2 .bc h3{margin:14px 0 6px;font-size:17px}
.v2 .bc p{margin:0;color:var(--mu);font-size:14px;line-height:1.8}
.v2 .bi{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:rgba(0,243,247,.1);color:var(--v2ac);border:1px solid rgba(0,243,247,.25)}
.v2 .dash{max-width:560px;margin:0 auto;padding:20px;background:linear-gradient(160deg,rgba(0,243,247,.08),rgba(15,181,216,.08)),#0b0e1d}
.v2 .dh{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--mu)}
.v2 .live{color:#3ddc97;display:flex;align-items:center;gap:6px;font-size:12px}
.v2 .live::before{content:"";width:8px;height:8px;border-radius:50%;background:#3ddc97;animation:v2k-bl 1.4s infinite}
@keyframes v2k-bl{50%{opacity:.25}}
.v2 .dg{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}
.v2 .dg div{padding:14px;border-radius:18px;background:var(--card);border:1px solid var(--bd)}
.v2 .dg small{color:var(--mu);font-size:12px}
.v2 .dg b{display:block;font-size:28px;font-weight:800;margin-top:2px}
.v2 .dg i{font-style:normal;color:var(--v2ac);font-size:.6em;margin-inline-end:3px}
.v2 .pu{transform-box:fill-box;transform-origin:center;animation:v2k-pu 1.2s ease-out infinite}
@keyframes v2k-pu{to{transform:scale(2.6);opacity:0}}
.v2 .trk{height:8px;border-radius:8px;background:rgba(255,255,255,.08);overflow:hidden;margin:10px 0 6px}
.v2 .trk i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,var(--v2ac),var(--v2ac2));box-shadow:0 0 12px rgba(0,243,247,.6);position:relative;overflow:hidden;transition:width 1.4s}
.v2 .trk i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(-100%);animation:v2k-sh 2.4s infinite}
@keyframes v2k-sh{to{transform:translateX(100%)}}
.v2 .tag{font-size:12px;padding:3px 10px;border-radius:20px;background:rgba(0,243,247,.14);color:var(--v2ac)}
.v2 .calc{max-width:640px;margin:0 auto;padding:24px}
.v2 .chs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.v2 .ch{min-height:46px;padding:0 16px;border-radius:14px;border:1px solid var(--bd);background:var(--card);font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px;transition:.2s}
.v2 .ch[aria-pressed=true]{background:rgba(0,243,247,.12);border-color:var(--v2ac);color:var(--v2ac)}
.v2 input[type=range]{width:100%;height:36px;-webkit-appearance:none;appearance:none;background:none;direction:ltr}
.v2 input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:8px;background:linear-gradient(90deg,var(--v2ac),var(--v2ac2) var(--p,10%),rgba(255,255,255,.1) var(--p,10%))}
.v2 input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-9px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(0,243,247,.3),0 4px 12px rgba(0,0,0,.5)}
.v2 input[type=range]::-moz-range-track{height:8px;border-radius:8px;background:rgba(255,255,255,.1)}
.v2 input[type=range]::-moz-range-thumb{width:26px;height:26px;border:0;border-radius:50%;background:#fff}
.v2 .tot{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.04);margin:6px 0 16px}
.v2 .tot b{font-size:32px;color:var(--v2ac);font-weight:800}
.v2 .steps{display:grid;gap:14px;position:relative}
.v2 .st{padding:22px;display:flex;gap:16px;align-items:flex-start;opacity:.45;transition:.6s}
.v2 .st.on{opacity:1}
.v2 .sn{font-size:34px;font-weight:800;color:transparent;-webkit-text-stroke:1.5px var(--v2ac);line-height:1}
.v2 .st h3{margin:0 0 6px;font-size:18px}
.v2 .st p{margin:0;color:var(--mu);line-height:1.8;font-size:14px}
.v2 .pay{display:grid;gap:12px}
.v2 .pc{min-width:140px;height:64px;padding:0 20px;border-radius:18px;display:grid;place-items:center;font-weight:800;font-size:15px;background:var(--card);border:1px solid var(--bd);white-space:nowrap}
.v2 .auth{max-width:480px;margin:0 auto;padding:26px}
.v2 .tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;border-radius:16px;background:rgba(255,255,255,.05);margin-bottom:20px}
.v2 .tabs button{min-height:44px;border:0;border-radius:12px;background:none;font-weight:700;color:var(--mu)}
.v2 .tabs button[aria-selected=true]{background:var(--v2ac);color:#04121a}
.v2 .fl{display:block;font-size:13px;color:var(--mu);margin:12px 0 6px}
.v2 .fi{width:100%;height:54px;border-radius:16px;border:1px solid var(--bd);background:rgba(255,255,255,.05);padding:0 16px;font-size:15px}
.v2 .fi:focus{outline:2px solid var(--v2ac);outline-offset:1px}
.v2 .fq{display:grid;gap:10px}
.v2 .qd{border-radius:20px}
.v2 .qd summary{min-height:60px;display:flex;align-items:center;padding:0 18px;font-weight:700;cursor:pointer;list-style:none;gap:12px}
.v2 .qd summary::-webkit-details-marker{display:none}
.v2 .qd summary::after{content:"+";margin-inline-start:auto;width:34px;height:34px;border-radius:11px;background:rgba(255,255,255,.07);color:var(--v2ac);display:grid;place-items:center;font-size:20px;transition:transform .3s}
.v2 .qd[open] summary::after{transform:rotate(135deg)}
.v2 .qd p{margin:0;padding:0 18px 18px;color:var(--mu);line-height:1.9;font-size:14px}
.v2 .final{text-align:center;padding:44px 20px;background:linear-gradient(160deg,rgba(0,243,247,.12),rgba(15,181,216,.12)),#0b0e1d}
.v2 .final h2{font-size:clamp(26px,6vw,40px);margin:8px 0}
.v2 footer{border-top:1px solid var(--bd);padding:36px 0 100px;margin-top:40px}
.v2 footer .w{display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;align-items:center;color:var(--mu);font-size:14px}
.v2 .fab{position:fixed;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:40;width:54px;height:54px;border-radius:18px;display:grid;place-items:center;border:0}
.v2 .up{left:18px;background:var(--v2ac);color:#04121a;box-shadow:0 8px 24px rgba(0,243,247,.35)}
.v2 .sup{right:18px;background:#0e1122;border:1px solid var(--bd);color:var(--v2ac)}
.v2 .rv{opacity:1}
.v2.v2-js .rv{opacity:0;transform:translateY(26px);transition:opacity .7s,transform .7s}
.v2.v2-js .rv.in{opacity:1;transform:none}
.v2.v2-js .rv{animation:v2k-rvf 0s 2.5s forwards}
@keyframes v2k-rvf{to{opacity:1;transform:none}}
@media(min-width:760px){.v2 section{padding:92px 0}
.v2 .bento{grid-template-columns:repeat(6,1fr)}
.v2 .bc{grid-column:span 2}
.v2 .bc.big{grid-column:span 3}
.v2 .steps{grid-template-columns:repeat(3,1fr)}
.v2 .st{flex-direction:column}
.v2 .lnks{display:flex;margin-inline-start:6px}
.v2 .ib{display:none}
.v2 .mm{display:none!important}
.v2 .pay{gap:16px}}
@media(prefers-reduced-motion:reduce){.v2 .neon::before,.v2 .mt,.v2 .dot,.v2 .pu,.v2 .trk i::after{animation:none}
.v2.v2-js .rv{opacity:1;transform:none}}
.v2.v2-js .bc.rv.in{transition:transform .15s}
.v2 .hd .mm a{border-bottom:1px solid var(--bd)}
.v2 .mm a:last-child{border-bottom:0}
.v2 .ibar{margin-top:30px;padding:12px 0;border-radius:28px;background:rgba(255,255,255,.02);--nc:rgba(0,243,247,.9)}
.v2 .ibar .mq{margin:0}
.v2 .pt{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;flex:none;background:rgba(255,255,255,.04)}
.v2 .pt svg{width:30px;height:30px}
.v2 .stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:34px}
.v2 .sc{position:relative;text-align:start;padding:20px;border-radius:26px;border:1px solid var(--bd);display:flex;flex-direction:column;gap:6px;color:var(--tx);transition:transform .25s;font-family:inherit}
.v2 .sc:first-child{grid-column:span 2}
.v2 .sc:hover{transform:translateY(-3px)}
.v2 .s1{background:linear-gradient(135deg,rgba(0,243,247,.2),rgba(15,181,216,.14)),#0b0e1d}
.v2 .s2{background:linear-gradient(135deg,rgba(15,181,216,.24),rgba(255,94,168,.1)),#0b0e1d;--nc:rgba(120,230,255,.95)}
.v2 .s3{background:linear-gradient(135deg,rgba(255,184,77,.2),rgba(255,94,168,.1)),#0b0e1d;--nc:rgba(255,184,77,.95)}
.v2 .si{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:var(--v2ac);margin-bottom:6px}
.v2 .sc b{font-size:clamp(30px,8vw,40px);font-weight:800;line-height:1.1}
.v2 .sc:first-child b{font-size:clamp(40px,11vw,64px)}
.v2 .sc .l{color:var(--mu);font-size:15px}
.v2 .pp{position:absolute;top:18px;left:20px;font-style:normal;font-weight:800;color:#3ddc97;opacity:0}
.v2 .pp.go{animation:v2k-pp 1s}
@keyframes v2k-pp{0%{opacity:1;transform:translateY(8px)}100%{opacity:0;transform:translateY(-16px)}}
.v2 .bump{animation:v2k-bm .45s}
@keyframes v2k-bm{50%{transform:scale(1.04)}}
.v2 .nd{height:2px;margin:48px 0;position:relative;background:rgba(255,255,255,.06);border-radius:2px;overflow:hidden}
.v2 .nd i{position:absolute;top:0;bottom:0;width:30%;background:linear-gradient(90deg,transparent,var(--v2ac),transparent);box-shadow:0 0 14px var(--v2ac);animation:v2k-nds 3.6s linear infinite}
@keyframes v2k-nds{from{left:-30%}to{left:100%}}
.v2 #auth{padding:0 0 64px}
.v2 .hl h2.wy{font-size:clamp(40px,11vw,70px);background:linear-gradient(100deg,#ffb84d,#ff5ea8,#7de8ff,#ffb84d);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:v2k-wy 5s linear infinite,v2k-fl 3.5s ease-in-out infinite}
@keyframes v2k-wy{to{background-position:300% 0}}
@keyframes v2k-fl{50%{transform:translateY(-7px)}}
.v2 .pl{display:grid;grid-template-columns:124px 1fr;gap:16px;align-items:center;margin:18px 0}
.v2 #dn circle{animation:v2k-dr .8s ease-out}
@keyframes v2k-dr{from{stroke-dasharray:0 300}}
.v2 #lg{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:14px}
.v2 #lg li{display:flex;align-items:center;gap:8px}
.v2 #lg i{width:10px;height:10px;border-radius:50%}
.v2 #lg span{flex:1;color:var(--mu)}
.v2 .pay>*{min-width:0;max-width:100%}
.v2 .prow{padding:14px 0;border-radius:26px;background:rgba(255,255,255,.02);overflow:hidden}
.v2 .prow .mq{margin:0}
.v2 .lg2{min-width:150px;height:68px;border-radius:18px;background:#f3f5fa;display:grid;place-items:center;padding:0 14px;flex:none}
.v2 .lg2 svg{height:38px;width:auto}
.v2 #faq{padding-bottom:12px}
.v2 .ft{padding:34px 20px 26px;text-align:center;border-radius:34px;background:linear-gradient(160deg,rgba(0,243,247,.1),rgba(15,181,216,.1)),#0a0d1b}
.v2 .fl2{font-size:34px;font-weight:800}
.v2 .fl2 span{color:var(--v2ac)}
.v2 .ft p{color:var(--mu);margin:8px 0 22px}
.v2 .soc{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.v2 .sb{min-height:50px;padding:0 18px;border-radius:18px;display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:14px;background:rgba(255,255,255,.04);transition:transform .2s}
.v2 .sb:hover{transform:translateY(-3px)}
.v2 .sb svg{width:24px;height:24px}
.v2 .fn{display:flex;gap:6px 22px;justify-content:center;flex-wrap:wrap;margin:24px 0;color:var(--mu);font-size:14px}
.v2 .fn a:hover{color:var(--v2ac)}
.v2 .fb2{display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:20px;border-top:1px solid var(--bd);color:var(--mu);font-size:13px}
.v2 .credit{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 22px;border-radius:40px;background:rgba(37,211,102,.08);color:var(--tx);font-size:15px;--nc:rgba(61,220,151,.95);transition:transform .2s,box-shadow .2s}
.v2 .credit:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 10px 30px rgba(37,211,102,.25)}
.v2 .credit b{background:linear-gradient(100deg,#7ef3ff,#3ddc97,#7ef3ff);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:v2k-wy 3s linear infinite}
.v2 footer{border:0;padding:10px 0 110px;margin:0}
.v2 footer .w{display:block}
.v2 .ibar{background:rgba(0,0,0,.5)}
.v2 .pt{background:#04050b;border:1px solid rgba(255,255,255,.12)}
.v2 .stats{grid-template-columns:1.45fr 1fr .9fr;gap:0;padding:14px 2px;margin-top:30px;overflow:hidden}
.v2 .sc{background:none;border:0;border-radius:0;padding:6px 6px;align-items:center;text-align:center;gap:3px;cursor:pointer}
.v2 .sc:first-child{grid-column:auto}
.v2 .sc+.sc{border-inline-start:1px solid var(--bd)}
.v2 .sc:hover{transform:none}
.v2 .s1{background:radial-gradient(130px 90px at 50% 0,rgba(0,243,247,.18),transparent)}
.v2 .s2{background:radial-gradient(110px 90px at 50% 0,rgba(15,181,216,.2),transparent)}
.v2 .s3{background:radial-gradient(100px 90px at 50% 0,rgba(255,184,77,.18),transparent)}
.v2 .si{width:40px;height:40px;border-radius:50%;margin-bottom:2px}
.v2 .sc b,.v2 .sc:first-child b{font-size:clamp(18px,5.6vw,30px)}
.v2 .sc .l{font-size:13px}
.v2 .sc .live{font-size:11px}
.v2 .pp{top:6px;left:8px}
.v2 .auth{width:min(360px,calc(100% - 24px));max-width:none;padding:20px}
.v2 .fi{height:46px;font-size:14px}
.v2 .tabs button{min-height:40px}
.v2 .auth .v2btn{min-height:50px!important}
.v2 .lg2{min-width:104px;height:48px;border-radius:14px;padding:0 10px}
.v2 .lg2 svg{height:26px}
.v2 .prow{padding:10px 0;border-radius:20px}
.v2 .prow .mt{gap:10px}
.v2 .sim{max-width:420px;margin:0 auto;padding:20px;position:relative;overflow:hidden;--pc:#e1306c}
.v2 .prf{display:flex;align-items:center;gap:14px;margin-top:6px}
.v2 .ring{width:64px;height:64px;border-radius:50%;padding:3px;display:grid;place-items:center;flex:none;background:conic-gradient(from var(--v2a),var(--pc),transparent 45%,var(--pc));animation:v2k-spin 4s linear infinite}
.v2 .av2{width:100%;height:100%;border-radius:50%;background:#0b0e1d;display:grid;place-items:center;font-weight:800;font-size:22px}
.v2 .ss{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;margin:16px 0 10px}
.v2 .ss b{display:block;font-size:24px;font-weight:800}
.v2 .ss small{color:var(--mu);font-size:13px}
.v2 #sf{color:var(--pc);text-shadow:0 0 18px var(--pc);font-size:32px}
.v2 .ms{display:flex;justify-content:space-between;margin:10px 0 16px}
.v2 .ms span{font-size:12px;padding:5px 10px;border-radius:20px;border:1px solid var(--bd);color:var(--mu);transition:.4s}
.v2 .ms span.on{color:#04121a;background:var(--pc);border-color:var(--pc);box-shadow:0 0 14px var(--pc);font-weight:700}
.v2 .mi svg{width:20px;height:20px}
.v2 #bs{position:absolute;left:50%;top:150px;width:0;height:0}
.v2 .bp{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--pc);box-shadow:0 0 8px var(--pc);animation:v2k-bp .8s ease-out forwards}
@keyframes v2k-bp{from{transform:rotate(var(--v2a)) translateX(0)}to{transform:rotate(var(--v2a)) translateX(110px);opacity:0}}
.v2 footer{padding:0;margin:30px 0 0}
.v2 .fw{background:linear-gradient(180deg,#0e1430,#080a17);border-top:1px solid rgba(0,243,247,.22);border-radius:34px 34px 0 0;padding:38px 0 100px;box-shadow:0 -24px 60px rgba(0,243,247,.07)}
.v2 .fg{display:grid;grid-template-columns:1fr 1fr;gap:28px 16px}
.v2 .fbrand{grid-column:span 2}
.v2 .fcol{display:flex;flex-direction:column;gap:12px;font-size:14px;color:var(--mu)}
.v2 .fcol b{color:var(--tx);font-size:15px;margin-bottom:2px}
.v2 .fcol a:hover{color:var(--v2ac)}
.v2 .soc2{display:flex;gap:10px;margin-top:4px}
.v2 .sc2{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#04050b;border:1px solid var(--bd)}
.v2 .sc2 svg{width:22px;height:22px}
.v2 .fb2{margin-top:30px}
@media(min-width:760px){.v2 .fg{grid-template-columns:2fr 1fr 1fr}
.v2 .fbrand{grid-column:auto}
.v2 .fb2{flex-direction:row;justify-content:space-between}}
.v2 section.w{padding-block:48px}
.v2 section.hero{padding-top:52px}
.v2 section#auth{padding-block:0 48px}
.v2 section#faq{padding-bottom:8px}
@media(min-width:760px){.v2 section.w{padding-block:84px}
.v2 section#auth{padding-block:0 84px}}
.v2 .auth{width:min(330px,calc(100% - 56px))}
.v2 #sp{gap:6px}
.v2 #sp .ch{min-height:42px;padding:0 11px;font-size:13px}
.v2 .fl2{color:#fff}
.v2 .nl{height:2px;position:relative;overflow:hidden;background:rgba(255,255,255,.05)}
.v2 .nl i{position:absolute;top:0;bottom:0;width:30%;background:linear-gradient(90deg,transparent,var(--v2ac),transparent);box-shadow:0 0 12px var(--v2ac);animation:v2k-nds 3.2s linear infinite}
.v2 .nl.r i{animation-direction:reverse}
.v2 #plat{gap:10px}
.v2 .pt{width:44px;height:44px;border-radius:14px}
.v2 .pt svg{width:22px;height:22px}
.v2 .stats{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:0;margin-top:34px;padding:0;overflow:visible}
.v2 .sc{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:8px 4px;gap:4px;background:none;border:0;border-radius:0;color:var(--tx);cursor:pointer}
.v2 .sc+.sc{border:0}
.v2 .sc+.sc::before{content:"";position:absolute;inset-inline-start:0;top:8%;bottom:8%;width:1px;background:linear-gradient(transparent,rgba(0,243,247,.55),transparent)}
.v2 .sc b,.v2 .sc:first-child b{font-size:clamp(20px,5.8vw,34px);background:linear-gradient(120deg,#fff 10%,#7ef3ff 55%,#7de8ff);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.2}
.v2 .sc .l{display:flex;align-items:center;gap:6px;color:var(--mu);font-size:13px}
.v2 .si{width:auto;height:auto;border:0;background:none;border-radius:0;margin:0;color:var(--v2ac);display:inline-grid}
.v2 .sc::after{content:"";width:28px;height:3px;border-radius:3px;margin-top:8px;background:linear-gradient(90deg,var(--v2ac),var(--v2ac2));box-shadow:0 0 10px rgba(0,243,247,.6);animation:v2k-bl 2.4s infinite}
.v2 .sc .live{font-size:11px}
.v2 .pp{top:0;left:6px}
.v2 .auth{width:min(360px,calc(100% - 32px));padding:22px}
.v2.v2-js .hl h2.wy{background:linear-gradient(100deg,#00f3f7,#ffffff,#00f3f7);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:v2k-shim 6s linear infinite,v2k-wyf 0s 3s forwards;clip-path:inset(0 0 0 100%);filter:blur(10px);letter-spacing:.14em;opacity:0;transform:none;transition:clip-path 1.1s cubic-bezier(.2,.8,.2,1),filter 1s,letter-spacing 1.3s cubic-bezier(.2,.8,.2,1),opacity .6s}
.v2.v2-js .hl.in h2.wy{clip-path:inset(0);filter:none;letter-spacing:0;opacity:1}
@keyframes v2k-shim{to{background-position:250% 0}}
@keyframes v2k-wyf{to{clip-path:inset(0);filter:none;letter-spacing:0;opacity:1}}
.v2 .hl h2.wy{animation:v2k-shim 6s linear infinite;background:linear-gradient(100deg,#00f3f7,#ffffff,#00f3f7);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
.v2 footer{margin:16px 0 0}
.v2 .wv{position:relative;height:46px;overflow:hidden;direction:ltr;margin-bottom:-1px}
.v2 .wv svg{position:absolute;bottom:0;left:0;width:200%;height:100%}
.v2 .w1{animation:v2k-wv 13s linear infinite}
.v2 .w2{animation:v2k-wv 19s linear infinite reverse}
.v2 .w3{animation:v2k-wv 9s linear infinite}
@keyframes v2k-wv{to{transform:translateX(-50%)}}
.v2 .fw{background:#0b1024;border:0;border-radius:0;box-shadow:none;padding:4px 0 82px}
.v2 .frow1{display:flex;align-items:center;justify-content:space-between;gap:12px}
.v2 .flinks{display:flex;flex-wrap:wrap;gap:8px 18px;margin:14px 0 4px;color:var(--mu);font-size:14px}
.v2 .flinks a:hover{color:var(--v2ac)}
.v2 .fb2{margin-top:12px;padding-top:14px;flex-direction:row;justify-content:space-between;flex-wrap:wrap;gap:12px}
.v2 .fl2{font-size:28px}
.v2 .soc2{margin:0}
.v2 .wv{height:60px}
.v2 .hl h2.wy,.v2.v2-js .hl h2.wy{font-size:clamp(34px,9.2vw,62px)}
.v2 section#auth{padding-inline:18px}
.v2 .stats{grid-template-columns:.95fr 1fr 1.35fr}
.v2 .sc .l{white-space:nowrap}
.v2 main>section:last-child{padding-bottom:20px}
.v2 main{overflow-x:clip}
.v2 .hero{position:relative}
.v2 .hero::before{content:"";position:absolute;left:50%;top:-30px;width:min(900px,150%);height:560px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(0,243,247,.2),transparent 72%),radial-gradient(closest-side at 78% 62%,rgba(15,181,216,.17),transparent 72%);filter:blur(28px);pointer-events:none;z-index:-1}
.v2 .strip{position:relative;margin:30px -18px 0;padding:16px 0}
.v2 .strip::before{content:"";position:absolute;left:0;right:0;top:50%;height:96px;transform:translateY(-50%);background:linear-gradient(90deg,transparent,rgba(0,243,247,.2) 25%,rgba(15,181,216,.2) 75%,transparent);filter:blur(22px);pointer-events:none}
.v2 .strip .mq{position:relative}
.v2 .pt{background:radial-gradient(circle at 50% 0,rgba(255,255,255,.12),transparent 70%),#0b0e1d;border:1px solid color-mix(in srgb,var(--g,#fff) 45%,rgba(255,255,255,.16));box-shadow:0 0 18px -5px var(--g,#fff),inset 0 1px 0 rgba(255,255,255,.12)}
.v2 .sc::after{display:none}
.v2 .nd.fx{height:1px;margin:22px 0;background:linear-gradient(90deg,transparent,rgba(0,243,247,.5),rgba(15,181,216,.5),transparent)}
.v2 section.hero{padding-bottom:10px}
.v2 .stats{margin-top:26px}
.v2 #auth .hl{margin-bottom:22px}
.v2 .auth{width:min(392px,calc(100% - 20px));padding:30px 22px}
.v2 .fi{height:50px;font-size:15px}
.v2 .tabs button{min-height:44px}
.v2 .tabs{margin-bottom:24px}
.v2 .fl{margin:16px 0 8px}
.v2 .auth .v2btn{min-height:54px!important;margin-top:10px!important}
.v2::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(520px 440px at 8% 34%,rgba(0,170,255,.12),transparent 70%),radial-gradient(560px 480px at 95% 62%,rgba(15,181,216,.13),transparent 70%),radial-gradient(500px 360px at 50% 100%,rgba(0,243,247,.08),transparent 70%)}
.v2 #auth{position:relative}
.v2 #auth::before{content:"";position:absolute;left:50%;top:58%;width:min(820px,170%);height:700px;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(20,150,255,.34),rgba(0,243,247,.16) 48%,transparent 74%),radial-gradient(closest-side at 72% 30%,rgba(15,181,216,.22),transparent 70%);filter:blur(26px);pointer-events:none;z-index:-1}
.v2::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(520px 420px at 12% 18%,rgba(0,243,247,.13),transparent 70%),radial-gradient(560px 460px at 92% 55%,rgba(15,181,216,.14),transparent 70%),radial-gradient(620px 420px at 30% 100%,rgba(0,243,247,.09),transparent 70%)}
.v2 section#auth,.v2 section#plan,.v2 section#faq,.v2 section#features{position:relative}
.v2 section#auth::before{content:"";position:absolute;left:50%;top:-20px;width:min(760px,170%);height:640px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(0,243,247,.30),rgba(0,243,247,.12) 55%,transparent 75%),radial-gradient(closest-side at 80% 70%,rgba(15,181,216,.26),transparent 72%),radial-gradient(closest-side at 15% 65%,rgba(61,220,151,.10),transparent 70%);filter:blur(34px);pointer-events:none;z-index:-1}
.v2 section#plan::before,.v2 section#features::before{content:"";position:absolute;left:50%;top:10%;width:min(700px,160%);height:480px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(15,181,216,.16),transparent 72%),radial-gradient(closest-side at 25% 40%,rgba(0,243,247,.12),transparent 70%);filter:blur(32px);pointer-events:none;z-index:-1}
.v2 .auth.neon{background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.03));box-shadow:0 0 50px -12px rgba(0,243,247,.35)}
.v2 .auth.neon::before{padding:2px;background:conic-gradient(from var(--v2a),transparent 0 50%,rgba(0,243,247,.95) 76%,#0fb5d8 90%,transparent 100%);animation-duration:5s}
.v2::before{background:radial-gradient(520px 420px at 10% 15%,rgba(0,243,247,.045),transparent 70%),radial-gradient(560px 460px at 95% 60%,rgba(15,181,216,.05),transparent 70%)}
.v2 .hero::before{background:radial-gradient(closest-side,rgba(0,243,247,.13),transparent 72%),radial-gradient(closest-side at 78% 62%,rgba(15,181,216,.10),transparent 72%);filter:blur(34px)}
.v2 .strip::before{background:linear-gradient(90deg,transparent,rgba(0,243,247,.10) 25%,rgba(15,181,216,.10) 75%,transparent)}
.v2 section#auth::before{height:520px;background:radial-gradient(closest-side,rgba(0,243,247,.12),rgba(0,243,247,.04) 60%,transparent 78%),radial-gradient(closest-side at 80% 70%,rgba(15,181,216,.11),transparent 72%);filter:blur(40px)}
.v2 section#plan::before,.v2 section#features::before{background:radial-gradient(closest-side,rgba(15,181,216,.07),transparent 72%),radial-gradient(closest-side at 25% 40%,rgba(0,243,247,.05),transparent 70%)}
.v2 .auth.neon{background:rgba(9,11,24,.78);box-shadow:0 0 36px -14px rgba(0,243,247,.28)}
.v2{--card:rgba(255,255,255,.06);--bd:rgba(255,255,255,.12)}
.v2 #auth,.v2 #features,.v2 #how,.v2 #plan,.v2 #pay,.v2 #faq{position:relative}
.v2 #auth::after,.v2 #features::after,.v2 #how::after,.v2 #plan::after,.v2 #pay::after,.v2 #faq::after{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);z-index:-2;pointer-events:none;background:var(--bnd);-webkit-mask-image:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent);mask-image:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent)}
.v2 #auth::after{--bnd:linear-gradient(180deg,transparent,rgba(10,30,52,.78) 16%,rgba(10,30,52,.78) 84%,transparent),radial-gradient(70% 55% at 50% 45%,rgba(0,243,247,.12),transparent 75%)}
.v2 #features::after{--bnd:linear-gradient(180deg,transparent,rgba(6,22,36,.7) 16%,rgba(6,22,36,.7) 84%,transparent),radial-gradient(70% 55% at 80% 30%,rgba(15,181,216,.14),transparent 75%)}
.v2 #how::after{--bnd:linear-gradient(180deg,transparent,rgba(8,28,44,.7) 16%,rgba(8,28,44,.7) 84%,transparent),radial-gradient(70% 55% at 20% 50%,rgba(0,243,247,.10),transparent 75%)}
.v2 #plan::after{--bnd:linear-gradient(180deg,transparent,rgba(8,26,40,.74) 16%,rgba(8,26,40,.74) 84%,transparent),radial-gradient(70% 55% at 50% 40%,rgba(15,181,216,.16),transparent 75%)}
.v2 #pay::after{--bnd:linear-gradient(180deg,transparent,rgba(10,26,50,.8) 16%,rgba(10,26,50,.8) 84%,transparent),radial-gradient(70% 55% at 50% 50%,rgba(0,243,247,.10),transparent 75%)}
.v2 #faq::after{--bnd:linear-gradient(180deg,transparent,rgba(6,20,32,.7) 16%,rgba(6,20,32,.7) 84%,transparent),radial-gradient(70% 55% at 30% 40%,rgba(15,181,216,.12),transparent 75%)}
.v2 #sp{gap:5px}
.v2 #sp .ch{padding:0 9px;gap:6px;font-size:12.5px}
.v2 #sp .mi svg{width:18px;height:18px}
.v2 .wv svg{width:100%;animation:none!important;transform:none}
.v2 .credit::before{display:none}
.v2 .credit{border:1px solid rgba(61,220,151,.4)}
.v2 .credit b{animation:none;background-position:0 0}
.v2 footer{margin:40px 0 0}
.v2 .fw{background:#0b1024;border-top:1px solid rgba(255,255,255,.1);border-radius:26px 26px 0 0;padding:30px 0 84px;box-shadow:none}
.v2::before{background:radial-gradient(560px 460px at 8% 12%,rgba(0,243,247,.075),transparent 70%),radial-gradient(600px 500px at 96% 48%,rgba(15,181,216,.085),transparent 70%),radial-gradient(640px 460px at 28% 100%,rgba(0,243,247,.055),transparent 70%),radial-gradient(420px 360px at 70% 6%,rgba(15,181,216,.06),transparent 70%)}
.v2 .hero::after{content:"";position:absolute;top:-70px;bottom:0;left:50%;width:100vw;transform:translateX(-50%);z-index:-1;pointer-events:none;background-image:radial-gradient(rgba(0,243,247,.32) 1.2px,transparent 1.6px);background-size:30px 30px;background-position:15px 15px;-webkit-mask-image:radial-gradient(ellipse 80% 90% at 50% 40%,#000 25%,transparent 100%);mask-image:radial-gradient(ellipse 80% 90% at 50% 40%,#000 25%,transparent 100%)}
.v2 #auth::after{--bnd:linear-gradient(180deg,transparent,rgba(8,44,64,.9) 18%,rgba(6,34,52,.9) 82%,transparent),radial-gradient(70% 55% at 50% 45%,rgba(0,243,247,.17),transparent 75%)}
.v2 section#auth::before{background:radial-gradient(closest-side,rgba(0,243,247,.14),transparent 72%),radial-gradient(closest-side at 80% 70%,rgba(15,181,216,.14),transparent 72%)}
.v2 .auth.neon{background:rgba(8,12,34,.92);box-shadow:0 18px 50px -14px rgba(0,0,0,.6),0 0 40px -16px rgba(0,243,247,.3)}
.v2 .fi{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16)}
.v2 .hero::after{display:none}
.v2 #auth::after,.v2 #features::after,.v2 #how::after,.v2 #plan::after,.v2 #pay::after,.v2 #faq::after{display:none}
body.v2-on{background-color:#06060e}
.v2{position:relative}
.v2::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:
radial-gradient(760px 700px at 0% 3%,rgba(0,243,247,0.29),transparent 70%),
radial-gradient(740px 700px at 100% 9%,rgba(15,181,216,0.32),transparent 70%),
radial-gradient(820px 720px at 15% 24%,rgba(15,181,216,0.23),transparent 70%),
radial-gradient(800px 720px at 100% 36%,rgba(0,243,247,0.22),transparent 70%),
radial-gradient(840px 740px at 0% 50%,rgba(0,243,247,0.20),transparent 70%),
radial-gradient(700px 620px at 100% 63%,rgba(15,181,216,0.26),transparent 70%),
radial-gradient(840px 740px at 10% 76%,rgba(15,181,216,0.20),transparent 70%),
radial-gradient(820px 720px at 95% 88%,rgba(0,243,247,0.20),transparent 70%),
radial-gradient(860px 640px at 40% 100%,rgba(0,243,247,0.17),transparent 70%)}
.v2 section#auth::before{background:radial-gradient(closest-side,rgba(0,243,247,.12),transparent 72%)}
.v2 .hero::after{display:block;content:"";position:absolute;top:-70px;bottom:0;left:50%;width:100vw;transform:translateX(-50%);z-index:-1;pointer-events:none;background-image:radial-gradient(rgba(0,243,247,.17) 1.1px,transparent 1.5px);background-size:30px 30px;background-position:15px 15px;-webkit-mask-image:linear-gradient(180deg,#000 40%,transparent 96%);mask-image:linear-gradient(180deg,#000 40%,transparent 96%)}
.v2 .auth.neon{background:linear-gradient(160deg,rgba(34,112,138,.55),rgba(14,60,86,.55));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:rgba(255,255,255,.22);box-shadow:0 20px 50px -16px rgba(0,0,0,.55),0 0 44px -14px rgba(0,243,247,.4)}
.v2 .auth .tabs{background:rgba(255,255,255,.12)}
.v2 .auth .tabs button{color:#e3e9fb}
.v2 .auth .tabs button[aria-selected=true]{color:#04121a}
.v2 .auth .fl{color:#e3e9fb}
.v2 .auth .fi{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.3);color:#fff}
.v2 .auth .fi::placeholder{color:#c7d0ea}
.v2 .mt{animation:none!important;will-change:transform}
.v2 .mq{touch-action:pan-y;cursor:grab}
.v2 .logo img{height:34px;width:auto;display:block}
.v2 .flogo{height:34px;width:auto;display:block}
.v2 .hero::before{top:-70px;bottom:0;height:auto;left:50%;width:100vw;transform:translateX(-50%);filter:none;background:linear-gradient(180deg,rgba(3,5,12,.88),rgba(3,5,12,.66) 70%,rgba(3,5,12,0))}
.v2 .hero::after{background-image:radial-gradient(rgba(0,243,247,.22) 1.1px,transparent 1.5px)}
.v2 #auth::after{--bnd:linear-gradient(180deg,transparent,rgba(6,12,46,.98) 14%,rgba(17,34,110,.98) 52%,rgba(8,16,60,.98) 86%,transparent),radial-gradient(70% 50% at 50% 45%,rgba(50,100,230,.22),transparent 75%)}
.v2 section#auth::before{background:radial-gradient(closest-side,rgba(40,80,200,.16),transparent 72%)}
.v2 .auth.neon{background:#1c202c;border-color:rgba(255,255,255,.1);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 22px 56px -16px rgba(0,0,0,.7)}
.v2 .auth .tabs{background:#141722}
.v2 .auth .tabs button{color:#cfd5e6}
.v2 .auth .tabs button[aria-selected=true]{background:#00a2ad;color:#fff}
.v2 .auth .fl{color:#fff}
.v2 .auth .fi{background:#2a3040;border-color:rgba(255,255,255,.14);color:#fff}
.v2 .auth .fi::placeholder{color:#a9b2c8}
.v2 .auth .v2btn.pri{background:#00a2ad;color:#fff;box-shadow:0 10px 26px -10px rgba(0,162,173,.6)}
.v2 .auth .v2btn.pri::before{--nc:rgba(255,255,255,.8)}
.v2 #auth::after{display:block}
.v2 .auth .tabs button[aria-selected=false]{color:#d5dbec}
.v2{--bg:#050c12;--card:rgba(255,255,255,.055);--bd:rgba(255,255,255,.11);--tx:#f2f8fa;--mu:#9db0bc;--v2ac:#00f3f7;--v2ac2:#19c3d6}
body.v2-on{background-color:#050c12}
.v2::before{background:radial-gradient(900px 520px at 50% -140px,rgba(0,243,247,.11),transparent 70%)}
.v2 .hero::before{background:linear-gradient(180deg,rgba(3,8,12,.86),rgba(3,8,12,.55) 70%,rgba(3,8,12,0))}
.v2 #features::after,.v2 #how::after,.v2 #plan::after,.v2 #pay::after,.v2 #faq::after,.v2 #auth::after{display:block}
.v2 #features::after{--bnd:linear-gradient(180deg,transparent,#08161e 14%,#0a1c27 50%,#08161e 86%,transparent),radial-gradient(60% 40% at 85% 22%,rgba(0,243,247,.08),transparent 75%)}
.v2 #how::after{--bnd:linear-gradient(180deg,transparent,#050d13 14%,#06111a 50%,#050d13 86%,transparent),radial-gradient(60% 45% at 12% 50%,rgba(0,243,247,.07),transparent 75%)}
.v2 #plan::after{--bnd:linear-gradient(180deg,transparent,#0a2030 14%,#0c2a3d 50%,#0a2030 86%,transparent),radial-gradient(60% 45% at 50% 40%,rgba(0,243,247,.12),transparent 75%)}
.v2 #pay::after{--bnd:linear-gradient(180deg,transparent,#0c1b27 14%,#102532 50%,#0c1b27 86%,transparent),radial-gradient(60% 40% at 50% 50%,rgba(0,243,247,.06),transparent 75%)}
.v2 #faq::after{--bnd:linear-gradient(180deg,transparent,#06111a 14%,#07141d 60%,#06111a 86%,transparent),radial-gradient(55% 40% at 20% 35%,rgba(0,243,247,.06),transparent 75%)}
.v2 #features::before,.v2 #plan::before{background:none}
.v2 .final{background:linear-gradient(160deg,rgba(0,243,247,.12),rgba(25,195,214,.07)),#0a1722}
.v2 .fw{background:#08121a;border-top-color:rgba(0,243,247,.18)}
.v2 .card{background:var(--card)}
.v2 .sim{background:rgba(6,16,24,.55)}
.v2 .strip::before{display:none}
.v2 .strip{padding:10px 0;margin-top:26px}
.v2 #plat{gap:9px}
.v2 .pt{width:32px;height:32px;border-radius:10px;background:linear-gradient(180deg,#232738,#1a1d2b);border:1.5px solid rgba(255,255,255,.1);box-shadow:none}
.v2 .pt svg{width:18px;height:18px}
.v2 #auth::after{--bnd:linear-gradient(180deg,transparent,#06101a 14%,#07131c 55%,#06101a 86%,transparent),radial-gradient(60% 40% at 50% 45%,rgba(0,243,247,.06),transparent 75%)}
.v2 section#auth::before{background:radial-gradient(closest-side,rgba(0,243,247,.07),transparent 72%)}
/* keep header sticky: the wrapper must not become a scroll container */
.v2{overflow:visible}
@supports (overflow:clip){.v2{overflow-x:clip}}
/* ===== Yalla3RB dashboard v2 — APPEND AT THE END OF style.css (after v2-append.css) ===== */
@property --v2da{syntax:'<angle>';initial-value:0deg;inherits:false}
.v2d,.v2d *,.v2d *::before,.v2d *::after{box-sizing:border-box}
.v2d{font-size:16px;line-height:normal;text-align:right;isolation:isolate}
.v2d h1,.v2d h2,.v2d h3,.v2d h4{font-family:inherit;font-weight:700;line-height:normal;color:inherit;margin-top:0}
.v2d p{margin:1em 0}.v2d small{font-size:smaller}
.v2d a,.v2d a:hover,.v2d a:focus{color:inherit;text-decoration:none}
.v2d button,.v2d input{line-height:normal}
.v2d .ic{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;display:block}
body.v2d-on>.y3-top-header,body:has(.v2d)>.y3-top-header{display:none!important}
body.v2d-on{margin:0;background:#050c12;overflow-x:hidden}
@property --v2da{syntax:'<angle>';initial-value:0deg;inherits:false}
.v2d{--ac:#00f3f7;--ac2:#0fb5d8;--bg:#050c12;--card:rgba(255,255,255,.045);--bd:rgba(255,255,255,.09);--tx:#f2f5fa;--mu:#9aa4b5;--v2dac:#00f3f7;--v2dac2:#0fb5d8;color-scheme:dark;box-sizing:border-box;}
.v2d *,.v2d *::before,.v2d *::after{box-sizing:inherit}
.v2d{margin:0;background:radial-gradient(700px 360px at 50% -60px,rgba(0,243,247,.17),transparent),var(--bg);color:var(--tx);font-family:Cairo,system-ui,sans-serif;min-height:100vh}
.v2d button,.v2d input{font-family:inherit;color:inherit}
.v2d button{cursor:pointer}
.v2d svg{display:block}
.v2d .neon{position:relative}
.v2d .neon::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;background:conic-gradient(from var(--v2da),transparent 0 72%,var(--nc,rgba(0,243,247,.85)) 86%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:v2dk-spin 6s linear infinite}
@keyframes v2dk-spin{to{--v2da:360deg}}
@media(prefers-reduced-motion:reduce){.v2d .neon::before{animation:none}}
.v2d .card{background:var(--card);border:1px solid var(--bd);border-radius:22px;backdrop-filter:blur(8px)}
.v2d .v2dbtn{min-height:48px;padding:0 20px;border-radius:16px;border:1px solid var(--bd);background:var(--card);font-weight:600;font-size:15px;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.v2d .v2dbtn.pri{background:var(--v2dac);color:#04121a;border-color:transparent;font-weight:800;--nc:rgba(255,255,255,.95);box-shadow:0 8px 24px rgba(0,243,247,.25)}
.v2d .ib{width:44px;height:44px;border-radius:14px;border:1px solid var(--bd);background:var(--card);display:grid;place-items:center;padding:0}
.v2d .top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;display:flex;align-items:center;gap:12px;padding:12px 16px;background:rgba(5,12,18,.78);backdrop-filter:blur(14px);border-bottom:1px solid var(--bd)}
.v2d .logo{font-weight:800;font-size:22px;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}
.v2d .top>div{margin-inline-start:auto}
.v2d .pop{position:absolute;left:0;top:calc(100% + 8px);min-width:220px;padding:8px;border-radius:18px;background:#0a1620;border:1px solid var(--bd);box-shadow:0 20px 50px rgba(0,0,0,.6);display:none;z-index:40}
.v2d .pop.on{display:block;animation:v2dk-in .18s ease}
@keyframes v2dk-in{from{opacity:0;transform:translateY(-6px)}}
.v2d .pop button{width:100%;min-height:46px;display:flex;align-items:center;gap:12px;padding:0 12px;border:0;background:none;border-radius:12px;font-size:14px;text-align:start}
.v2d .pop button:hover{background:var(--card)}
.v2d .pop .out{color:#ff7b8a}
.v2d .side{position:fixed;top:0;bottom:0;right:0;width:292px;z-index:30;background:linear-gradient(180deg,#0a1620,#06101a);border-left:1px solid var(--bd);padding:calc(16px + env(safe-area-inset-top,0px)) 16px 16px;transform:translateX(105%);transition:transform .3s;overflow-y:auto}
.v2d .side.on{transform:none}
.v2d .scrim{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:25;display:none}
.v2d .scrim.on{display:block}
.v2d .prof{padding:16px;margin:16px 0 12px;background:linear-gradient(135deg,rgba(0,243,247,.12),rgba(15,181,216,.12))}
.v2d .av{width:48px;height:48px;border-radius:16px;background:linear-gradient(145deg,var(--v2dac),var(--v2dac2));display:grid;place-items:center;font-weight:800;color:#04121a}
.v2d .nav a{display:flex;align-items:center;gap:12px;min-height:46px;padding:0 12px;border-radius:14px;color:var(--mu);text-decoration:none;font-size:14px;margin-bottom:2px;transition:.2s}
.v2d .nav a:hover{background:var(--card);color:var(--tx)}
.v2d .nav a.cur{color:var(--v2dac);background:rgba(0,243,247,.1);box-shadow:inset -3px 0 0 var(--v2dac)}
.v2d main{padding:20px 16px 110px;max-width:1100px;margin-inline:auto}
.v2d .grid2{display:grid;gap:10px;grid-template-columns:1fr 1fr}
.v2d .bal{padding:16px;border-radius:26px;background:linear-gradient(135deg,rgba(0,243,247,.2),rgba(15,181,216,.18) 55%,rgba(255,255,255,.03)),#0c0f20;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.12)}
.v2d .bal::after{content:"";position:absolute;width:220px;height:220px;left:-60px;top:-90px;background:radial-gradient(circle,rgba(255,255,255,.14),transparent 70%);pointer-events:none}
.v2d .lbl{color:var(--mu);font-size:14px;display:flex;align-items:center;justify-content:space-between}
.v2d .amt{font-size:clamp(28px,7vw,42px);font-weight:800;line-height:1.2;letter-spacing:.5px;display:flex;align-items:baseline;gap:5px;margin:2px 0 10px}
.v2d .cur{font-size:.5em;background:linear-gradient(145deg,#7ef3ff,var(--v2dac2));-webkit-background-clip:text;background-clip:text;color:transparent}
.v2d .acts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}
.v2d .act{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 4px;min-height:84px;font-size:13px;font-weight:600;border-radius:18px;text-decoration:none;color:var(--tx);background:var(--card);border:1px solid var(--bd)}
.v2d .act svg{color:var(--v2dac)}
.v2d h2{font-size:18px;margin:26px 0 12px}
.v2d .cats{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:none}
.v2d .cat{flex:none;min-height:56px;padding:6px 16px 6px 12px;border-radius:18px;display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--bd);font-weight:600;font-size:14px;transition:.2s}
.v2d .cat[aria-expanded=true]{background:rgba(0,243,247,.1);border-color:rgba(0,243,247,.5)}
.v2d .i3{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,var(--c1),var(--c2));box-shadow:inset 0 2px 3px rgba(255,255,255,.55),inset 0 -5px 7px rgba(0,0,0,.35),0 8px 14px rgba(0,0,0,.5);transform:perspective(200px) rotateX(10deg)}
.v2d .i3 svg{width:22px;height:22px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))}
.v2d .panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s}
.v2d .panel.on{grid-template-rows:1fr}
.v2d .panel>div{overflow:hidden}
.v2d .svc{width:100%;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;margin-top:8px;border-radius:16px;border:1px solid var(--bd);background:var(--card);text-align:start;font-size:14px}
.v2d .svc small{color:var(--mu);display:block;font-size:12px}
.v2d .svc.sel{border-color:var(--v2dac);background:rgba(0,243,247,.09)}
.v2d .price{color:var(--v2dac);font-weight:800;white-space:nowrap}
.v2d .order{padding:20px;margin-top:14px;display:grid;gap:12px}
.v2d .order label{font-size:13px;color:var(--mu)}
.v2d .order input{width:100%;height:52px;margin-top:6px;border-radius:16px;border:1px solid var(--bd);background:rgba(255,255,255,.05);padding:0 14px;font-size:15px}
.v2d .order input:focus{outline:2px solid var(--v2dac);outline-offset:1px}
.v2d .tot{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.04)}
.v2d .bn{position:fixed;bottom:calc(14px + env(safe-area-inset-bottom,0px));left:16px;right:16px;height:64px;border-radius:24px;background:rgba(10,22,32,.94);border:1px solid var(--bd);display:flex;justify-content:space-around;align-items:center;z-index:15;backdrop-filter:blur(12px)}
.v2d .bn button{background:none;border:0;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:var(--mu);min-width:60px;min-height:48px;justify-content:center}
.v2d .bn .on{color:var(--v2dac)}
@media(min-width:700px){.v2d .grid2{grid-template-columns:1fr 1.4fr}
.v2d .cats{flex-wrap:wrap;overflow:visible}}
@media(min-width:1024px){.v2d .side{transform:none}
.v2d .top,.v2d main{margin-right:292px}
.v2d .mb,.v2d .scrim,.v2d .bn,.v2d .close{display:none!important}
.v2d .top{padding-inline:28px}
.v2d main{padding:28px}}
.v2d .bal .v2dbtn{min-height:44px;width:100%;padding:0 12px}
.v2d .trk{height:8px;border-radius:8px;background:rgba(255,255,255,.08);margin:8px 0 6px;overflow:hidden}
.v2d .trk i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,var(--v2dac),var(--v2dac2));box-shadow:0 0 12px rgba(0,243,247,.6);position:relative;overflow:hidden}
.v2d .trk i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(-100%);animation:v2dk-sh 2.4s infinite}
@keyframes v2dk-sh{to{transform:translateX(100%)}}
.v2d .live{font-size:11px;color:#3ddc97;display:flex;align-items:center;gap:5px}
.v2d .live::before{content:"";width:7px;height:7px;border-radius:50%;background:#3ddc97;animation:v2dk-bl 1.4s infinite}
@keyframes v2dk-bl{50%{opacity:.25}}
.v2d .pu{transform-box:fill-box;transform-origin:center;animation:v2dk-pu 1.2s ease-out infinite}
@keyframes v2dk-pu{to{transform:scale(2.6);opacity:0}}
.v2d .sbox{width:100%;height:50px;border-radius:16px;border:1px solid var(--bd);background:var(--card);padding:0 16px;font-size:15px}
.v2d .sbox:focus{outline:2px solid var(--v2dac)}
.v2d .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.v2d .card+.card,.v2d section.card{margin-bottom:0}
.v2d .side{overflow:visible;padding:0;border-radius:26px 0 0 26px}
.v2d .sin{height:100%;overflow-y:auto;padding:calc(16px + env(safe-area-inset-top,0px)) 16px 16px;border-radius:inherit}
.v2d .nav a::before{opacity:0;transition:opacity .3s}
.v2d .nav a:hover::before,.v2d .nav a.cur::before{opacity:1}
.v2d .nav a span{display:inline-grid;transition:transform .3s}
.v2d .nav a:hover span{animation:v2dk-wob .6s}
@keyframes v2dk-wob{30%{transform:rotate(-16deg) scale(1.2)}65%{transform:rotate(10deg) scale(1.1)}}
.v2d .side.on .nav a span{animation:v2dk-sp .7s cubic-bezier(.2,.8,.3,1.2) both}
.v2d .nav a:nth-child(2) span{animation-delay:.05s!important}
.v2d .nav a:nth-child(3) span{animation-delay:.1s!important}
.v2d .nav a:nth-child(4) span{animation-delay:.15s!important}
.v2d .nav a:nth-child(5) span{animation-delay:.2s!important}
.v2d .nav a:nth-child(6) span{animation-delay:.25s!important}
.v2d .nav a:nth-child(n+7) span{animation-delay:.3s!important}
@keyframes v2dk-sp{from{transform:rotate(-180deg) scale(.4);opacity:0}}
.v2d #menuBtn svg,.v2d #gear svg{transition:transform .45s}
.v2d #menuBtn.open svg{transform:rotate(90deg)}
.v2d #gear:hover svg,.v2d #gear[aria-expanded=true] svg{transform:rotate(90deg)}
.v2d .ords{display:grid;gap:10px}
.v2d .ord{padding:14px 16px}
.v2d .ord small{color:var(--mu);font-size:12px}
.v2d .oh{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px}
.v2d .tag{font-size:12px;padding:3px 10px;border-radius:20px;white-space:nowrap}
.v2d .run{background:rgba(0,243,247,.14);color:var(--v2dac)}
.v2d .ok{background:rgba(61,220,151,.14);color:#3ddc97}
.v2d .part{background:rgba(255,184,77,.14);color:#ffb84d}
.v2d .hots{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:none}
.v2d .hot{flex:none;width:150px;padding:14px;border-radius:20px;background:var(--card);border:1px solid var(--bd);display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:start;font-size:14px;font-weight:600}
.v2d .hot small{color:var(--mu);font-weight:400;font-size:12px}
@media(min-width:700px){.v2d .ords{grid-template-columns:repeat(3,1fr)}
.v2d .hots{flex-wrap:wrap;overflow:visible}}
.v2d .faqs{display:grid;gap:10px}
.v2d .faq summary{min-height:52px;display:flex;align-items:center;padding:0 16px;cursor:pointer;font-weight:600;font-size:14px;list-style:none}
.v2d .faq summary::-webkit-details-marker{display:none}
.v2d .faq summary::after{content:"";margin-inline-start:auto;width:8px;height:8px;border-inline-end:2px solid var(--v2dac);border-bottom:2px solid var(--v2dac);transform:rotate(45deg);transition:transform .3s}
.v2d .faq[open] summary::after{transform:rotate(-135deg)}
.v2d .faq p{margin:0;padding:0 16px 16px;color:var(--mu);font-size:14px;line-height:1.8}
.v2d .pop{min-width:300px;padding:12px;gap:10px;grid-template-columns:repeat(3,1fr);transform-origin:top left;border-radius:22px;background:linear-gradient(160deg,#171a30,#0c0e1c);box-shadow:0 24px 50px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.14)}
.v2d .pop.on{display:grid;animation:v2dk-pin .35s cubic-bezier(.2,.8,.3,1.2)}
@keyframes v2dk-pin{from{opacity:0;transform:perspective(600px) rotateX(-28deg) scale(.88)}}
.v2d .pop button{flex-direction:column;justify-content:center;gap:8px;min-height:96px;padding:12px 4px;text-align:center;font-size:12.5px;font-weight:600;border:1px solid var(--bd);border-radius:18px;background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.02));box-shadow:0 10px 18px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.2);transition:transform .25s}
.v2d .pop button:hover,.v2d .pop button:focus-visible{transform:perspective(400px) translateY(-4px) rotateX(10deg)}
.v2d .lbl2{font-size:14px;color:var(--mu);margin:16px 0 8px}
.v2d .selbox{width:100%;min-height:56px;display:flex;align-items:center;gap:12px;padding:8px 14px;border-radius:16px;background:rgba(10,12,24,.9);border:1px solid rgba(0,243,247,.5);font-size:14px;text-align:start}
.v2d .selbox::after{content:"";width:8px;height:8px;border-inline-end:2px solid var(--v2dac);border-bottom:2px solid var(--v2dac);transform:rotate(45deg);transition:transform .3s}
.v2d .selbox[aria-expanded=true]::after{transform:rotate(-135deg)}
.v2d .i3.sm{width:30px;height:30px;border-radius:10px;flex:none}
.v2d .i3.sm svg{width:16px;height:16px}
.v2d .dd{margin-top:8px;border-radius:18px;border:1px solid var(--bd);background:rgba(10,12,24,.95);max-height:340px;overflow-y:auto;box-shadow:0 18px 40px rgba(0,0,0,.5)}
.v2d .row{width:100%;min-height:56px;display:flex;align-items:center;gap:12px;padding:8px 14px;border:0;border-bottom:1px solid var(--bd);background:none;text-align:start;font-size:14px}
.v2d .row:last-child{border-bottom:0}
.v2d .row:hover,.v2d .row.sel{background:rgba(0,243,247,.09)}
.v2d .rn{flex:1}
.v2d .rc{padding:16px}
.v2d .rc-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:5px;border-radius:16px;background:rgba(255,255,255,.05);margin-bottom:16px}
.v2d .rc-tabs button{min-height:44px;border:0;border-radius:12px;background:none;font-weight:700;font-size:13px;color:var(--mu);transition:.2s}
.v2d .rc-tabs button[aria-selected=true]{background:var(--v2dac);color:#04121a}
.v2d .rc-p{display:none}
.v2d .rc-p.on{display:block;animation:v2dk-in .3s}
.v2d .rc-hint{margin:0 0 12px;color:var(--mu);font-size:13px;text-align:center}
.v2d .rc-wheel{position:relative;width:min(270px,100%);margin:8px auto 14px}
.v2d .rc-wheel svg{width:100%;height:auto;display:block;overflow:visible;filter:drop-shadow(0 0 22px rgba(0,243,247,.25))}
.v2d #rc-wh{transform-origin:110px 110px;transition:transform 4.4s cubic-bezier(.12,.7,.1,1)}
.v2d .rc-ptr{position:absolute;top:-10px;left:50%;transform:translateX(-50%);width:0;height:0;border-inline:11px solid transparent;border-top:20px solid var(--v2dac);filter:drop-shadow(0 0 8px var(--v2dac));z-index:3}
.v2d .rc-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:78px;height:78px;border-radius:50%;border:4px solid #06101a;background:var(--v2dac);color:#04121a;font-weight:800;font-size:18px;box-shadow:0 0 26px rgba(0,243,247,.55);z-index:2}
.v2d .rc-hub:disabled{filter:grayscale(.5);opacity:.85;cursor:not-allowed}
.v2d .rc-conf{position:absolute;left:50%;top:50%;width:0;height:0;z-index:4}
.v2d .rc-res{display:none;margin-top:6px;padding:14px;border-radius:18px;border:1px dashed rgba(0,243,247,.55);background:rgba(0,243,247,.07);text-align:center}
.v2d .rc-res.on{display:block;animation:v2dk-in .4s}
.v2d .rc-res b{display:block;font-size:24px;margin:2px 0 10px;color:var(--v2dac)}
.v2d .rc-code{display:flex;gap:8px;align-items:center;justify-content:center}
.v2d .rc-code span{padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.07);font-weight:800;letter-spacing:2px;direction:ltr}
.v2d .rc-cd{display:block;margin-top:10px;color:var(--mu);font-variant-numeric:tabular-nums}
.v2d .rc-packs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.v2d .rc-pk{padding:16px 10px;border-radius:18px;border:1px solid var(--bd);background:var(--card);text-align:center;transition:.2s;color:var(--tx)}
.v2d .rc-pk b{display:block;font-size:26px;font-weight:800}
.v2d .rc-pk small{color:var(--v2dac);font-weight:700}
.v2d .rc-pk[aria-pressed=true]{border-color:var(--v2dac);background:rgba(0,243,247,.1);box-shadow:0 0 24px -8px var(--v2dac);transform:translateY(-2px)}
.v2d .rc-sum{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.05);font-size:14px;color:var(--mu)}
.v2d .rc-sum b{color:var(--tx)}
.v2d .rc-sum .rc-big{color:var(--v2dac);font-size:22px;font-variant-numeric:tabular-nums}
.v2d .rc-cp,.v2d .rc-ref{display:flex;gap:8px;margin-top:12px}
.v2d .rc-cp .sbox,.v2d .rc-ref .sbox{flex:1;min-width:0}
.v2d .rc-msg{min-height:20px;margin-top:8px;font-size:13px;color:var(--mu)}
.v2d .rc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}
.v2d .rc-stats div{padding:12px 6px;border-radius:16px;background:rgba(255,255,255,.05);text-align:center}
.v2d .rc-stats b{display:block;font-size:22px;font-weight:800;font-variant-numeric:tabular-nums}
.v2d .rc-stats small{color:var(--mu);font-size:12px}
.v2d .rc-calc{padding:14px;border-radius:18px;background:rgba(255,255,255,.04)}
.v2d .rc-row{display:flex;justify-content:space-between;font-size:13px;color:var(--mu);margin-top:4px}
.v2d .rc-row b{color:var(--tx)}
.v2d .rc-earn{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:12px;border-top:1px solid var(--bd);color:var(--mu)}
.v2d .rc-earn b{font-size:26px;color:var(--v2dac);font-variant-numeric:tabular-nums}
.v2d .rc-note{display:block;margin-top:6px;color:var(--mu);font-size:11px}
.v2d .rc-toast{position:fixed;bottom:96px;left:50%;transform:translate(-50%,10px);padding:10px 18px;border-radius:14px;background:#0a1620;border:1px solid var(--v2dac);font-size:13px;opacity:0;pointer-events:none;transition:.3s;z-index:60}
.v2d .rc-toast.on{opacity:1;transform:translate(-50%,0)}
.v2d .rc a.v2dbtn{text-decoration:none}
.v2d .rc-big,.v2d #rc-pay,.v2d #rc-earn,.v2d .rc-stats b{direction:ltr;unicode-bidi:isolate;display:inline-block}
.v2d .rc input[type=range]{width:100%;height:30px;display:block;-webkit-appearance:none;appearance:none;background:none;direction:ltr;margin:4px 0 8px}
.v2d .rc input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:8px;background:linear-gradient(90deg,var(--v2dac),var(--v2dac2));opacity:.9}
.v2d .rc input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-8px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(0,243,247,.3),0 4px 12px rgba(0,0,0,.5)}
.v2d .rc input[type=range]::-moz-range-track{height:8px;border-radius:8px;background:linear-gradient(90deg,var(--v2dac),var(--v2dac2))}
.v2d .rc input[type=range]::-moz-range-thumb{width:24px;height:24px;border:0;border-radius:50%;background:#fff}
.v2d .i3{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none;background:linear-gradient(180deg,#232738,#1a1d2b);border:1.5px solid rgba(255,255,255,.1);box-shadow:none;transform:none}
.v2d .i3 svg{width:22px;height:22px;filter:none}
.v2d .medal{flex:none;filter:drop-shadow(0 6px 10px rgba(0,0,0,.55)) drop-shadow(0 0 12px rgba(201,128,63,.35))}
.v2d .logo img{height:30px;display:block}
.v2d .sv-grid{display:grid;gap:14px;grid-template-columns:1fr}
@media(min-width:900px){.v2d .sv-grid{grid-template-columns:1.7fr 1fr;align-items:start}}
.v2d .sv-grid>*{min-width:0}
.v2d .sv-card{padding:18px}
.v2d .sv-search{position:relative;margin-bottom:12px}
.v2d .sv-search span{position:absolute;inset-inline-end:14px;top:50%;transform:translateY(-50%);color:var(--v2dac);pointer-events:none}
.v2d .sv-search input{width:100%;height:50px;border-radius:16px;border:1px solid var(--bd);background:rgba(255,255,255,.04);padding:0 46px 0 14px;font-size:15px}
.v2d .sv-search input:focus,.v2d .sv-inp input:focus,.v2d .sv-num:focus{outline:2px solid var(--v2dac);outline-offset:1px}
.v2d .sv-chips{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 10px;scrollbar-width:none}
.v2d .sv-chip{flex:none;min-height:44px;padding:0 14px 0 12px;border-radius:30px;border:1px solid var(--bd);background:rgba(255,255,255,.04);display:flex;align-items:center;gap:8px;font-weight:700;font-size:13px;color:var(--tx);transition:.2s}
.v2d .sv-chip[aria-selected=true]{border-color:var(--v2dac);background:rgba(0,243,247,.1);box-shadow:0 0 18px -6px var(--v2dac)}
.v2d .sv-inp input{direction:ltr;text-align:left}
.v2d .sv-inp input::placeholder{text-align:left}
.v2d .sv-ci{width:24px;height:24px;display:grid;place-items:center;flex:none}
.v2d .sv-ic{width:24px;height:24px;display:grid;place-items:center;flex:none}
.v2d .sv-ic svg{width:20px;height:20px}
.v2d .sv-ic:empty{display:none}
.v2d .sv-b{white-space:nowrap}
.v2d .sv-b svg{flex:none}
.v2d .sv-ch .v2dbtn{color:var(--tx)}
.v2d .sv-ci svg{width:20px;height:20px}
.v2d .sv-l{display:block;font-size:13px;color:var(--mu);margin:16px 0 8px}
.v2d .sv-dd{position:relative}
.v2d .sv-sel{width:100%;min-height:54px;display:flex;align-items:center;gap:10px;padding:0 14px;border-radius:16px;border:1px solid var(--bd);background:rgba(255,255,255,.04);font-size:14px;text-align:start;color:var(--tx);transition:.2s}
.v2d .sv-sel .sv-t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v2d .sv-dd.on .sv-sel{border-color:var(--v2dac);background:rgba(0,243,247,.06)}
.v2d .sv-list{display:none;margin-top:8px;max-height:320px;overflow-y:auto;border-radius:18px;border:1px solid var(--bd);background:#07121a;box-shadow:0 20px 44px rgba(0,0,0,.55)}
.v2d .sv-dd.on .sv-list{display:block;animation:v2dk-in .2s}
.v2d .sv-it{width:100%;min-height:54px;display:flex;align-items:center;gap:10px;padding:8px 14px;border:0;border-bottom:1px solid var(--bd);background:none;text-align:start;font-size:13px;color:var(--tx)}
.v2d .sv-it:last-child{border-bottom:0}
.v2d .sv-it:hover{background:rgba(0,243,247,.08)}
.v2d .sv-nm{flex:1;min-width:0}
.v2d .sv-it small{color:var(--v2dac);font-weight:700;white-space:nowrap}
.v2d .sv-empty{padding:18px;text-align:center;color:var(--mu)}
.v2d .sv-info{display:none;margin-top:14px;padding:14px;border-radius:18px;background:linear-gradient(160deg,rgba(0,243,247,.08),rgba(255,255,255,.03));border:1px solid rgba(0,243,247,.25)}
.v2d .sv-info.on{display:block;animation:v2dk-in .3s}
.v2d .sv-ih{display:flex;align-items:center;gap:10px;font-size:14px}
.v2d .sv-bs{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}
.v2d .sv-b{font-style:normal;font-size:11px;padding:4px 10px;border-radius:20px;display:inline-flex;align-items:center;gap:4px;font-weight:700}
.v2d .sv-b.hot{background:rgba(255,140,60,.15);color:#ffb070}
.v2d .sv-b.gr{background:rgba(61,220,151,.14);color:#3ddc97}
.v2d .sv-b.fs{background:rgba(0,243,247,.12);color:var(--v2dac)}
.v2d .sv-st{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.v2d .sv-st div{padding:10px 6px;border-radius:12px;background:rgba(255,255,255,.05);text-align:center}
.v2d .sv-st small,.v2d .sv-two small{display:block;color:var(--mu);font-size:11px}
.v2d .sv-st b{font-size:15px;direction:ltr;unicode-bidi:isolate;display:inline-block}
.v2d .sv-mt{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:12px;color:var(--mu)}
.v2d .sv-mt span{width:48px}
.v2d .sv-mt i{flex:1;height:7px;border-radius:7px;background:rgba(255,255,255,.08);overflow:hidden}
.v2d .sv-mt u{display:block;height:100%;border-radius:7px;background:linear-gradient(90deg,var(--v2dac),var(--v2dac2));box-shadow:0 0 10px rgba(0,243,247,.5);transition:width 1s cubic-bezier(.2,.8,.2,1)}
.v2d .sv-inp{position:relative}
.v2d .sv-inp input,.v2d .sv-num{width:100%;height:54px;border-radius:16px;border:1px solid var(--bd);background:rgba(255,255,255,.04);padding:0 14px;font-size:15px}
.v2d .sv-ok{position:absolute;inset-inline-start:14px;top:50%;width:22px;height:22px;margin-top:-11px;border-radius:50%;background:var(--v2dac) center/14px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2304121a' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E");transform:scale(0);transition:.25s}
.v2d .sv-ok.on{transform:scale(1)}
.v2d .sv-quick{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.v2d .sv-quick button{min-height:38px;padding:0 14px;border-radius:12px;border:1px solid var(--bd);background:rgba(255,255,255,.04);font-weight:700;font-size:13px;color:var(--tx)}
.v2d .sv-quick button:hover{border-color:var(--v2dac);color:var(--v2dac)}
.v2d .sv-mm{margin-top:10px;padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.05);font-size:13px;color:var(--mu);display:inline-block}
.v2d .sv-mm.bad{color:#ff8a98;background:rgba(255,100,120,.1)}
.v2d .sv-two{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.v2d .sv-two>div{padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid var(--bd)}
.v2d .sv-two b{display:block;font-size:15px;margin-top:2px}
.v2d .sv-cost{font-size:24px!important;color:var(--v2dac);font-variant-numeric:tabular-nums;direction:ltr;text-align:start}
.v2d .sv-cost.svp{animation:v2dk-svpop .45s}
@keyframes v2dk-svpop{40%{color:#fff;text-shadow:0 0 18px var(--v2dac)}}
.v2d .sv-go{width:100%;min-height:56px;margin-top:14px;font-size:16px}
.v2d .sv-side{display:grid;gap:12px}
.v2d .sv-why{padding:18px}
.v2d .sv-why h3{margin:0 0 12px;font-size:18px}
.v2d .sv-why ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.v2d .sv-why li{display:flex;align-items:center;gap:12px;font-size:14px;color:#dbe7ee}
.v2d .sv-why li span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex:none;background:rgba(0,243,247,.1);color:var(--v2dac);border:1px solid rgba(0,243,247,.25)}
.v2d .sv-ch{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.v2d .sv-ch .v2dbtn{min-height:50px;font-size:13px;text-decoration:none}
.v2d .sv-ch svg{width:22px;height:22px}
.v2d .sv-sh{display:flex;align-items:center;justify-content:space-between;gap:10px}
.v2d .sv-shuf{min-height:42px;padding:0 14px;border-radius:14px;border:1px solid var(--bd);background:var(--card);display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--v2dac);margin-top:14px}
.v2d .sv-shuf.spin span{animation:v2dk-svsp .6s}
@keyframes v2dk-svsp{to{transform:rotate(360deg)}}
.v2d .sv-sug{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 10px;scrollbar-width:none}
.v2d .sv-sg{flex:none;width:200px;padding:14px;border-radius:20px;border:1px solid var(--bd);background:var(--card);display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:start;color:var(--tx);transition:.2s}
.v2d .sv-sg:hover{border-color:var(--v2dac);transform:translateY(-3px);box-shadow:0 12px 30px -14px var(--v2dac)}
.v2d .sv-sn{font-weight:700;font-size:13px;line-height:1.5}
.v2d .sv-sp{font-size:12px;color:var(--mu)}
.v2d .sv-sa{margin-top:auto;font-size:12px;font-weight:800;color:var(--v2dac)}
@media(min-width:900px){.v2d .sv-sug{flex-wrap:wrap;overflow:visible}
.v2d .sv-sg{flex:1 1 200px}}
.v2d .dft{margin:34px 0 0;background:#08121a;border-top:1px solid rgba(0,243,247,.18);border-radius:26px 26px 0 0;padding:26px 16px 100px}
.v2d .dft-in{max-width:1100px;margin:auto}
.v2d .dft-r1{display:flex;align-items:center;justify-content:space-between;gap:12px}
.v2d .dft-r1 img{height:34px;display:block}
.v2d .dft-soc{display:flex;gap:10px}
.v2d .dft-soc a{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#04050b;border:1px solid var(--bd)}
.v2d .dft-soc svg{width:22px;height:22px}
.v2d .dft-ln{display:flex;flex-wrap:wrap;gap:8px 18px;margin:16px 0 4px;color:var(--mu);font-size:14px}
.v2d .dft-ln a{color:inherit;text-decoration:none}
.v2d .dft-ln a:hover{color:var(--v2dac)}
.v2d .dft-bt{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid var(--bd);color:var(--mu);font-size:13px}
.v2d .dft-cr{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 20px;border-radius:40px;background:rgba(37,211,102,.08);border:1px solid rgba(61,220,151,.4);color:var(--tx);font-size:14px;text-decoration:none}
.v2d .dft-cr b{background:linear-gradient(100deg,#7ef3ff,#3ddc97);-webkit-background-clip:text;background-clip:text;color:transparent}
.v2d .dft-cr svg{width:22px;height:22px}
@media(min-width:1024px){.v2d .dft{margin-right:292px;margin-left:0;padding-inline:28px}}
.v2d .sv-live{position:sticky;top:76px;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;margin:0 0 14px;border-radius:18px;background:#0a1a24;border:1px solid rgba(0,243,247,.35);box-shadow:0 10px 30px -14px rgba(0,243,247,.5)}
.v2d .sv-live small{display:block;color:var(--mu);font-size:11px}
.v2d .sv-live .sv-cost{font-size:26px!important;line-height:1.2;display:block}
.v2d .sv-lq{font-size:12px;color:var(--mu);text-align:end}
.v2d .sv-desc{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid var(--bd);min-height:54px}
.v2d .sv-desc p{margin:0;font-size:13px;line-height:1.9;color:#dbe7ee;white-space:pre-line}
.v2d .sv-desc.ph p{color:var(--mu)}
.v2d .sv-two{display:flex;flex-wrap:wrap;gap:10px;grid-template-columns:none}
.v2d .sv-two>div{flex:0 0 auto;min-width:128px;padding:9px 16px;border-radius:14px}
.v2d .sv-two b{font-size:14px;margin-top:1px}
.v2d .sv-two .sv-cost{font-size:20px!important;line-height:1.3}
.v2d .sv-cb{border-color:rgba(0,243,247,.35)!important;background:rgba(0,243,247,.06)!important}
.v2d .card,.v2d .sv-why,.v2d .sv-card{-webkit-backdrop-filter:none;backdrop-filter:none}
.v2d .sv-why{background:rgba(10,24,34,.92)}
.v2d .sin{scrollbar-width:none;-ms-overflow-style:none}
.v2d .sin::-webkit-scrollbar{display:none}
@media(min-width:1024px){.v2d .sin{padding-top:12px;padding-bottom:12px}
.v2d .prof{margin:10px 0 8px;padding:12px}
.v2d .prof .v2dbtn{margin-top:10px;min-height:42px}
.v2d .nav a{min-height:40px;margin-bottom:1px}
.v2d .nav a span{transform:scale(.95)}
.v2d .sin>a.v2dbtn{margin-top:8px!important;min-height:42px}}
@media(min-width:1024px) and (max-height:760px){.v2d .nav a{min-height:36px}
.v2d .prof{padding:10px}}
.v2d{overflow:visible}@supports (overflow:clip){.v2d{overflow-x:clip}}
/* ===== panel-generated parts (categories / services / fields / charge) ===== */
.v2d .sv-card form{margin:0}
.v2d .control-label{display:block;font-size:13px;color:var(--mu);margin:16px 0 8px;font-weight:400;max-width:none}
.v2d .form-group{margin:0}
.v2d .form-control{width:100%;height:54px;border-radius:16px;border:1px solid var(--bd);background:rgba(255,255,255,.04);color:#fff;padding:0 14px;font-size:14px;box-shadow:none;font-weight:600}
.v2d .form-control:focus{outline:2px solid var(--ac);outline-offset:1px;border-color:var(--ac);box-shadow:none}
.v2d select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:none;color-scheme:dark}
.v2d select option{background:#07121a;color:#fff}
.v2d textarea.form-control{height:auto;min-height:110px;padding:12px 14px}
.v2d .help-block,.v2d #fields small,.v2d #fields .help-block{display:inline-block;margin-top:10px;padding:9px 14px;border-radius:12px;background:rgba(255,255,255,.05);font-size:13px;color:var(--mu)}
.v2d #service_description .panel-body{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid var(--bd);font-size:13px;line-height:1.9;color:#dbe7ee;white-space:pre-line;min-height:54px}
.v2d #service_description label{margin-top:16px}
.v2d .alert{border-radius:14px;font-size:13px;padding:12px 16px;margin:0 0 12px;border:1px solid}
.v2d .alert-danger{background:rgba(255,80,100,.12);border-color:rgba(255,80,100,.4);color:#ffb3bd}
.v2d .alert-success{background:rgba(61,220,151,.12);border-color:rgba(61,220,151,.4);color:#9ef0c8}
.v2d .alert .close{float:left;background:none;border:0;color:inherit;font-size:20px;line-height:1}
.v2d .alert h4{font-size:15px;margin:0 0 6px}
.v2d .terms{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--tx);margin-top:14px}
.v2d .terms input{margin-top:3px;accent-color:var(--ac)}.v2d .terms a{color:var(--ac)}
.v2d .sv-two{align-items:stretch}
.v2d #v2-avg:empty{display:none}
.v2d #v2-avg{padding:0!important;border:0!important;background:none!important;min-width:0!important}
.v2d #v2-avg .form-group,.v2d #v2-avg>div{padding:9px 16px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--bd);min-width:128px}
.v2d #v2-avg label{font-size:11px;color:var(--mu);margin:0;display:block}
.v2d #v2-avg .form-control,.v2d #v2-avg .panel-body{height:auto;border:0;background:none;padding:0;font-size:14px;font-weight:700;min-height:0}
.v2d .sv-cb #charge{height:auto;border:0;background:none;padding:0;font-size:20px;line-height:1.3;font-weight:800;color:var(--ac);direction:ltr;text-align:start;font-variant-numeric:tabular-nums;width:100%;min-width:90px}
.v2d .sv-cb.svp{animation:v2dk-svpop .45s}
.v2d .sv-go{width:100%}
/* services dropdown (select2 / panel dropdown) — arrow removed, dark teal */
body.v2d-on .select2-container .select2-selection--single{height:54px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);display:flex;align-items:center}
body.v2d-on .select2-container--default .select2-selection--single .select2-selection__rendered{color:#fff;font-weight:700;font-size:14px;line-height:1.5;padding:0 14px;width:100%}
body.v2d-on .select2-selection__arrow,body.v2d-on .select2-container--default .select2-selection--single .select2-selection__arrow{display:none!important}
body.v2d-on .select2-dropdown,body.v2d-on .select2-results,body.v2d-on .select2-results__options{background:#07121a!important;border-color:rgba(255,255,255,.1)!important;border-radius:16px}
body.v2d-on .select2-search--dropdown .select2-search__field{background:#0b1c26!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:12px;height:44px;padding:0 12px}
body.v2d-on .y3-opt{border-bottom:1px solid rgba(255,255,255,.08)!important}
body.v2d-on .y3-opt:hover .y3-opt-row,body.v2d-on .select2-results__option--highlighted .y3-opt-row{background:rgba(0,243,247,.08)!important}
.v2d .sv-chip .y3-plat-ic,.v2d .sv-sg .y3-plat-ic{margin:0}
.v2d .sv-search{position:relative}
.v2d .sv-search .form-control{padding:0 46px 0 14px;height:50px}
.v2d .sv-search .sv-sbtn{position:absolute;inset-inline-end:14px;top:50%;transform:translateY(-50%);background:none;border:0;color:var(--ac);padding:0}
.v2d #new-order-search .dropdown-menu,body.v2d-on #new-order-search .dropdown-menu{background:#07121a!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:16px}
.v2d .bn a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:var(--mu);min-width:60px;min-height:48px;justify-content:center;text-decoration:none}
.v2d .bn a.cur{color:var(--ac)}
.v2d .acts a.act{text-decoration:none}
.v2d .pop a{width:100%;min-height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px 4px;text-align:center;font-size:12.5px;font-weight:600;border:1px solid var(--bd);border-radius:18px;background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.02));box-shadow:0 10px 18px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.2);color:var(--tx)}
.v2d .pop a:hover{transform:perspective(400px) translateY(-4px) rotateX(10deg)}
.v2d .pop a .ic{color:var(--ac)}.v2d .pop a.out .ic{color:#ff7b8a}.v2d .pop a.out{color:#ff7b8a}
.v2d .amt [data-m],.v2d .prof [data-m]{unicode-bidi:isolate;direction:ltr;display:inline-block}

/* gear icon + layout polish for the panel page */
.v2d #gear .ic{width:22px;height:22px}
.v2d .sv-two{margin-top:14px}
.v2d .sv-two>div{display:flex;flex-direction:column;justify-content:center}
.v2d .terms{margin-top:16px}
.v2d .sv-go{min-height:56px;margin-top:16px;font-size:16px}
.v2d .sv-why h3{margin:0 0 12px;font-size:18px}
.v2d .sv-price{padding:16px}

/* --- spacing + compact boxes + currency + avatar --- */
.v2d .sv-search{margin-bottom:0}
.v2d .sv-chips{margin-top:18px;padding-top:4px}
.v2d .sv-two{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}
.v2d .sv-two>div{flex:0 0 auto;width:auto;min-width:0;padding:8px 14px;border-radius:14px}
.v2d #v2-avg:empty{display:none}
.v2d #v2-avg>div,.v2d #v2-avg .form-group{padding:8px 14px;border-radius:14px;min-width:0;width:auto;background:rgba(255,255,255,.04);border:1px solid var(--bd)}
.v2d #v2-avg label,.v2d .sv-cb small{font-size:11px;color:var(--mu);margin:0;display:block;white-space:nowrap}
.v2d #v2-avg .form-control,.v2d #v2-avg .panel-body{font-size:14px;font-weight:700;white-space:nowrap;min-height:0}
.v2d .sv-cb{min-width:118px}
.v2d .sv-cb #charge{font-size:19px;width:auto;min-width:72px}
/* avatar */
.v2d .av{position:relative;overflow:hidden}
.v2d .av img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}
.v2d .uav{width:34px;height:34px;border-radius:50%;flex:none;display:grid;place-items:center;background:linear-gradient(145deg,var(--ac),var(--ac2));color:#04121a;font-weight:800;font-size:15px;overflow:hidden}
.v2d .uav img{width:100%;height:100%;object-fit:cover;display:block}

.v2d .sv-two{flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;gap:10px}
.v2d .sv-two>div,.v2d #v2-avg>div,.v2d #v2-avg .form-group{flex:0 1 auto}
.v2d #v2-avg{display:flex}
.v2d .sv-cb{align-self:stretch;display:flex;flex-direction:column;justify-content:center}

.v2d .sv-cb{min-width:0;max-width:170px}
.v2d .sv-cb #charge{min-width:0;width:100%}

/* ===================== PAGES: orders / addfunds / services ===================== */
.v2d .pghead{margin:6px 0 18px}
.v2d .pghead h1{font-size:clamp(24px,6vw,34px);margin:0 0 6px}
.v2d .pghead p{margin:0;color:var(--mu);font-size:14px;line-height:1.8}
.v2d .pghead a{color:var(--ac)}
.v2d .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.v2d .empty{padding:38px 20px;text-align:center;display:grid;justify-items:center;gap:12px;color:var(--mu)}
.v2d .empty .ic{width:34px;height:34px;color:var(--ac)}
.v2d .empty b{color:var(--tx);font-size:16px}
.v2d .pgn{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin:18px 0 4px}
.v2d .pgn a{min-width:42px;min-height:42px;display:grid;place-items:center;padding:0 10px;border-radius:12px;border:1px solid var(--bd);background:var(--card);font-size:14px;font-weight:700}
.v2d .pgn a.cur{background:var(--ac);color:#04121a;border-color:transparent}
.v2d .otop{display:grid;gap:12px;margin-bottom:16px}
.v2d .otop .sv-chips{margin:0;padding-bottom:6px}
.v2d .otop .sv-chip{text-decoration:none;min-height:42px;font-size:13px}
.v2d .dotc{width:9px;height:9px;border-radius:50%;flex:none;background:var(--mu)}
.v2d .dotc.ok{background:#3ddc97}.v2d .dotc.run{background:var(--ac)}.v2d .dotc.part{background:#ffb84d}
.v2d .dotc.bad{background:#ff7b8a}.v2d .dotc.proc{background:#8f9bff}.v2d .dotc.wait{background:#9aa4b5}
.v2d .osearch{position:relative;margin:0}
.v2d .osearch .form-control{padding:0 46px 0 14px;height:50px}
.v2d .ogrid{display:grid;gap:12px}
@media(min-width:760px){.v2d .ogrid{grid-template-columns:1fr 1fr}.v2d .otop{grid-template-columns:1fr 300px;align-items:center}}
@media(min-width:1280px){.v2d .ogrid{grid-template-columns:repeat(3,1fr)}}
.v2d .ocard{padding:16px;display:flex;flex-direction:column;gap:10px}
.v2d .ohead{display:flex;align-items:center;justify-content:space-between;gap:10px}
.v2d .obadge{font-size:12px;font-weight:700;padding:5px 12px;border-radius:20px;background:rgba(255,255,255,.07);color:var(--mu);display:inline-flex;align-items:center;gap:6px}
.v2d .st-ok .obadge{background:rgba(61,220,151,.14);color:#3ddc97}
.v2d .st-run .obadge{background:rgba(0,243,247,.12);color:var(--ac)}
.v2d .st-part .obadge{background:rgba(255,184,77,.14);color:#ffb84d}
.v2d .st-bad .obadge{background:rgba(255,123,138,.14);color:#ff7b8a}
.v2d .st-proc .obadge{background:rgba(143,155,255,.14);color:#8f9bff}
.v2d .ocr{font-style:normal;cursor:help;opacity:.8}
.v2d .oid{display:inline-flex;align-items:center;gap:6px;background:none;border:0;color:var(--tx);font-weight:800;font-size:14px;padding:0;direction:ltr}
.v2d .oid .ic{width:15px;height:15px;color:var(--mu)}
.v2d .osvc{font-size:14px;line-height:1.7;font-weight:600;min-height:38px}
.v2d .olink{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid var(--bd)}
.v2d .olt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#bcd3de;direction:ltr;text-align:left}
.v2d .ocp{background:none;border:0;padding:0;color:var(--ac)}.v2d .ocp .ic{width:16px;height:16px}
.v2d .odet{border-radius:12px;background:rgba(255,255,255,.04);border:1px solid var(--bd)}
.v2d .odet summary{min-height:42px;display:flex;align-items:center;padding:0 12px;font-size:13px;cursor:pointer;list-style:none}
.v2d .odet summary::-webkit-details-marker{display:none}
.v2d .odrow{display:flex;justify-content:space-between;gap:10px;padding:8px 12px;font-size:12px;border-top:1px solid var(--bd);color:var(--mu)}
.v2d .odrow b{color:var(--tx);word-break:break-all}
.v2d .ostats{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.v2d .ostats>div{padding:9px 12px;border-radius:12px;background:rgba(255,255,255,.04)}
.v2d .ostats small{display:block;color:var(--mu);font-size:11px}
.v2d .ostats b{font-size:14px;direction:ltr;unicode-bidi:isolate;display:inline-block}
.v2d .ocharge{color:var(--ac)}
.v2d .obar{display:flex;align-items:center;gap:10px}
.v2d .opct{font-size:11px;color:var(--mu);min-width:34px;direction:ltr}
.v2d .obar i{flex:1;height:8px;border-radius:8px;background:rgba(255,255,255,.08);overflow:hidden}
.v2d .obar u{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,var(--ac),var(--ac2));box-shadow:0 0 10px rgba(0,243,247,.45);transition:width 1.1s cubic-bezier(.2,.8,.2,1)}
.v2d .obar.done u{background:linear-gradient(90deg,#3ddc97,#18b377);box-shadow:0 0 10px rgba(61,220,151,.45)}
.v2d .ofoot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-top:4px}
.v2d .oacts{display:flex;gap:8px;flex-wrap:wrap}
.v2d .obtn{min-height:38px;padding:0 14px;font-size:13px;border-radius:12px;text-decoration:none}
.v2d .obtn .ic{width:16px;height:16px}
.v2d .obtn.off{opacity:.45;cursor:not-allowed}
.v2d .otag{font-size:12px;color:var(--mu);padding:7px 12px;border-radius:12px;background:rgba(255,255,255,.05)}
.v2d .odate{font-size:11px;color:var(--mu);direction:ltr}
.v2d .afgrid{display:grid;gap:14px}
@media(min-width:900px){.v2d .afgrid{grid-template-columns:1.6fr 1fr;align-items:start}}
.v2d .afgrid>*{min-width:0}
.v2d .afmain{display:grid;gap:14px}
.v2d .afcard{padding:18px}
.v2d .affields>div+div{margin-top:12px}
.v2d .afquick{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.v2d .afquick button{min-height:40px;padding:0 16px;border-radius:12px;border:1px solid var(--bd);background:rgba(255,255,255,.04);font-weight:700;font-size:14px;color:var(--tx);direction:ltr}
.v2d .afquick button.on,.v2d .afquick button:hover{border-color:var(--ac);color:var(--ac)}
.v2d .afinfo{padding:18px}
.v2d .afinfo h3{margin:0 0 12px;font-size:17px}
.v2d .afinfo-body{font-size:14px;line-height:2;color:#dbe7ee;word-break:break-word}
.v2d .afinfo-body img{max-width:100%;height:auto;border-radius:12px}
.v2d .afinfo-body table{width:100%;border-collapse:collapse}
.v2d .afinfo-body td,.v2d .afinfo-body th{padding:8px;border:1px solid var(--bd)}
.v2d .afinfo-body a{color:var(--ac)}
.v2d .afhist{padding:18px}
.v2d .afhist h3{margin:0 0 12px;font-size:17px}
.v2d .afhl{display:grid;gap:10px;max-height:560px;overflow:auto;scrollbar-width:none}
.v2d .afhl::-webkit-scrollbar{display:none}
.v2d .afrow{padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid var(--bd);display:grid;gap:8px}
.v2d .afr1{display:flex;align-items:center;justify-content:space-between;gap:10px}
.v2d .afamt{font-size:18px;font-weight:800;color:#3ddc97;direction:ltr}
.v2d .afmethod{font-size:12px;color:var(--mu);text-align:end}
.v2d .afr2{display:flex;align-items:center;justify-content:space-between;gap:10px}
.v2d .afdate{font-size:11px;color:var(--mu);direction:ltr}
.v2d .afinv{font-size:12px;color:var(--ac)}
.v2d .svtop{display:grid;gap:10px;margin:14px 0}
@media(min-width:760px){.v2d .svtop{grid-template-columns:auto auto 1fr;align-items:center}}
.v2d .svsearch{position:relative;margin:0}
.v2d .svsearch .form-control{padding:0 46px 0 14px;height:50px}
.v2d .dropdown{position:relative}
.v2d .dropdown>.v2dbtn{min-height:50px;width:100%;justify-content:space-between;gap:10px;padding:0 16px;font-size:14px}
.v2d .dropdown .dropdown-menu{position:absolute;z-index:40;top:calc(100% + 6px);inset-inline-start:0;min-width:260px;max-height:340px;overflow:auto;margin:0;padding:0;list-style:none;border-radius:16px;background:#07121a;border:1px solid var(--bd);box-shadow:0 20px 44px rgba(0,0,0,.55);display:none}
.v2d .dropdown.open .dropdown-menu,.v2d .dropdown .dropdown-menu.show{display:block}
.v2d .dropdown .dropdown-item{display:flex;align-items:center;gap:10px;min-height:50px;padding:8px 14px;font-size:13px;border-bottom:1px solid var(--bd);color:var(--tx)}
.v2d .dropdown .dropdown-item:hover{background:rgba(0,243,247,.08)}
.v2d .cimg{max-width:22px;max-height:22px;border-radius:5px}
.v2d .svwrap{padding:0;overflow:hidden}
.v2d .svtable{width:100%;border-collapse:collapse;font-size:13px}
.v2d .svtable thead th{position:sticky;top:0;z-index:2;background:#0a1620;color:var(--mu);font-weight:600;font-size:12px;padding:12px 14px;text-align:start;border-bottom:1px solid var(--bd);white-space:nowrap}
.v2d .svtable td{padding:12px 14px;border-bottom:1px solid var(--bd);vertical-align:middle}
.v2d .svtable tbody tr:hover td{background:rgba(0,243,247,.05)}
.v2d .svhide{display:none!important}
.v2d .svcatrow td{padding:14px;background:rgba(0,243,247,.05)}
.v2d .svchip{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:30px;background:rgba(0,243,247,.1);border:1px solid rgba(0,243,247,.3);font-size:14px}
.v2d .svid{color:var(--mu);direction:ltr;font-variant-numeric:tabular-nums}
.v2d .service-name{line-height:1.7;min-width:220px}
.v2d .svrate{color:var(--ac);font-weight:800;direction:ltr;unicode-bidi:isolate;white-space:nowrap}
.v2d .svmm,.v2d .svavg{color:var(--mu);direction:ltr;unicode-bidi:isolate;white-space:nowrap}
.v2d .svact{white-space:nowrap}
.v2d .svact .v2dbtn{min-height:38px;padding:0 14px;font-size:13px;border-radius:12px;text-decoration:none}
.v2d .svact .ic{width:16px;height:16px}
.v2d .svdesc{margin-inline-start:6px}
.v2d .wfav{width:42px}.v2d .wid{width:72px}
.v2d .favorite-active{color:#ffc84d}
.v2d .svtext{padding:18px;margin-top:14px;line-height:2;font-size:14px;color:#dbe7ee}
@media(max-width:759px){
 .v2d .svtable,.v2d .svtable tbody,.v2d .svtable tr,.v2d .svtable td{display:block;width:auto}
 .v2d .svtable thead{display:none}
 .v2d .svtable tbody tr{padding:14px;border-bottom:1px solid var(--bd)}
 .v2d .svtable tbody tr.svcatrow{padding:12px 14px 4px}
 .v2d .svtable td{border:0;padding:4px 0;display:flex;justify-content:space-between;gap:12px}
 .v2d .svtable td::before{content:attr(data-label);color:var(--mu);font-size:12px}
 .v2d .service-name{min-width:0;font-weight:600}
 .v2d .svtable td.service-name::before{content:none}
 .v2d .svact{padding-top:10px!important}
 .v2d .svact::before{content:none}
 .v2d .wfav{position:absolute;inset-inline-end:14px}
 .v2d .svtable tbody tr{position:relative}
}
.v2d .ogrid{grid-template-columns:minmax(0,1fr)}
.v2d .ogrid>*{min-width:0}
.v2d .ocard>*{min-width:0}
@media(min-width:760px){.v2d .ogrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1280px){.v2d .ogrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.v2d .svtable .service-name{width:40%}
.v2d .svtable .svact{text-align:end}
.v2d .svwrap{overflow-x:auto}

/* ===================== PAGES: account / api / tickets ===================== */
.v2d .ltr{direction:ltr;unicode-bidi:isolate;text-align:left}
.v2d .acchead{padding:16px;display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;margin-bottom:14px}
.v2d .accid{display:flex;align-items:center;gap:12px;min-width:0}
.v2d .uav.big{width:54px;height:54px;border-radius:18px;font-size:22px}
.v2d .accid b{display:block;font-size:17px}
.v2d .accid small{color:var(--mu);font-size:12px;direction:ltr;unicode-bidi:isolate;display:block}
.v2d .accstats{display:flex;gap:8px;flex-wrap:wrap}
.v2d .accstats>div{padding:9px 16px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--bd);min-width:104px}
.v2d .accstats small{display:block;color:var(--mu);font-size:11px}
.v2d .accstats b{font-size:16px;direction:ltr;unicode-bidi:isolate;display:inline-block}
.v2d .acctabs{display:flex;gap:8px;margin-bottom:14px;overflow-x:auto;scrollbar-width:none}
.v2d .acctabs::-webkit-scrollbar{display:none}
.v2d .acctabs .sv-chip{text-decoration:none;min-height:44px}
.v2d .accgrid{display:grid;gap:14px}
@media(min-width:900px){.v2d .accgrid{grid-template-columns:1fr 1fr}}
.v2d .accgrid>*{min-width:0}
.v2d .accbox{padding:18px}
.v2d .accbox h3{display:flex;align-items:center;gap:10px;margin:0 0 6px;font-size:17px}
.v2d .accbox h3 .ic{width:20px;height:20px;color:var(--ac)}
.v2d .accbox form{margin:0}
.v2d .accbtn{width:100%;min-height:50px;margin-top:16px}
.v2d .accnote{margin:10px 0 0;font-size:12.5px;color:var(--mu);line-height:1.9}
.v2d .accnote.warn{color:#ffb070}
.v2d .accnote a{color:var(--ac)}
.v2d .keyrow{display:flex;gap:8px;align-items:center}
.v2d .keyrow .form-control{flex:1;min-width:0}
.v2d .keyb{min-height:54px;padding:0 14px;border-radius:14px;flex:none;font-size:13px}
.v2d .keyb .ic{width:18px;height:18px}
.v2d .keyb.on{color:var(--ac);border-color:var(--ac)}
.v2d .modal{position:fixed;inset:0;z-index:70;background:rgba(0,0,0,.7);display:none;overflow:auto;padding:30px 16px}
.v2d .modal.in,.v2d .modal.show{display:block}
.v2d .modal-dialog{max-width:460px;margin:auto}
.v2d .modal-content{border-radius:22px;background:#0b1620;border:1px solid var(--bd);box-shadow:0 24px 60px rgba(0,0,0,.6)}
.v2d .modal-header,.v2d .modal-footer{padding:16px 18px;display:flex;align-items:center;gap:10px}
.v2d .modal-header{border-bottom:1px solid var(--bd);justify-content:space-between}
.v2d .modal-footer{border-top:1px solid var(--bd);justify-content:flex-end}
.v2d .modal-title{margin:0;font-size:17px}
.v2d .modal-body{padding:16px 18px}
.v2d .modal .close{background:none;border:0;color:var(--mu);font-size:22px;line-height:1}
.v2d .modal .v2dbtn{min-height:46px;padding:0 18px}
.v2d .apitop{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.v2d .apibox{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.v2d .apibox small{color:var(--mu);font-size:12px;direction:ltr}
.v2d .apitag{padding:6px 14px;border-radius:12px;background:rgba(0,243,247,.12);color:var(--ac);font-size:13px;font-weight:800;direction:ltr}
.v2d .apirow{padding:14px 16px;margin-bottom:12px}
.v2d .apirow>small{display:block;color:var(--mu);font-size:12px;margin-bottom:8px;direction:ltr}
.v2d .apigrid{display:grid;gap:14px}
@media(min-width:1024px){.v2d .apigrid{grid-template-columns:minmax(0,1fr) 240px;align-items:start}}
.v2d .apigrid>*{min-width:0}
.v2d .apimain{display:grid;gap:14px}
.v2d .apisec{padding:18px;scroll-margin-top:90px}
.v2d .apish{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.v2d .apish h3{margin:0;font-size:18px}
.v2d .apiact{padding:5px 12px;border-radius:12px;background:rgba(0,243,247,.1);color:var(--ac);font-size:12px;font-weight:700}
.v2d .apitabs{margin-bottom:12px}
.v2d .apitable{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:14px}
.v2d .apitable th{padding:10px 12px;background:rgba(255,255,255,.04);color:var(--mu);font-size:12px;text-align:start;border:1px solid var(--bd);direction:ltr}
.v2d .apitable td{padding:10px 12px;border:1px solid var(--bd)}
.v2d .apipar code{padding:3px 9px;border-radius:8px;background:rgba(0,243,247,.1);color:var(--ac);font-size:12px;font-family:ui-monospace,Menlo,Consolas,monospace;direction:ltr;display:inline-block}
.v2d .wpar{width:34%}
.v2d .apiex{border-radius:16px;border:1px solid var(--bd);overflow:hidden}
.v2d .apiexh{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;background:rgba(255,255,255,.04);font-size:13px}
.v2d .apiexh .keyb{min-height:36px;padding:0 12px;font-size:12px}
.v2d .apipre{margin:0;padding:14px;max-height:320px;overflow:auto;background:#06111a;color:#bcd3de;font-size:12px;line-height:1.8;font-family:ui-monospace,Menlo,Consolas,monospace;white-space:pre;scrollbar-width:thin}
.v2d .apiphp{width:100%;min-height:52px;text-decoration:none}
.v2d .apinav{padding:10px}
.v2d .apinav nav{display:grid;gap:2px;max-height:70vh;overflow:auto;scrollbar-width:none}
.v2d .apinav nav::-webkit-scrollbar{display:none}
.v2d .apinav a{display:block;padding:11px 14px;border-radius:12px;font-size:13px;color:var(--mu)}
.v2d .apinav a:hover{background:rgba(255,255,255,.05);color:var(--tx)}
.v2d .apinav a.cur{background:rgba(0,243,247,.1);color:var(--ac);font-weight:700}
@media(max-width:1023px){.v2d .apiside{order:-1}.v2d .apinav nav{display:flex;overflow-x:auto;gap:6px}.v2d .apinav a{white-space:nowrap}}
.v2d .tkgrid{display:grid;gap:14px}
@media(min-width:1024px){.v2d .tkgrid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start}}
.v2d .tkgrid>*{min-width:0}
.v2d .tkform{padding:18px}
.v2d .tkform h3,.v2d .tkhead h3{display:flex;align-items:center;gap:10px;margin:0 0 6px;font-size:18px}
.v2d .tkform h3 .ic,.v2d .tkhead h3 .ic{width:20px;height:20px;color:var(--ac)}
.v2d .tkform form{margin:0}
.v2d .tkup{margin-top:14px}
.v2d .tkup .tickets-uploader{min-height:56px;border:1px dashed rgba(255,255,255,.2);border-radius:16px;display:flex;align-items:center;justify-content:center;padding:10px;color:var(--mu);font-size:13px}
.v2d .tkup .btn,.v2d .tkup button{min-height:44px;padding:0 16px;border-radius:12px;border:1px solid var(--bd);background:rgba(255,255,255,.05);color:var(--tx);font-size:13px}
.v2d .tkfoot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px}
.v2d .tkfoot .accnote{margin:0}
.v2d .tkbtn{min-height:52px;padding:0 24px;font-size:15px}
.v2d .tkside{display:grid;gap:12px}
.v2d .tklist{padding:16px}
.v2d .tkhead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.v2d .tkcount{min-width:28px;height:28px;padding:0 9px;border-radius:14px;background:var(--ac);color:#04121a;font-weight:800;font-size:13px;display:grid;place-items:center}
.v2d .tksearch{position:relative;margin:0 0 12px}
.v2d .tksearch .form-control{padding:0 46px 0 14px;height:48px}
.v2d .tkrows{display:grid;gap:10px;max-height:520px;overflow:auto;scrollbar-width:none}
.v2d .tkrows::-webkit-scrollbar{display:none}
.v2d .tkrow{display:grid;gap:6px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid var(--bd);transition:.2s}
.v2d .tkrow:hover{border-color:var(--ac);transform:translateY(-2px)}
.v2d .tkrow.isnew{border-color:rgba(0,243,247,.4)}
.v2d .tkr1{display:flex;align-items:center;justify-content:space-between;gap:10px}
.v2d .tkid{font-weight:800;font-size:13px}
.v2d .tkst{font-size:11px;padding:4px 10px;border-radius:20px;background:rgba(255,255,255,.07);color:var(--mu)}
.v2d .tkrow.isnew .tkst{background:rgba(0,243,247,.14);color:var(--ac)}
.v2d .tkth{font-size:14px;font-weight:600;line-height:1.6}
.v2d .tktime{font-size:11px;color:var(--mu);direction:ltr}
.v2d .tkback{display:inline-block;margin-bottom:8px;color:var(--ac);font-size:13px}
.v2d .tkchat{padding:18px}
.v2d .tkmsgs{display:grid;gap:16px;margin-bottom:18px}
.v2d .tkmsg{display:grid;gap:6px;max-width:86%}
.v2d .tkmsg.me{justify-self:end;justify-items:end}
.v2d .tkmsg.sup{justify-self:start;justify-items:start}
.v2d .tkbub{padding:14px 16px;border-radius:18px;font-size:14px;line-height:1.9;word-break:break-word}
.v2d .tkmsg.me .tkbub{background:linear-gradient(160deg,rgba(0,243,247,.16),rgba(0,243,247,.06));border:1px solid rgba(0,243,247,.3);border-end-end-radius:6px}
.v2d .tkmsg.sup .tkbub{background:rgba(255,255,255,.05);border:1px solid var(--bd);border-end-start-radius:6px}
.v2d .tkinfo{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--mu)}
.v2d .tkinfo strong{color:var(--tx);font-size:12px}
.v2d .tkfiles{display:grid;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid var(--bd)}
.v2d .tkfiles a{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--ac);direction:ltr}
.v2d .tkfiles .ic{width:15px;height:15px}
.v2d .tkreply{margin:0;padding-top:16px;border-top:1px solid var(--bd)}
.v2d .uav,.v2d .uav.big{background-image:linear-gradient(145deg,var(--ac),var(--ac2))}
.v2d .accid b{word-break:break-word}
.v2d .afpay{width:100%;min-height:58px;margin-top:18px;font-size:16px;gap:10px}
.v2d .afpay .ic{width:20px;height:20px}
.v2d .afcard .sv-go,.v2d .afcard button[type=submit]{display:inline-flex!important;visibility:visible!important;opacity:1!important}

/* ===================== NEW ORDER — foollo-style box ===================== */
.v2d .sv-card{padding:0;overflow:hidden}
.v2d .sv-h{padding:18px 20px 14px;border-bottom:1px solid var(--bd)}
.v2d .sv-h h2{margin:0;font-size:22px;font-weight:700}
.v2d .sv-b{padding:18px 20px 22px}
.v2d .sv-b .control-label{display:block;font-size:14px;color:var(--mu);font-weight:400;margin:18px 0 8px}
.v2d .sv-b .form-group:first-child .control-label,.v2d .sv-b>form>.form-group:first-of-type .control-label{margin-top:0}
.v2d .sv-b .form-control{width:100%;height:58px;border-radius:14px;border:1px solid var(--bd);background:rgba(255,255,255,.03);color:#fff;font-size:14px;font-weight:400;padding:0 16px;line-height:58px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v2d .sv-b textarea.form-control{height:auto;min-height:110px;line-height:1.9;padding:12px 16px;white-space:pre-wrap}
.v2d .sv-b select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:none;font-weight:400}
/* search: icon inside the field */
.v2d .sv-search{position:relative;margin:0 0 16px}
.v2d .sv-search .input-wrapper{position:relative}
.v2d .sv-search .sv-sbtn{position:absolute;inset-inline-end:16px;top:50%;transform:translateY(-50%);background:none;border:0;padding:0;color:var(--ac);z-index:2;line-height:0}
.v2d .sv-search .sv-sbtn .ic{width:22px;height:22px}
.v2d .sv-search .form-control{padding-inline-end:52px}
.v2d .sv-chips{margin:0 0 4px;padding-bottom:10px}
.v2d .sv-chip{min-height:48px;font-weight:600}
/* selected value / dropdown rows: single line, no bold */
.v2d .sv-b .select2-container,.v2d .sv-b .search-dropdown{width:100%!important}
body.v2d-on .select2-container .select2-selection--single{height:58px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03)}
body.v2d-on .select2-container--default .select2-selection--single .select2-selection__rendered{color:#fff;font-weight:400;font-size:14px;line-height:58px;padding:0 16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.v2d-on .y3-opt,body.v2d-on .y3-opt-row,body.v2d-on .select2-results__option,body.v2d-on #new-order-search .dropdown-menu li{font-weight:400!important;font-size:13.5px}
body.v2d-on .select2-results__option,body.v2d-on #new-order-search .dropdown-menu li{white-space:normal;line-height:1.7;padding:11px 14px}
/* description */
.v2d #service_description .control-label{margin-top:18px}
.v2d #service_description .panel-body{padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid var(--bd);font-size:13.5px;line-height:2;color:#dbe7ee;white-space:pre-line;min-height:58px}
.v2d #service_description.loading .panel-body{position:relative;color:transparent}
.v2d #service_description.loading .panel-body::after{content:"";position:absolute;inset:14px 16px;border-radius:8px;background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.1),rgba(255,255,255,.04));background-size:200% 100%;animation:v2dk-shim 1.1s linear infinite}
/* panel-generated fields (link / quantity / min-max / average time) */
.v2d #fields .form-group{margin:0}
.v2d #fields .help-block,.v2d #fields small{display:inline-block;margin-top:10px;padding:9px 16px;border-radius:12px;background:rgba(255,255,255,.05);font-size:12.5px;color:var(--mu);float:none}
.v2d #fields .panel-body{padding:0;background:none;border:0;font-size:14px;margin-top:8px}
/* bottom: cost + send, like foollo */
.v2d .sv-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:22px;padding-top:18px;border-top:1px solid var(--bd)}
.v2d .sv-cost-wrap{display:flex;flex-direction:column;gap:2px;min-width:0}
.v2d .sv-cost-wrap small{color:var(--mu);font-size:13px}
.v2d .sv-cost-wrap #charge{height:auto;line-height:1.3;border:0;background:none;padding:0;font-size:26px;font-weight:800;color:var(--ac);direction:ltr;text-align:start;width:auto;min-width:120px}
.v2d .sv-cost-wrap.svp #charge{animation:v2dk-svpop .45s}
.v2d .sv-send{min-height:56px;padding:0 42px;font-size:16px;border-radius:14px}
@media(max-width:480px){.v2d .sv-foot{flex-direction:column;align-items:stretch}.v2d .sv-send{width:100%}}
.v2d .sv-search .search-dropdown{position:relative;width:100%}
.v2d .sv-search .input-wrapper{position:relative;width:100%}
.v2d .sv-search .sv-sbtn{inset-inline-end:16px;inset-inline-start:auto}
.v2d #service_description .panel-body,.v2d #service_description .panel-body *{font-weight:400}
.v2d #service_description .panel-body{text-align:start}
.v2d .sv-b form,.v2d .sv-b form>*{min-width:0;max-width:100%}
.v2d .sv-search,.v2d .sv-search .search-dropdown,.v2d .sv-search .input-wrapper{width:100%;max-width:100%;min-width:0}
.v2d .sv-card{display:block}
.v2d .sv-h,.v2d .sv-b{width:auto;max-width:100%}
.v2d .sv-b{box-sizing:border-box;overflow:hidden}
.v2d .sv-cost-wrap{flex:1 1 auto}
.v2d .sv-cost-wrap #charge{width:100%;max-width:100%;min-width:0;color:var(--ac)!important;font-size:24px!important;font-weight:800!important;height:auto!important;line-height:1.3!important;border:0!important;background:none!important;padding:0!important}
@media(max-width:480px){.v2d .sv-foot{flex-direction:row;align-items:center}.v2d .sv-send{width:auto;flex:0 0 auto;padding:0 26px}}
.v2d #fields .help-block.min-max{display:inline-block;float:none}
.v2d #fields>.form-group+.form-group{margin-top:0}

/* ===================== ADD FUNDS — foollo-style ===================== */
.v2d .paysel-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none}
.v2d .paysel{position:relative;margin-bottom:4px}
.v2d .paysel-btn{width:100%;min-height:62px;display:flex;align-items:center;gap:12px;padding:0 16px;border-radius:16px;border:1px solid rgba(0,243,247,.45);background:rgba(0,243,247,.05);color:var(--tx);font-size:14.5px;text-align:start}
.v2d .paysel.on .paysel-btn{border-color:var(--ac);box-shadow:0 0 22px -8px var(--ac)}
.v2d .paysel-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.v2d .paysel-chev{width:18px;height:18px;color:var(--mu);transition:transform .25s;flex:none}
.v2d .paysel.on .paysel-chev{transform:rotate(180deg)}
.v2d .pay-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none;background:rgba(255,255,255,.05);border:1px solid var(--bd)}
.v2d .pay-ic svg{width:26px;height:26px;display:block}
.v2d .pb{font-style:normal;font-size:11.5px;font-weight:700;padding:5px 11px;border-radius:20px;white-space:nowrap;display:inline-flex;align-items:center;gap:5px;flex:none}
.v2d .pb.auto{background:rgba(61,220,151,.14);color:#3ddc97}
.v2d .pb.auto::before{content:"⚡"}
.v2d .pb.manual{background:rgba(255,184,77,.14);color:#ffb84d}
.v2d .pb.manual::before{content:"🕐"}
.v2d .paysel-list{display:none;position:absolute;z-index:40;top:calc(100% + 8px);inset-inline:0;max-height:340px;overflow:auto;border-radius:18px;background:#07121a;border:1px solid var(--bd);box-shadow:0 22px 48px rgba(0,0,0,.6);scrollbar-width:thin}
.v2d .paysel.on .paysel-list{display:block;animation:v2dk-in .18s}
.v2d .paysel-it{width:100%;min-height:62px;display:flex;align-items:center;gap:12px;padding:8px 16px;border:0;border-bottom:1px solid var(--bd);background:none;color:var(--tx);font-size:14px;text-align:start}
.v2d .paysel-it:last-child{border-bottom:0}
.v2d .paysel-it:hover{background:rgba(0,243,247,.07)}
.v2d .paysel-it.cur{background:rgba(0,243,247,.1)}
.v2d .paysel-it.cur .paysel-name{color:var(--ac)}
.v2d .afcard{padding:20px}
.v2d .afcard .control-label{display:block;font-size:14px;color:var(--mu);font-weight:400;margin:18px 0 8px}
.v2d .afcard form>.control-label:first-of-type{margin-top:0}
.v2d .afcard .form-control{height:58px;border-radius:14px;font-size:15px}
.v2d #amount{font-size:20px;font-weight:700;direction:ltr;text-align:start}
.v2d .afquick{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.v2d .afquick button{min-height:46px;padding:0 20px;border-radius:14px;border:1px solid var(--bd);background:rgba(255,255,255,.04);font-weight:700;font-size:15px;color:var(--tx);direction:ltr}
.v2d .afquick button.on,.v2d .afquick button:hover{border-color:var(--ac);color:var(--ac);background:rgba(0,243,247,.08)}
.v2d .afpay{width:100%;min-height:60px;margin-top:20px;font-size:16.5px;gap:10px;border-radius:16px}
/* instructions: normalise whatever HTML the panel stores, then number the steps */
.v2d .afinfo{padding:20px}
.v2d .afinfo h3{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:18px}
.v2d .afinfo h3 .ic{width:20px;height:20px;color:var(--ac)}
.v2d .afinfo-body{font-size:14px;line-height:2.05;color:#dbe7ee;word-break:break-word;counter-reset:afstep}
.v2d .afinfo-body *{background:transparent!important;color:inherit!important;font-family:inherit!important;max-width:100%}
.v2d .afinfo-body a{color:var(--ac)!important;text-decoration:none}
.v2d .afinfo-body img{height:auto;border-radius:12px}
.v2d .afinfo-body ol,.v2d .afinfo-body ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.v2d .afinfo-body ol>li,.v2d .afinfo-body ul>li{position:relative;padding:12px 58px 12px 16px;border-radius:14px;background:rgba(255,255,255,.04)!important;border:1px solid var(--bd)}
.v2d .afinfo-body ol>li::before{counter-increment:afstep;content:counter(afstep);position:absolute;inset-inline-end:14px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:rgba(0,243,247,.14)!important;color:var(--ac)!important;font-weight:800;font-size:13px}
.v2d .afinfo-body ul>li::before{content:"•";position:absolute;inset-inline-end:20px;top:10px;color:var(--ac)!important;font-size:20px}
.v2d .afinfo-body table{width:100%;border-collapse:collapse;margin:10px 0}
.v2d .afinfo-body td,.v2d .afinfo-body th{padding:10px 12px;border:1px solid var(--bd)}
.v2d .afinfo-body h1,.v2d .afinfo-body h2,.v2d .afinfo-body h3,.v2d .afinfo-body h4{font-size:16px;margin:14px 0 8px}
.v2d .afinfo-body p{margin:0 0 10px}
.v2d .afinfo-body code,.v2d .afinfo-body b,.v2d .afinfo-body strong{color:#fff!important}
/* payment history */
.v2d .afhist{padding:18px}
.v2d .afrow{display:flex;align-items:center;gap:12px;padding:12px 14px}
.v2d .afrow-ic{width:44px;height:44px}
.v2d .afrow-main{flex:1;min-width:0;display:grid;gap:7px}
.v2d .afr1{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.v2d .afamt{font-size:18px;font-weight:800;color:#3ddc97;direction:ltr;unicode-bidi:isolate}
.v2d .afmethod{font-size:12px;color:var(--mu);margin-inline-start:auto;text-align:end}
.v2d .afinfo-body ol>li::before{inset-inline-end:auto;inset-inline-start:14px}
.v2d .afinfo-body ol>li,.v2d .afinfo-body ul>li{padding:12px 16px 12px 58px}
.v2d .afinfo-body ul>li::before{inset-inline-end:auto;inset-inline-start:20px}
.v2d .afinfo-body ol>li::before{inset-inline-start:auto;inset-inline-end:14px}
.v2d .afinfo-body ol>li,.v2d .afinfo-body ul>li{padding:12px 58px 12px 16px}
.v2d .afinfo-body ul>li::before{inset-inline-start:auto;inset-inline-end:20px}
.v2d .afinfo-body>*:last-child{margin-bottom:0}
.v2d .afinfo-body ol>li{display:flex;align-items:center;min-height:54px}
.v2d .afinfo-body ol>li{display:block;padding:14px 60px 14px 18px}
.v2d .afinfo-body ol>li::before{top:14px;transform:none}
.v2d .afinfo-body ol{counter-reset:afstep}
.v2d .afinfo-body ol>li{min-height:0;padding-block:14px}
.v2d .afinfo-body ol>li::before{line-height:1}
.v2d .afinfo-body li>p{margin:0}

/* instructions inside the payment card (foollo order) + force dark */
.v2d .afcard .afinfo{margin-top:18px;padding:0}
.v2d .afinfo-h{font-size:14px;color:var(--mu);margin-bottom:8px}
.v2d .afcard .afinfo-body{padding:16px 18px;border-radius:16px;border:1px solid var(--bd)}
.v2d .afinfo-body,.v2d .afinfo-body *,.v2d .afinfo-body [style],.v2d .afinfo-body [bgcolor],
.v2d .afinfo-body div,.v2d .afinfo-body p,.v2d .afinfo-body span,.v2d .afinfo-body section,
.v2d .afinfo-body table,.v2d .afinfo-body td,.v2d .afinfo-body th,.v2d .afinfo-body tr,
.v2d .afinfo-body li,.v2d .afinfo-body ol,.v2d .afinfo-body ul,.v2d .afinfo-body font,
.v2d .afinfo-body h1,.v2d .afinfo-body h2,.v2d .afinfo-body h3,.v2d .afinfo-body h4,.v2d .afinfo-body h5{
 background:transparent!important;background-color:transparent!important;background-image:none!important;
 color:#dbe7ee!important;-webkit-text-fill-color:#dbe7ee!important;text-shadow:none!important}
.v2d .afinfo-body{background:rgba(255,255,255,.035)!important}
.v2d .afinfo-body ol>li,.v2d .afinfo-body ul>li{background:rgba(255,255,255,.05)!important}
.v2d .afinfo-body b,.v2d .afinfo-body strong,.v2d .afinfo-body code{color:#fff!important;-webkit-text-fill-color:#fff!important}
.v2d .afinfo-body a,.v2d .afinfo-body a *{color:var(--ac)!important;-webkit-text-fill-color:var(--ac)!important}
.v2d .afinfo-body ol>li::before{background:rgba(0,243,247,.16)!important;color:var(--ac)!important;-webkit-text-fill-color:var(--ac)!important}
.v2d .afinfo-body img{background:transparent!important}
.v2d .afinfo-body ol>li{padding:14px 62px 14px 18px}
.v2d .afinfo-body ol>li::before{inset-inline-end:16px;width:28px;height:28px;font-size:12.5px}
.v2d .afinfo-body ol>li,.v2d .afinfo-body ul>li{text-align:start}
.v2d .afinfo-body ol>li,.v2d .afinfo-body ul>li{padding:14px 18px;padding-inline-end:62px}
/* gateway switching: show it is loading, never look frozen */
.v2d .paysel.loading .paysel-btn{opacity:.75;pointer-events:none}
.v2d .paysel.loading .paysel-chev{animation:v2dk-spin2 .8s linear infinite}
@keyframes v2dk-spin2{to{transform:rotate(360deg)}}
.v2d .afinfo:empty,.v2d .afinfo-body:empty{display:none}
/* instruction text the panel injects anywhere inside the slot stays dark */
.v2d .afinfo-body .well,.v2d .afinfo-body .panel,.v2d .afinfo-body .panel-body{
 margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
 background:transparent!important;box-shadow:none!important;color:#dbe7ee!important}
/* the panel's own instruction block, wherever it lands */
.v2d #instruction_instruction,.v2d [id^="instruction"],.v2d .form-group.instruction,
.v2d #afinfo-body .panel-body,.v2d #afinfo-body .border-solid,.v2d #afinfo-body .border-rounded{
 margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
 background:transparent!important;background-color:transparent!important;box-shadow:none!important;
 color:#dbe7ee!important;-webkit-text-fill-color:#dbe7ee!important;text-align:start!important}
.v2d #afinfo-body .text-center{text-align:start!important}

/* no focus box on click (keyboard users still get a ring) */
.v2d a,.v2d button,.v2d input,.v2d select,.v2d textarea,.v2d summary,.v2d [tabindex]{-webkit-tap-highlight-color:transparent}
.v2d a:focus,.v2d button:focus,.v2d summary:focus,.v2d [tabindex]:focus,
.v2d a:active,.v2d button:active,.v2d summary:active,
.v2d .sv-chip:focus,.v2d .paysel-btn:focus,.v2d .paysel-it:focus,.v2d .oid:focus,.v2d .keyb:focus{
 outline:0!important;box-shadow:none!important}
.v2d a:focus-visible,.v2d button:focus-visible,.v2d summary:focus-visible,.v2d [tabindex]:focus-visible{
 outline:2px solid var(--ac)!important;outline-offset:2px}
.v2d input:focus,.v2d select:focus,.v2d textarea:focus{outline:2px solid var(--ac);outline-offset:1px}
.v2d ::selection{background:rgba(0,243,247,.28);color:#fff}

/* ===== panel dropdown lists (category / service) — readable on dark ===== */
body.v2d-on .select2-dropdown,body.v2d-on .select2-results,body.v2d-on .select2-results__options,
body.v2d-on .y3-opt-list,body.v2d-on #new-order-search .dropdown-menu,
.v2d .sv-b .dropdown-menu,.v2d .search-dropdown .dropdown-menu{
 background:#07121a!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:16px!important;
 color:#fff!important;box-shadow:0 22px 48px rgba(0,0,0,.6)!important}
body.v2d-on .y3-opt,body.v2d-on .select2-results__option,
body.v2d-on #new-order-search .dropdown-menu li,.v2d .sv-b .dropdown-menu li{
 background:transparent!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
body.v2d-on .y3-opt-row,body.v2d-on .select2-results__option,
body.v2d-on #new-order-search .dropdown-menu li,
body.v2d-on #new-order-search .dropdown-menu li a,.v2d .sv-b .dropdown-menu li a{
 color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;
 background:transparent!important;text-shadow:none!important}
body.v2d-on .y3-opt:hover .y3-opt-row,body.v2d-on .y3-opt.active .y3-opt-row,
body.v2d-on .y3-opt[aria-selected="true"] .y3-opt-row,
body.v2d-on .select2-results__option--highlighted,
body.v2d-on .select2-results__option[aria-selected="true"],
body.v2d-on #new-order-search .dropdown-menu li:hover,
body.v2d-on #new-order-search .dropdown-menu li.active{
 background:rgba(0,243,247,.12)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
body.v2d-on .y3-opt-row img,body.v2d-on .select2-results__option img{max-width:22px;max-height:22px}
/* search icon stays inside the field */
.v2d .sv-search{position:relative!important}
.v2d .sv-search .input-wrapper,.v2d .sv-search .search-dropdown{position:relative!important;display:block!important;width:100%!important}
.v2d .sv-search .sv-sbtn{position:absolute!important;inset-inline-end:16px!important;inset-inline-start:auto!important;
 top:50%!important;transform:translateY(-50%)!important;margin:0!important;padding:0!important;z-index:3!important;
 background:none!important;border:0!important;width:auto!important;height:auto!important}
.v2d .sv-search .form-control{padding-inline-end:52px!important;padding-inline-start:16px!important}