:root{--primary:#7C4DFF;--pg:linear-gradient(135deg,#8B5CF6,#6366F1 50%,#4F46E5);--pgg:linear-gradient(135deg,#A78BFA,#7C3AED 50%,#4338CA);--sg:linear-gradient(135deg,#F43F5E,#EC4899 50%,#D946EF);--soft:rgba(124,77,255,.12);--glow:rgba(124,77,255,.35);--coin:#F59E0B;--coin-soft:rgba(245,158,11,.15);--bg:#F8FAFD;--deep:#EEF2F9;--surface:#fff;--glass:rgba(255,255,255,.82);--var:#F1F4FA;--t:#0F172A;--t2:#475569;--tm:#8492A6;--border:rgba(226,232,240,.9);--bs:#CBD5E1;--ok:#10B981;--ok-soft:rgba(16,185,129,.14);--warn:#F59E0B;--warn-soft:rgba(245,158,11,.14);--err:#EF4444;--err-soft:rgba(239,68,68,.14);--rs:12px;--rm:18px;--rl:24px;--rx:32px;--shs:0 2px 8px rgba(15,23,42,.04);--shm:0 8px 24px rgba(15,23,42,.07);--shl:0 16px 40px rgba(15,23,42,.1);--shg:0 10px 30px rgba(124,77,255,.28);--hh:66px;--nh:72px;--f:'Plus Jakarta Sans','Inter',-apple-system,sans-serif}
[data-theme=dark]{--bg:#0A0C14;--deep:#06070B;--surface:#121624;--glass:rgba(18,22,36,.85);--var:#1B2138;--t:#F8FAFC;--t2:#CBD5E1;--tm:#64748B;--border:rgba(255,255,255,.08);--bs:rgba(255,255,255,.16);--soft:rgba(139,92,246,.22);--coin-soft:rgba(245,158,11,.22);--shs:0 4px 12px rgba(0,0,0,.3);--shm:0 8px 30px rgba(0,0,0,.5);--shl:0 16px 45px rgba(0,0,0,.65)}
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
body{background:var(--bg);color:var(--t);font-family:var(--f);font-weight:500;letter-spacing:-.01em;min-height:100vh;padding:var(--hh) 0 calc(var(--nh) + 20px);overflow-x:hidden;transition:background .3s}
input,textarea,select{font-family:var(--f);-webkit-user-select:text;user-select:text}
#bg{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 10% 20%,rgba(124,77,255,.1),transparent 45%),radial-gradient(circle at 90% 80%,rgba(236,72,153,.07),transparent 50%),radial-gradient(circle at 50% 50%,rgba(6,182,212,.05),transparent 60%)}
.container{max-width:1200px;margin:auto;padding:16px 18px;position:relative;z-index:1}
.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon.sm{width:17px;height:17px}.icon.xl{width:38px;height:38px}
.header{position:fixed;top:0;left:0;right:0;height:var(--hh);background:var(--glass);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 18px;z-index:100}
.logo{display:flex;align-items:center;gap:12px;cursor:pointer}.logo-img{width:42px;height:42px;border-radius:14px;background:var(--pg);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--shg)}
.logo-text{font-weight:800;font-size:1.05rem;line-height:1.15;letter-spacing:-.03em}.logo-text span{display:block;font-size:.62rem;font-weight:700;background:var(--pg);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:.08em;text-transform:uppercase}
.actions{display:flex;gap:9px;align-items:center}
.header-coin-badge{display:flex;align-items:center;gap:7px;background:var(--coin-soft);color:var(--coin);padding:8px 14px;border-radius:99px;font-weight:800;font-size:.8rem;border:1px solid rgba(245,158,11,.35);cursor:pointer}.header-coin-badge .icon{width:18px;height:18px}
.theme-toggle{width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--t2);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.theme-toggle .m{display:none}[data-theme=dark] .theme-toggle .s{display:none}[data-theme=dark] .theme-toggle .m{display:block;color:#FCD34D}
.btn-login-head{border:1px solid rgba(124,77,255,.3);background:var(--soft);color:var(--primary);padding:8px 14px;border-radius:99px;font-weight:700;font-size:.8rem;cursor:pointer;display:flex;align-items:center;gap:7px;max-width:120px}.btn-login-head span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hero-section{background:var(--pgg);border-radius:var(--rx);padding:34px 26px;color:#fff;margin-bottom:22px;position:relative;overflow:hidden;box-shadow:var(--shg);border:1px solid rgba(255,255,255,.2)}
.hero-section:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(255,255,255,.3),transparent 60%),radial-gradient(circle at bottom left,rgba(236,72,153,.35),transparent 50%)}
.hero-section>*{position:relative}.hero-badge{display:inline-flex;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.25);padding:4px 12px;border-radius:99px;font-size:.7rem;font-weight:700;margin-bottom:12px;letter-spacing:.05em;text-transform:uppercase}
.hero-section h1{font-size:1.6rem;font-weight:800;margin-bottom:8px;letter-spacing:-.03em;line-height:1.15}.hero-section p{font-size:.8rem;opacity:.92;margin-bottom:20px;max-width:85%;line-height:1.45}
.hero-btn{background:#fff;color:#5B21B6;border:0;padding:12px 26px;border-radius:99px;font-weight:800;font-size:.8rem;cursor:pointer;display:inline-flex;align-items:center;gap:10px;box-shadow:0 8px 24px rgba(0,0,0,.16)}
.stats-row{display:flex;gap:10px;overflow-x:auto;margin-bottom:24px;scrollbar-width:none;padding:4px 2px}.stats-row::-webkit-scrollbar{display:none}
.stat-pill{background:var(--surface);border:1px solid var(--border);padding:10px 18px;border-radius:99px;display:flex;align-items:center;gap:10px;font-size:.8rem;font-weight:700;white-space:nowrap;color:var(--t2);box-shadow:var(--shs)}.stat-pill .icon{color:var(--primary);width:18px;height:18px}
.action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:26px}
.action-card{background:var(--surface);border-radius:var(--rl);padding:20px 14px;text-align:center;box-shadow:var(--shs);border:1px solid var(--border);display:flex;flex-direction:column;justify-content:space-between}
.icon-wrap{width:52px;height:52px;border-radius:18px;display:flex;justify-content:center;align-items:center;margin:0 auto 12px;color:#fff;background:var(--pg);box-shadow:0 6px 20px var(--glow)}
.c2 .icon-wrap,.c2 button{background:var(--sg)}.c3 .icon-wrap,.c3 button{background:linear-gradient(135deg,#06B6D4,#3B82F6)}.c4 .icon-wrap,.c4 button{background:linear-gradient(135deg,#F59E0B,#EF4444)}
.action-card h3{font-size:.8rem;font-weight:800;margin-bottom:5px}.action-card p{font-size:.7rem;color:var(--tm);margin-bottom:14px;line-height:1.45}
.action-card button{width:100%;padding:10px;border:0;border-radius:99px;font-weight:700;font-size:.7rem;color:#fff;cursor:pointer;background:var(--pg);box-shadow:var(--shs)}
.section-title{font-size:1.3rem;font-weight:800;margin-bottom:16px;letter-spacing:-.03em;display:flex;align-items:center;gap:12px}.section-title .icon{color:var(--primary)}
.filter-tabs{display:flex;gap:8px;overflow-x:auto;margin-bottom:20px;scrollbar-width:none;padding-bottom:6px}.filter-tabs::-webkit-scrollbar{display:none}
.filter-tabs button{background:var(--surface);border:1px solid var(--border);padding:9px 18px;border-radius:99px;font-weight:700;font-size:.8rem;color:var(--t2);cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:7px;box-shadow:var(--shs)}
.filter-tabs button.active{background:var(--pg);color:#fff;border-color:transparent;box-shadow:var(--shg)}
.design-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.design-card{background:var(--surface);border-radius:var(--rl);overflow:hidden;box-shadow:var(--shs);border:1px solid var(--border);display:flex;flex-direction:column;cursor:pointer;position:relative;transition:.28s}.design-card:hover{transform:translateY(-6px);box-shadow:var(--shl);border-color:rgba(124,77,255,.35)}
.badge{position:absolute;top:10px;right:10px;background:linear-gradient(135deg,#EF4444,#DC2626);color:#fff;padding:4px 11px;border-radius:99px;font-size:.65rem;font-weight:800;z-index:2;display:flex;align-items:center;gap:4px;box-shadow:0 4px 14px rgba(239,68,68,.45)}
.img-wrap{width:100%;aspect-ratio:1;background:var(--deep);overflow:hidden}.img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.design-card:hover img{transform:scale(1.08)}
.content{padding:13px 15px 15px;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;gap:8px}
.title{font-weight:800;font-size:.8rem;line-height:1.25;text-transform:uppercase;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.desc{font-size:.7rem;color:var(--tm);font-weight:600;text-transform:uppercase;margin-top:3px}
.price-row{display:flex;justify-content:space-between;align-items:flex-end;margin-top:8px;padding-top:8px;border-top:1px dashed var(--border)}
.price-main{font-weight:800;font-size:1rem;color:var(--ok)}.price-original{font-size:.7rem;color:var(--tm);text-decoration:line-through;margin-left:6px}
.discount-tag{font-size:.65rem;font-weight:800;color:var(--err);background:var(--err-soft);padding:2px 10px;border-radius:99px;display:inline-block;margin-top:3px}
.btn-arrow{background:var(--soft);color:var(--primary);border:0;width:36px;height:36px;border-radius:var(--rs);display:flex;justify-content:center;align-items:center;cursor:pointer;flex-shrink:0}.btn-arrow .icon{width:18px;height:18px}
.page-header-custom{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.page-header-custom h2{font-size:1.3rem;font-weight:800;display:flex;align-items:center;gap:10px}.page-header-custom h2 .icon{color:var(--primary)}
.live-indicator{display:inline-flex;align-items:center;gap:8px;background:var(--ok-soft);color:var(--ok);padding:6px 18px;border-radius:99px;font-size:.7rem;font-weight:700;margin-bottom:16px;border:1px solid rgba(16,185,129,.25)}.pulse{width:8px;height:8px;background:var(--ok);border-radius:50%;box-shadow:0 0 10px var(--ok);animation:pl 1.6s infinite}@keyframes pl{50%{opacity:.35;transform:scale(.65)}}
.user-order-card{background:var(--surface);border-radius:var(--rl);padding:16px;border:1px solid var(--border);box-shadow:var(--shs);margin-bottom:14px;display:flex;gap:14px}
.order-img{width:60px;height:60px;border-radius:var(--rm);object-fit:cover;background:var(--deep);flex-shrink:0}.info{flex:1;min-width:0}.info-header{display:flex;justify-content:space-between;gap:10px}.info-header h4{font-weight:800;font-size:.85rem}.sub-text{font-size:.7rem;color:var(--tm);font-weight:600}
.status-badge{padding:4px 13px;border-radius:99px;font-size:.65rem;font-weight:800;text-transform:uppercase;height:fit-content;white-space:nowrap}
.status-badge.pending{background:var(--warn-soft);color:var(--warn)}.status-badge.in-progress{background:rgba(59,130,246,.15);color:#3B82F6}.status-badge.complete{background:var(--ok-soft);color:var(--ok)}.status-badge.rejected{background:var(--err-soft);color:var(--err)}
.order-meta{display:flex;justify-content:space-between;margin-top:8px;padding-top:8px;border-top:1px dashed var(--border)}.order-meta .price{font-weight:800;color:var(--ok);font-size:.8rem}.order-meta .date{font-size:.7rem;color:var(--tm)}
.empty-state{text-align:center;padding:50px 24px;background:var(--surface);border-radius:var(--rx);border:1px solid var(--border)}.empty-state .icon{width:52px;height:52px;color:var(--tm);opacity:.6;margin-bottom:12px}.empty-state h4{font-size:1.2rem;font-weight:800}.empty-state p{font-size:.8rem;color:var(--tm);margin-top:6px}.empty-state .btn-gradient{width:auto;padding:12px 32px;margin-top:18px}
.profile-card{background:var(--surface);border-radius:var(--rx);overflow:hidden;box-shadow:var(--shm);border:1px solid var(--border)}.profile-cover{height:120px;background:var(--pgg)}.profile-body{padding:0 22px 26px;margin-top:-48px}
.avatar-wrapper{display:flex;align-items:flex-end;gap:16px;margin-bottom:14px}.avatar{width:88px;height:88px;background:var(--surface);border:4px solid var(--surface);border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:2.1rem;font-weight:800;color:var(--primary);box-shadow:var(--shl),0 0 0 3px var(--glow);overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}
.user-info{padding-top:42px}.profile-name{font-size:1.2rem;font-weight:800}.profile-telegram{color:var(--tm);font-size:.8rem;font-weight:600;margin-top:3px}
.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.stat-box{background:var(--var);border-radius:var(--rm);padding:15px 8px;text-align:center;border:1px solid var(--border)}.stat-value{font-size:1.2rem;font-weight:800;display:block}.stat-label{font-size:.68rem;color:var(--tm);font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.coin-balance-card{background:linear-gradient(135deg,#1E1B4B,#312E81 50%,#4338CA);border-radius:var(--rx);padding:26px 22px;color:#fff;margin-bottom:18px;box-shadow:0 16px 40px rgba(49,46,129,.35);display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;gap:14px}
.coin-balance-card:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 100% 0,rgba(245,158,11,.3),transparent 65%),radial-gradient(circle at 0 100%,rgba(139,92,246,.3),transparent 65%)}.coin-balance-card>*{position:relative}
.coin-info h3{font-size:.7rem;font-weight:700;opacity:.85;margin-bottom:8px;text-transform:uppercase;letter-spacing:.08em}.coin-value{font-size:2rem;font-weight:800;display:flex;align-items:center;gap:10px}.coin-value .icon{width:36px;height:36px;color:#FCD34D}.coin-value small{font-size:.8rem;opacity:.8}
.btn-deposit{background:#fff;color:#312E81;border:0;padding:12px 24px;border-radius:99px;font-weight:800;font-size:.8rem;cursor:pointer;display:flex;align-items:center;gap:8px}.rate-pill{font-size:.8rem;font-weight:700;background:rgba(255,255,255,.15);padding:6px 14px;border-radius:99px;border:1px solid rgba(255,255,255,.2)}
.profile-action-menu{display:flex;flex-direction:column;gap:4px;background:var(--var);border-radius:var(--rl);padding:6px;border:1px solid var(--border)}.menu-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:var(--rm);cursor:pointer;background:transparent;border:0;width:100%;font-size:.8rem;font-weight:700;color:var(--t);text-align:left}.menu-item:hover{background:var(--surface)}.menu-left{display:flex;align-items:center;gap:13px}.menu-left .icon{color:var(--primary)}.menu-item>.icon{color:var(--tm);width:18px}
.coin-pack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.coin-pack{background:var(--surface);border:2px solid var(--border);border-radius:var(--rm);padding:16px 8px;text-align:center;cursor:pointer;box-shadow:var(--shs)}.coin-pack.selected{border-color:var(--primary);background:var(--soft);box-shadow:0 0 0 4px var(--glow)}.pack-coins{font-size:1.25rem;font-weight:800}.pack-price{font-size:.8rem;color:var(--coin);font-weight:800;margin-top:4px}
.coin-custom-input{display:flex;gap:10px;align-items:center;margin-bottom:8px;background:var(--surface);border:2px solid var(--border);border-radius:var(--rm);padding:6px 14px}.coin-custom-input:focus-within{border-color:var(--primary)}.coin-custom-input input{flex:1;padding:10px 4px;border:0;background:transparent;font-size:.95rem;outline:0;color:var(--t);font-weight:700;min-width:0}.coin-custom-input b{font-size:.7rem;color:var(--tm);letter-spacing:.05em}
.btn-gradient{background:var(--pg);color:#fff;border:0;width:100%;padding:15px 24px;border-radius:99px;font-weight:800;font-size:.95rem;cursor:pointer;box-shadow:var(--shg);display:inline-flex;align-items:center;justify-content:center;gap:10px}.btn-gradient:disabled{opacity:.55}
.btn-outline{background:transparent;color:var(--t2);border:2px solid var(--border);width:100%;padding:14px 24px;border-radius:99px;font-weight:700;font-size:.95rem;cursor:pointer}
.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--nh);background:var(--glass);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border-top:1px solid var(--border);display:flex;justify-content:space-around;align-items:center;padding:0 6px env(safe-area-inset-bottom);z-index:100}
.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:0;color:var(--tm);font-weight:700;cursor:pointer;padding:8px 12px;border-radius:var(--rm);position:relative;min-width:58px}.nav-item .icon{width:24px;height:24px}.nav-item span{font-size:.7rem}.nav-item.active{color:var(--primary);background:var(--soft)}.nav-item.active .icon{transform:translateY(-2px) scale(1.1)}
.ob{position:absolute;top:2px;right:6px;background:var(--err);color:#fff;font-size:.6rem;font-weight:800;padding:1px 6px;border-radius:99px;font-style:normal}
.modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.65);backdrop-filter:blur(16px);z-index:1000;align-items:flex-end;justify-content:center}.modal-overlay.on{display:flex}
.modal-content{background:var(--surface);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;border-radius:var(--rx) var(--rx) 0 0;padding:22px 20px 34px;box-shadow:0 -20px 80px rgba(0,0,0,.3);animation:up .4s cubic-bezier(.16,1,.3,1)}@keyframes up{from{transform:translateY(100%)}}
@media(min-width:600px){.modal-overlay{align-items:center}.modal-content{border-radius:var(--rx)}.design-grid{grid-template-columns:repeat(3,1fr)}.action-grid{grid-template-columns:repeat(4,1fr)}.coin-pack-grid{grid-template-columns:repeat(6,1fr)}}@media(min-width:900px){.design-grid{grid-template-columns:repeat(4,1fr)}}
.modal-handle{width:44px;height:5px;background:var(--bs);border-radius:99px;margin:0 auto 18px;opacity:.6}
.detail-top{display:flex;gap:16px;margin-bottom:16px}.detail-img{width:84px;height:84px;border-radius:var(--rm);object-fit:cover;box-shadow:var(--shm);flex-shrink:0}.detail-info h2{font-size:1rem;font-weight:800;text-transform:uppercase}.detail-info .sub{color:var(--tm);font-size:.8rem;font-weight:600;margin-bottom:6px}.price-final{font-size:1.5rem;font-weight:800;color:var(--ok)}
.gallery-preview{display:flex;gap:12px;margin-bottom:18px;overflow-x:auto;padding-bottom:8px}.gallery-preview img{width:104px;height:104px;object-fit:cover;border-radius:var(--rm);border:2px solid var(--border);flex-shrink:0}
.form-group{margin-bottom:16px}.form-group label,.lbl{display:block;font-size:.8rem;font-weight:700;color:var(--t2);margin-bottom:7px}.req{color:var(--err)}
.form-group input,.form-group textarea,.form-group select{width:100%;padding:13px 16px;border:2px solid var(--border);border-radius:var(--rm);font-size:.9rem;background:var(--surface);outline:0;color:var(--t);font-weight:600}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary)}.form-group small{color:var(--tm);font-size:.7rem;display:block;margin-top:5px}
.build-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0 16px}.build-mode-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--rm);padding:14px 8px;text-align:center;cursor:pointer;position:relative}.build-mode-card.selected{border-color:var(--primary);background:var(--soft);box-shadow:0 0 0 3px var(--glow)}
.mode-icon{font-size:1.5rem;display:block;margin-bottom:5px}.mode-title{font-weight:800;font-size:.78rem}.mode-desc{font-size:.68rem;color:var(--tm);margin-top:3px;line-height:1.35}.mode-amount{position:absolute;top:7px;right:8px;background:var(--pg);color:#fff;font-size:.62rem;font-weight:800;padding:2px 9px;border-radius:99px}
.info-box{background:var(--var);border-radius:var(--rm);padding:13px 16px;margin-bottom:14px;font-size:.8rem;display:flex;align-items:center;gap:10px;font-weight:700;border:1px solid var(--border)}.info-box .icon{color:var(--primary)}
.pay{text-align:center}.pay-amount{font-size:1.9rem;font-weight:800;color:var(--ok);margin:8px 0}.pay-id{font-weight:800;background:var(--var);padding:10px 16px;border-radius:var(--rm);display:inline-block;margin:6px 0 12px;border:2px dashed rgba(124,77,255,.4);word-break:break-all;font-size:.85rem}.pay-qr{width:210px;max-width:100%;margin:8px auto 14px;display:block;border:2px solid var(--border);border-radius:var(--rm);padding:10px;background:#fff}.pay .form-group{text-align:left}
.method-tabs{display:flex;gap:10px;margin-bottom:14px}.method-tabs button{flex:1;padding:11px;border-radius:99px;border:2px solid var(--border);background:var(--surface);color:var(--t2);font-weight:800;cursor:pointer}.method-tabs button.active{background:var(--pg);color:#fff;border-color:transparent}
#toasts{position:fixed;top:calc(var(--hh) + 12px);left:50%;transform:translateX(-50%);z-index:9999;width:92%;max-width:420px;pointer-events:none}
.toast{background:var(--surface);color:var(--t);padding:14px 18px;border-radius:var(--rm);font-size:.8rem;font-weight:700;margin-bottom:8px;box-shadow:var(--shl);border:1px solid var(--border);border-left:5px solid var(--ok);animation:ts .35s cubic-bezier(.16,1,.3,1)}.toast.err{border-left-color:var(--err)}@keyframes ts{from{transform:translateY(-20px);opacity:0}}
/* ===== Intro splash: cube assemble -> spark -> name resolves ===== */
.splash{--so:cubic-bezier(.16,1,.3,1);--sc1:#8B5CF6;--sc2:#7761F4;--sc3:#6366F1;--sc4:#5956EB;--sc5:#4F46E5;position:fixed;inset:0;z-index:9999;background:var(--bg);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:opacity .55s ease .05s}
[data-theme=dark] .splash{--sc1:#A78BFA;--sc2:#948CF9;--sc3:#818CF8;--sc4:#7279F4;--sc5:#6366F1}
.splash.hide{opacity:0;pointer-events:none}
.sp-aur{position:absolute;inset:0;background:radial-gradient(62% 46% at 16% 6%,rgba(124,77,255,.15),transparent 72%),radial-gradient(56% 42% at 90% 98%,rgba(236,72,153,.09),transparent 72%);animation:spA .9s ease-out backwards}
[data-theme=dark] .sp-aur{background:radial-gradient(62% 46% at 16% 6%,rgba(124,77,255,.28),transparent 72%),radial-gradient(56% 42% at 90% 98%,rgba(236,72,153,.17),transparent 72%)}
@keyframes spA{from{opacity:0}}
.sp-stage{position:relative;display:flex;flex-direction:column;align-items:center;margin-top:-5vh;padding:0 18px;transition:transform .55s var(--so),filter .55s ease,opacity .45s ease}
.splash.hide .sp-stage{transform:scale(1.07);filter:blur(5px);opacity:0}
.sp-mark{position:relative;width:104px;height:104px;animation:spM .7s cubic-bezier(.34,1.45,.55,1) .08s backwards}
@keyframes spM{from{opacity:0;transform:scale(.5) translateY(14px)}}
.sp-glow{position:absolute;inset:-34px;border-radius:50%;background:radial-gradient(circle,var(--glow),transparent 68%);filter:blur(6px);animation:spG 1.1s ease-out .15s backwards}
@keyframes spG{from{opacity:0;transform:scale(.4)}}
.sp-spin{position:absolute;inset:-18px;border-radius:50%;animation:spO 1.2s linear infinite,spOi .5s ease .75s backwards}
@keyframes spO{to{transform:rotate(360deg)}}
@keyframes spOi{from{opacity:0}}
.sp-ring{display:none;position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 50%,rgba(139,92,246,.22) 62%,#8B5CF6 100%)}
@supports ((mask:radial-gradient(#000,#000)) or (-webkit-mask:radial-gradient(#000,#000))){.sp-ring{display:block;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px))}}
.sp-dot{position:absolute;left:50%;top:-1.5px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:#EDE9FE;box-shadow:0 0 0 2px rgba(139,92,246,.35),0 0 12px 3px rgba(139,92,246,.85)}
.sp-pulse{position:absolute;inset:0;border-radius:30px;border:1px solid rgba(251,191,36,.9);box-shadow:0 0 22px rgba(251,191,36,.38),inset 0 0 18px rgba(251,191,36,.18);opacity:0;pointer-events:none;animation:spP 1.05s cubic-bezier(.2,.7,.2,1) .92s backwards}
@keyframes spP{0%{opacity:0;transform:scale(1)}12%{opacity:.5}100%{opacity:0;transform:scale(1.95)}}
.sp-tile{position:absolute;inset:0;border-radius:30px;background:var(--pg);box-shadow:0 20px 44px -8px rgba(99,102,241,.55),0 0 0 1px rgba(255,255,255,.14) inset,0 1px 0 rgba(255,255,255,.4) inset;overflow:hidden;display:flex;align-items:center;justify-content:center;animation:spT .46s cubic-bezier(.3,0,.3,1) .86s backwards}
@keyframes spT{35%{transform:scale(.93)}70%{transform:scale(1.03)}}
.sp-tile:after{content:'';position:absolute;inset:-20%;z-index:4;background:linear-gradient(112deg,transparent 38%,rgba(255,255,255,.5) 50%,transparent 62%);transform:translateX(-120%);pointer-events:none;animation:spS .8s ease-in-out .95s backwards}
@keyframes spS{to{transform:translateX(120%)}}
.sp-cube{width:64px;height:64px;position:relative;z-index:1;overflow:visible;filter:drop-shadow(0 3px 5px rgba(30,20,90,.28));transition:opacity .3s}
.sp-cube .f1{animation:spF1 .5s cubic-bezier(.2,.9,.25,1.12) .34s backwards}
.sp-cube .f2{animation:spF2 .5s cubic-bezier(.2,.9,.25,1.12) .42s backwards}
.sp-cube .f3{animation:spF3 .5s cubic-bezier(.2,.9,.25,1.12) .5s backwards}
@keyframes spF1{from{opacity:0;transform:translateY(-4px)}}
@keyframes spF2{from{opacity:0;transform:translate(-3.4px,2.2px)}}
@keyframes spF3{from{opacity:0;transform:translate(3.4px,2.2px)}}
.sp-cube .bolt{fill:var(--primary);transform-box:fill-box;transform-origin:50% 50%;animation:spB .85s cubic-bezier(.2,1.15,.3,1) .9s backwards}
@keyframes spB{0%{opacity:0;transform:scale(.15);fill:#FEF3C7}35%{opacity:1;transform:scale(1.4);fill:#FBBF24}100%{transform:scale(1);fill:var(--primary)}}
.sp-flash{position:absolute;left:48%;top:39%;z-index:2;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:radial-gradient(circle,rgba(254,240,138,.95) 0,rgba(251,191,36,.38) 38%,transparent 70%);opacity:0;pointer-events:none;transition:opacity .3s;animation:spFl .75s ease-out .9s backwards}
@keyframes spFl{0%{opacity:0;transform:scale(.3)}30%{opacity:1}100%{opacity:0;transform:scale(1.5)}}
.sp-png{position:absolute;z-index:3;inset:3px;width:calc(100% - 6px);height:calc(100% - 6px);border-radius:27px;background:var(--surface);object-fit:contain;opacity:0;transition:opacity .35s ease}
.sp-tile.hasimg .sp-png{opacity:1}.sp-tile.hasimg .sp-cube,.sp-tile.hasimg .sp-flash{opacity:0;animation:none}
.sp-name{margin-top:34px;padding-left:.09em;display:flex;white-space:nowrap;font-family:var(--f);font-size:clamp(1.3rem,6.6vw,1.65rem);font-weight:900;letter-spacing:.09em;line-height:1;color:var(--t)}
.sp-name .wd{display:flex}.sp-name .wd+.wd{margin-left:.36em}
.sp-name i{display:block;font-style:normal;animation:spL .6s var(--so) calc(.86s + var(--i)*34ms) backwards}
@keyframes spL{from{opacity:0;transform:translateY(14px) scale(.9);filter:blur(8px)}}
.sp-name .st i:nth-child(1){color:var(--sc1)}.sp-name .st i:nth-child(2){color:var(--sc2)}.sp-name .st i:nth-child(3){color:var(--sc3)}.sp-name .st i:nth-child(4){color:var(--sc4)}.sp-name .st i:nth-child(5){color:var(--sc5)}
.sp-tag{margin-top:15px;display:flex;align-items:center;gap:11px;font-size:.78rem;font-weight:500;letter-spacing:.05em;color:var(--t2)}
.sp-tag span{opacity:.75;animation:spTg .7s var(--so) 1.3s backwards}
@keyframes spTg{from{opacity:0;transform:translateY(6px)}}
.sp-tag i{width:30px;height:1px;background:linear-gradient(90deg,transparent,var(--bs));transform-origin:right;animation:spR .8s var(--so) 1.3s backwards}
.sp-tag i:last-child{background:linear-gradient(270deg,transparent,var(--bs));transform-origin:left}
@keyframes spR{from{transform:scaleX(0)}}
@media (prefers-reduced-motion:reduce){.splash *,.splash *:after{animation:none!important;transition:none!important}.sp-spin{display:none}}
@media(max-width:480px){.coin-balance-card{flex-direction:column;align-items:flex-start}.btn-deposit{width:100%;justify-content:center}.coin-balance-card .rate-pill{align-self:flex-start}.avatar-wrapper{flex-direction:column;align-items:center;text-align:center}.user-info{padding-top:0}.build-mode-grid{grid-template-columns:1fr}}

.icon.md{width:20px;height:20px}.hero-badge{align-items:center;gap:6px}.hero-badge .icon{width:14px;height:14px}
.chips{display:flex;gap:8px;overflow-x:auto;margin-bottom:16px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{background:var(--surface);border:1px solid var(--border);padding:8px 15px;border-radius:99px;font-weight:700;font-size:.78rem;color:var(--t2);cursor:pointer;white-space:nowrap;display:flex;gap:7px;align-items:center}.chip.on{background:var(--pg);color:#fff;border-color:transparent}.chip i{font-style:normal;background:rgba(0,0,0,.14);padding:1px 7px;border-radius:99px;font-size:.68rem}
.row-item{display:flex;align-items:center;gap:13px;background:var(--surface);border:1px solid var(--border);border-radius:var(--rm);padding:13px 14px;margin-bottom:10px}
.ri-ic{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--soft);color:var(--primary);flex-shrink:0}.ri-ic.complete,.ri-ic.credit{background:var(--ok-soft);color:var(--ok)}.ri-ic.rejected,.ri-ic.debit{background:var(--err-soft);color:var(--err)}.ri-ic.pending{background:var(--warn-soft);color:var(--warn)}
.ri-b{flex:1;min-width:0}.ri-b b{display:block;font-size:.82rem;font-weight:800}.ri-b small{color:var(--tm);font-size:.7rem;font-weight:600;word-break:break-all}.ri-b small.chk-note{display:block;margin-top:3px;color:var(--primary);font-weight:700}.ri-r{text-align:right;display:flex;flex-direction:column;gap:5px;align-items:flex-end}.ri-r b{font-size:.9rem;font-weight:800}.ri-r b.cr{color:var(--ok)}.ri-r b.db{color:var(--err)}
.bonus-banner{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,rgba(245,158,11,.2),rgba(245,158,11,.08));border:1px solid rgba(245,158,11,.4);border-radius:var(--rm);padding:13px 16px;margin-bottom:16px;color:var(--coin)}.bonus-banner .icon{width:26px;height:26px}.bonus-banner div{display:flex;flex-direction:column}.bonus-banner b{font-size:.9rem;color:var(--t)}.bonus-banner span{font-size:.72rem;color:var(--t2);font-weight:600}
.sub-h{font-weight:800;margin-bottom:14px}.deposit-sum{background:var(--var);border:1px solid var(--border);border-radius:var(--rm);padding:10px 16px;margin:10px 0 18px}.srow{display:flex;justify-content:space-between;padding:5px 0;font-size:.82rem;color:var(--t2);font-weight:600}.srow b{color:var(--t)}.srow b.ok{color:var(--ok)}
.profile-cover{height:130px;background:var(--pgg);position:relative}.profile-cover:after{content:'';position:absolute;inset:0;opacity:.18;background-image:radial-gradient(circle at 20% 50%,#fff 1.5px,transparent 1.5px),radial-gradient(circle at 80% 80%,#fff 1.5px,transparent 1.5px);background-size:30px 30px}
.pchips{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.pchip{display:inline-flex;align-items:center;gap:6px;background:var(--var);border:1px solid var(--border);padding:5px 12px;border-radius:99px;font-size:.72rem;font-weight:700;color:var(--t2)}.pchip .icon{width:14px;height:14px}.pchip.id{background:var(--pg);color:#fff;border-color:transparent}
.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.quick button{background:var(--var);border:1px solid var(--border);border-radius:var(--rm);padding:14px 4px;color:var(--t);font-weight:700;font-size:.68rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:7px}.quick .icon{color:var(--primary)}
.info-list{background:var(--var);border:1px solid var(--border);border-radius:var(--rl);padding:4px 16px;margin-top:16px}.irow{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px dashed var(--border);font-size:.8rem}.irow:last-child{border:0}.irow span{color:var(--tm);font-weight:600;display:flex;align-items:center;gap:8px}.irow span .icon{width:16px;height:16px;color:var(--primary)}.irow b{font-weight:700}
.mode-icon{display:flex;justify-content:center;margin-bottom:6px;color:var(--primary)}.mode-icon .icon{width:28px;height:28px}.status-badge.approved{background:var(--ok-soft);color:var(--ok)}
.ri-ic.approved{background:var(--ok-soft);color:var(--ok)}.bonus-tag{display:block;color:var(--coin);font-size:.68rem;font-weight:800}.chips .chip{border:1px solid var(--border)}

.logo{min-width:0;flex-shrink:1}.logo-text{white-space:nowrap;font-size:1rem;line-height:1.1}.logo-text span{white-space:nowrap;margin-top:2px;font-size:.58rem}
.logo-img{position:relative;overflow:hidden}.logo-img:after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.28),transparent 55%);pointer-events:none}.logo-img .mark{width:26px;height:26px;position:relative;z-index:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))}
.btn-login-head{flex-shrink:0}

/* ===== Floating customer care ===== */
/* ===== Notice bar ===== */
.notice-bar{--na:#8B5CF6;display:flex;align-items:center;gap:13px;background:var(--surface);border:1px solid var(--border);border-radius:var(--rl);padding:13px 15px;margin-bottom:18px;box-shadow:var(--shs);position:relative;overflow:hidden;cursor:pointer}
.notice-bar:before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--na)}
.notice-bar.t-offer{--na:#F59E0B}.notice-bar.t-important{--na:#EF4444}.notice-bar.t-update{--na:#10B981}.notice-bar.t-info{--na:#8B5CF6}
.nb-ic{width:42px;height:42px;border-radius:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--na);box-shadow:0 6px 16px color-mix(in srgb,var(--na) 40%,transparent)}
.nb-body{flex:1;min-width:0}.nb-tag{display:inline-block;font-size:.62rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--na);background:color-mix(in srgb,var(--na) 14%,transparent);padding:2px 10px;border-radius:99px;margin-bottom:4px}
.nb-text{font-size:.8rem;font-weight:600;color:var(--t2);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nb-dots{display:flex;flex-direction:column;gap:5px}.nb-dots i{width:5px;height:5px;border-radius:50%;background:var(--bs);transition:.3s}.nb-dots i.on{background:var(--na);height:14px;border-radius:99px}
.notice-bar.swap .nb-body,.notice-bar.swap .nb-ic{animation:nbin .45s cubic-bezier(.16,1,.3,1)}@keyframes nbin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
/* ===== Profile ===== */
.pf{display:flex;flex-direction:column}
.p-head{display:flex;align-items:center;gap:16px;margin-bottom:18px}
.p-av{width:74px;height:74px;border-radius:50%;flex-shrink:0;background:var(--surface);border:3px solid var(--surface);display:flex;align-items:center;justify-content:center;font-size:1.9rem;font-weight:800;color:var(--primary);overflow:hidden;box-shadow:0 0 0 3px var(--glow),var(--shl)}.p-av img{width:100%;height:100%;object-fit:cover}
.p-id{min-width:0}.p-name{font-size:1.2rem;font-weight:800;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p-tid{display:inline-flex;align-items:center;gap:7px;margin-top:6px;background:var(--var);border:1px solid var(--border);padding:5px 13px;border-radius:99px;font-size:.78rem;color:var(--tm);font-weight:700}.p-tid .icon{color:var(--primary)}.p-tid b{color:var(--t);font-weight:800;letter-spacing:.02em}
.pf-bal{margin-bottom:14px}.pf-dep{margin:0 0 20px}
.pbox{background:var(--surface);border:1px solid var(--border);border-radius:var(--rl);padding:16px;margin-bottom:16px;box-shadow:var(--shs)}
.pbox-h{display:flex;align-items:center;gap:11px;margin-bottom:14px}.pbox-h b{flex:1;font-size:.82rem;font-weight:800;letter-spacing:.06em}.pbox-h em{font-style:normal;background:var(--soft);color:var(--primary);font-size:.72rem;font-weight:800;padding:3px 11px;border-radius:99px}
.pbox-ic{width:38px;height:38px;border-radius:13px;background:var(--pg);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shg)}.pbox-ic .icon{width:19px;height:19px}
.pbox-tabs{display:flex;gap:8px;margin-bottom:12px}.pbox-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;background:var(--var);border:1px solid var(--border);color:var(--t2);padding:9px 6px;border-radius:99px;font:inherit;font-weight:800;font-size:.74rem;cursor:pointer}
.pbox-tabs button i{font-style:normal;background:rgba(0,0,0,.08);padding:1px 7px;border-radius:99px;font-size:.66rem}
.pbox-tabs button.on{color:#fff;border-color:transparent;background:var(--pg)}.pbox-tabs button.on.approved{background:linear-gradient(135deg,#34D399,#10B981)}.pbox-tabs button.on.rejected{background:linear-gradient(135deg,#F87171,#EF4444)}.pbox-tabs button.on.pending{background:linear-gradient(135deg,#FBBF24,#F59E0B)}.pbox-tabs button.on i{background:rgba(255,255,255,.25)}
.pbox-list{max-height:360px;overflow-y:auto;padding-right:2px}.pbox-list .row-item:last-child{margin-bottom:0}.pbox .empty-state{padding:28px 10px;border:0;background:transparent}
.pf .info-list{margin-top:0}
.back-btn{display:inline-flex;align-items:center;gap:4px;background:var(--var);border:1px solid var(--border);color:var(--t2);padding:7px 14px 7px 8px;border-radius:99px;font:inherit;font-weight:700;font-size:.75rem;cursor:pointer}.back-btn .icon{width:16px;height:16px;transform:rotate(180deg)}
body{padding-bottom:calc(var(--nh) + 92px)}

/* ===== YADAV STORE: professional header ===== */
.logo-text{display:flex;flex-direction:column;gap:4px;font-size:1rem;letter-spacing:0;line-height:1}
.logo-text b{font-weight:900;font-size:1.02rem;letter-spacing:.07em;line-height:1;color:var(--t);white-space:nowrap}
.logo-text b i{font-style:normal;background:var(--pg);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.logo-text span{display:block;margin:0;font-size:.5rem;font-weight:700;letter-spacing:.17em;line-height:1;text-transform:uppercase;color:var(--tm);background:none;-webkit-text-fill-color:var(--tm);white-space:nowrap}
@media(max-width:430px){.btn-login-head span{display:none}.btn-login-head{width:40px;height:40px;padding:0;justify-content:center;border-radius:50%}}
/* PNG logo */
.logo-img.hasimg{background:none;box-shadow:none;overflow:visible}.logo-img.hasimg:after{display:none}.logo-png{width:100%;height:100%;object-fit:contain;display:block;position:relative;z-index:1}
img.icon.pic{object-fit:contain;fill:none;stroke:none;display:inline-block;vertical-align:middle}
.coin-value img.icon.pic{filter:drop-shadow(0 3px 6px rgba(0,0,0,.3))}
/* ===== CREATE APK button on cards ===== */
.price-row{flex-direction:column;align-items:stretch;gap:10px}
.btn-create{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;background:var(--pg);color:#fff;border:0;border-radius:99px;padding:10px 12px;font:inherit;font-weight:900;font-size:.72rem;letter-spacing:.1em;cursor:pointer;box-shadow:var(--shg);position:relative;overflow:hidden}
.btn-create:after{content:'';position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);animation:shine 3.2s ease-in-out infinite}
@keyframes shine{0%,60%{left:-60%}100%{left:130%}}
.btn-create:active{transform:scale(.97)}
/* ===== Product detail: tag, video, slider ===== */
.detail-top{align-items:center}.detail-info{min-width:0}.d-tag{display:inline-flex;align-items:center;gap:6px;background:var(--soft);color:var(--primary);font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:4px 12px;border-radius:99px;margin:2px 0 8px}
.d-price{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.d-price .price-original{margin:0}
.vid-sec{margin-bottom:16px}.vs-h{display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:800;color:var(--t2);margin-bottom:8px}.vs-h .icon{color:var(--primary)}
.vid-box{border-radius:var(--rl);overflow:hidden;background:#000;aspect-ratio:16/9;box-shadow:var(--shm)}.vid-box video,.vid-box iframe{width:100%;height:100%;border:0;display:block;background:#000}
.vid-skel{height:190px;border-radius:var(--rl);margin-bottom:16px;background:linear-gradient(100deg,var(--var) 30%,var(--surface) 50%,var(--var) 70%);background-size:300% 100%;animation:sk 1.3s linear infinite}@keyframes sk{to{background-position:-300% 0}}
.slider{position:relative;margin-bottom:18px;border-radius:var(--rl);overflow:hidden;background:var(--deep);box-shadow:var(--shm)}
.slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.slides::-webkit-scrollbar{display:none}
.slide{flex:0 0 100%;scroll-snap-align:center}.slide img{width:100%;aspect-ratio:16/11;object-fit:cover;display:block}
.sl-btn{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(0,0,0,.42);backdrop-filter:blur(8px);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.sl-btn .icon{width:18px;height:18px}.sl-prev{left:10px}.sl-prev .icon{transform:rotate(180deg)}.sl-next{right:10px}
.sl-count{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.5);backdrop-filter:blur(6px);color:#fff;padding:3px 11px;border-radius:99px;font-size:.68rem;font-weight:800}
.sl-dots{position:absolute;bottom:10px;left:0;right:0;display:flex;justify-content:center;gap:6px;pointer-events:none}.sl-dots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.55);transition:.3s}.sl-dots i.on{width:20px;border-radius:99px;background:#fff}
/* ===== Account: DEPOSIT button + box buttons ===== */
.pf-dep{font-size:1.15rem;font-weight:900;letter-spacing:.16em;padding:18px 24px;gap:13px;position:relative;overflow:hidden;border-radius:99px}
.pf-dep .icon{width:27px;height:27px;stroke-width:2.2;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}
.pf-dep:after{content:'';position:absolute;top:0;bottom:0;width:35%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.38),transparent);animation:shine 3s ease-in-out infinite}
.ptiles{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}
.ptile{background:var(--surface);border:1px solid var(--border);border-radius:var(--rl);padding:18px 8px 16px;display:flex;flex-direction:column;align-items:center;gap:9px;cursor:pointer;box-shadow:var(--shs);text-align:center;font:inherit;color:var(--t);transition:.2s}
.ptile:active{transform:scale(.97)}.ptile:hover{border-color:rgba(124,77,255,.4);box-shadow:var(--shm)}
.ptile .pbox-ic{width:48px;height:48px;border-radius:16px}.ptile .pbox-ic .icon{width:22px;height:22px}.ptile b{font-size:.72rem;font-weight:900;letter-spacing:.07em}.ptile small{color:var(--tm);font-size:.68rem;font-weight:700}
.pg-list .pbox-list{max-height:none;overflow:visible}

/* ===== v5: logo border, bolder headline, premium notice, care png, net warn ===== */
.logo-img.hasimg{border:2px solid transparent;border-radius:50%;background:linear-gradient(var(--surface),var(--surface)) padding-box,var(--pg) border-box;box-shadow:0 4px 14px rgba(124,77,255,.35);overflow:hidden;padding:0}
.logo-img.hasimg .logo-png{object-fit:cover;border-radius:50%}
.logo-text b{font-weight:900;font-size:1.18rem;letter-spacing:.06em}
@media(max-width:380px){.logo-text b{font-size:1.06rem;letter-spacing:.04em}}
.hero-section h1{font-size:1.3rem}
.pf-dep{font-size:1.4rem;letter-spacing:.2em;padding:20px 24px}
.net-warn{margin:8px auto 2px;display:inline-block;font-size:.72rem;font-weight:800;color:#B45309;background:rgba(245,158,11,.14);border:1px solid rgba(245,158,11,.35);padding:4px 12px;border-radius:99px}
/* premium notice */
.notice-bar{border:1px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(135deg,color-mix(in srgb,var(--na) 70%,#fff),transparent 45%,color-mix(in srgb,var(--na) 55%,transparent)) border-box;border-radius:20px;padding:15px 16px 17px;box-shadow:0 10px 30px color-mix(in srgb,var(--na) 16%,transparent),0 2px 6px rgba(0,0,0,.04);transition:box-shadow .5s ease}
.notice-bar:before{width:100%;height:100%;background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--na) 14%,transparent),transparent 60%);pointer-events:none}
.notice-bar:after{content:'';position:absolute;top:0;bottom:0;width:30%;left:-40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);animation:nbshine 5s ease-in-out infinite;pointer-events:none}
@keyframes nbshine{0%,60%{left:-40%}100%{left:130%}}
.nb-ic,.nb-body{position:relative;z-index:1}.nb-ic{border-radius:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--na) 75%,#fff),var(--na))}
.nb-tag{letter-spacing:.1em}.nb-text{font-weight:600}
.nb-dots{position:relative;z-index:1}
.nb-prog{position:absolute;left:0;bottom:0;height:3px;width:100%;background:linear-gradient(90deg,var(--na),color-mix(in srgb,var(--na) 40%,#fff));transform-origin:left;transform:scaleX(0);border-radius:0 3px 3px 0}
.notice-bar.run .nb-prog{animation:nbprog 4s linear forwards}@keyframes nbprog{to{transform:scaleX(1)}}
.notice-bar .nb-body,.notice-bar .nb-ic{transition:opacity .26s ease,transform .26s cubic-bezier(.4,0,.2,1)}
.notice-bar.out .nb-body{opacity:0;transform:translateX(-14px)}.notice-bar.out .nb-ic{opacity:0;transform:scale(.7) rotate(-12deg)}
.notice-bar.in .nb-body{animation:nbin2 .5s cubic-bezier(.16,1,.3,1)}.notice-bar.in .nb-ic{animation:nbic .55s cubic-bezier(.34,1.56,.64,1)}
@keyframes nbin2{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}@keyframes nbic{from{opacity:0;transform:scale(.6) rotate(12deg)}to{opacity:1;transform:none}}
.notice-bar.swap .nb-body,.notice-bar.swap .nb-ic{animation:none}
.stats-row{display:flex;gap:8px}.stat-pill{flex:1 1 0;min-width:0;justify-content:center;white-space:nowrap;font-size:.72rem;padding:11px 8px;gap:6px}

/* ===== v6 ===== */
*{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}
input,textarea,select{-webkit-user-select:text!important;user-select:text!important;-webkit-touch-callout:default!important}
img{-webkit-user-drag:none;user-drag:none}
/* deposit packs */
.coin-pack{padding:16px 6px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:78px}
.pack-amt{font-size:1.15rem;font-weight:800;color:var(--t);display:flex;align-items:center;justify-content:center;gap:5px;line-height:1}
.pack-bonus{font-size:.62rem;font-weight:800;color:var(--ok);background:var(--ok-soft);padding:2px 8px;border-radius:99px;white-space:nowrap}
.u-ic,img.icon.u-ic{width:19px;height:19px;object-fit:contain;vertical-align:middle;display:inline-block}
.coin-custom-input .cur-in{color:var(--t);font-size:1.15rem;font-weight:800;letter-spacing:0}
.min-box{margin-bottom:14px}
.srow b .u-ic{margin-right:4px;width:16px;height:16px}
.pay-amount .u-ic{width:26px;height:26px;margin-right:6px}
.copy-btn{display:inline-flex;align-items:center;gap:6px;margin:8px auto 0;background:var(--soft);color:var(--primary);border:1px solid var(--border);border-radius:99px;padding:6px 14px;font:inherit;font-weight:800;font-size:.72rem;cursor:pointer}
.cur{font-weight:800;margin-right:-4px}
/* deposit button */
.pf-dep{font-size:1rem;font-weight:700;letter-spacing:.08em;padding:17px 24px}
.pf-dep .icon{width:22px;height:22px;stroke-width:2}
/* templates: no glow behind active filter */
.filter-tabs button.active,.filter-tabs button.active .icon{box-shadow:none;filter:none}
.section-title .icon{filter:none;box-shadow:none}
/* logo: slightly rounded corners */
.logo-img.hasimg{border-radius:14px}.logo-img.hasimg .logo-png{border-radius:11px}
/* care.png fills the circle */
/* professional discount ribbon */
.badge,.discount-tag{display:none}
.img-wrap{position:relative}
.ribbon{position:absolute;top:0;left:12px;z-index:3;width:42px;padding:7px 0 12px;display:flex;flex-direction:column;align-items:center;line-height:1;color:#fff;background:linear-gradient(180deg,#F43F5E,#BE123C);clip-path:polygon(0 0,100% 0,100% 100%,50% 86%,0 100%);filter:drop-shadow(0 4px 6px rgba(190,18,60,.35))}
.ribbon b{font-size:.82rem;font-weight:900;letter-spacing:-.02em}.ribbon span{font-size:.5rem;font-weight:800;letter-spacing:.14em;margin-top:2px;opacity:.95}
.d-price .discount-tag{display:inline-block;font-size:.62rem;font-weight:800;letter-spacing:.06em;color:#BE123C;background:rgba(244,63,94,.12);border:1px solid rgba(244,63,94,.3);padding:3px 9px;border-radius:7px}
.card .desc,.design-card .desc{text-transform:none;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:4px}
.price-main{font-size:1.05rem}
/* unique back button */
.back-btn{gap:9px;padding:5px 15px 5px 5px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shs);text-align:left}
.back-btn .bk-ic{width:30px;height:30px;border-radius:50%;background:var(--pg);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px var(--glow)}
.back-btn .bk-ic .icon{width:15px;height:15px;transform:rotate(180deg);color:#fff}
.back-btn .bk-t{display:flex;flex-direction:column;line-height:1.1}.back-btn .bk-t small{font-size:.55rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--tm)}.back-btn .bk-t b{font-size:.76rem;font-weight:800;color:var(--t)}
.back-btn:active{transform:scale(.96)}

/* ===== v7 ===== */
.hero-section{padding-left:20px;padding-right:20px}.hero-section p{margin-bottom:18px}
.hero-btns{display:flex;gap:8px;align-items:center}
.hero-btn{padding:11px 14px;font-size:.72rem;gap:7px;white-space:nowrap}
.hero-add{background:rgba(255,255,255,.14);color:#fff;border:1.5px solid rgba(255,255,255,.55);box-shadow:none;letter-spacing:.06em;backdrop-filter:blur(8px)}
.hero-add .icon{width:15px;height:15px}
@media(max-width:400px){.hero-btn:not(.hero-add) .icon{display:none}}
/* discount tag: right side hanging tag */
.ribbon{left:auto;right:10px;width:44px;padding:13px 0 15px;background:linear-gradient(165deg,#FB7185 0%,#E11D48 55%,#9F1239 100%);clip-path:polygon(0 0,100% 0,100% 100%,50% 88%,0 100%);filter:drop-shadow(0 5px 8px rgba(159,18,57,.4))}
.ribbon:before{content:'';position:absolute;top:4px;left:50%;width:7px;height:7px;margin-left:-3.5px;border-radius:50%;background:var(--surface);box-shadow:inset 0 1px 2px rgba(0,0,0,.35)}
.ribbon:after{content:'';position:absolute;top:0;bottom:0;left:-60%;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);animation:rbs 3.4s ease-in-out infinite}
@keyframes rbs{0%,55%{left:-60%}100%{left:140%}}
.ribbon b{font-size:.86rem;letter-spacing:-.03em}
/* smaller info box under product image */
.content{padding:9px 11px 11px;gap:6px}
.design-card .title{font-size:.74rem;line-height:1.2}
.design-card .desc{font-size:.66rem;margin-top:2px;-webkit-line-clamp:1}
.price-row{gap:7px;margin-top:4px;padding-top:6px}.price-main{font-size:.95rem}.price-original{font-size:.64rem}
.btn-create{padding:8px 10px;font-size:.66rem}
.cur{margin-right:3px}

/* ===== v8: media strip (3:4), order page, back in modals ===== */
.m-top{margin:2px 0 14px}
.m-h{display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:800;color:var(--t2);margin-bottom:8px}.m-h .icon{color:var(--primary)}
.mstrip{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:0 -2px 18px;padding:2px}.mstrip::-webkit-scrollbar{display:none}
.mcard{flex:0 0 46%;aspect-ratio:3/4;border-radius:var(--rl);overflow:hidden;background:#000;scroll-snap-align:start;box-shadow:var(--shm);position:relative;border:1px solid var(--border)}
.mcard img,.mcard video,.mcard iframe{width:100%;height:100%;display:block;border:0;object-fit:cover;background:#000}
.mcard.vcard video,.mcard.vcard iframe{object-fit:contain}
.mcard .vid-skel{height:100%;margin:0;border-radius:0}
@media(min-width:600px){.mcard{flex-basis:34%}}
/* order page */
.o-top{align-items:center}.o-top .detail-img{width:64px;height:64px}
.o-desc{font-size:.74rem;color:var(--tm);font-weight:600;line-height:1.4;margin-top:4px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.build-mode-card{padding:16px 10px 14px;display:flex;flex-direction:column;align-items:center;gap:6px;min-height:128px;justify-content:center;position:relative}
.build-mode-card .mode-icon{margin:0}.mode-title{font-weight:800;font-size:.76rem;line-height:1.25;text-align:center}
.mode-price{margin-top:2px;font-weight:900;font-size:1.05rem;color:var(--ok);background:var(--ok-soft);padding:4px 14px;border-radius:99px;box-shadow:0 0 0 1px rgba(16,185,129,.25);letter-spacing:-.01em}
.build-mode-card.selected .mode-price{background:var(--pg);color:#fff;box-shadow:var(--shg)}
.build-mode-card.off{opacity:.55;cursor:not-allowed;filter:grayscale(.5)}.build-mode-card.off .mode-price{background:var(--var);color:var(--tm);box-shadow:none}
.mt-badge{position:absolute;top:8px;right:8px;font-size:.52rem;font-weight:900;letter-spacing:.08em;color:#92400E;background:#FDE68A;padding:3px 7px;border-radius:99px}
.build-mode-grid{grid-template-columns:1fr 1fr}
.build-mode-card{padding:14px 8px 12px;min-height:122px}.mode-title{font-size:.72rem}.mode-price{font-size:.98rem;padding:4px 12px}

/* ===== v9: font style picker ===== */
.font-pick{margin:-4px 0 16px}
.font-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:6px}
.font-box{background:var(--surface);border:2px solid var(--border);color:var(--t);border-radius:var(--rm);padding:13px 6px;font:inherit;font-size:1.15rem;cursor:pointer;text-align:center;transition:.2s;box-shadow:var(--shs)}
.font-box.on{border-color:var(--primary);background:var(--soft);box-shadow:var(--shg);color:var(--primary)}
.font-box:active{transform:scale(.96)}
.font-prev{margin-top:10px}.font-prev small{display:block;font-size:.66rem;font-weight:700;color:var(--tm);letter-spacing:.04em;text-transform:uppercase}.font-prev b{display:block;font-size:1.05rem;font-weight:600;margin-top:3px;word-break:break-word;color:var(--t)}
.opt{font-size:.7rem;font-weight:600;color:var(--tm)}

/* ===== v10: paste button ===== */
.pst{position:relative}.pst input{padding-right:92px}
.pst-b{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:5px;background:var(--soft);color:var(--primary);border:1px solid var(--border);border-radius:99px;padding:6px 12px;font:inherit;font-size:.7rem;font-weight:800;cursor:pointer}
.pst-b .icon{width:13px;height:13px}.pst-b:active{transform:translateY(-50%) scale(.95)}

/* ===== v11: paste dialog, mode icons, order no, download ===== */
.pdlg{position:fixed;inset:0;z-index:3000;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px}
.pd-card{width:100%;max-width:360px;background:var(--surface);border:1px solid var(--border);border-radius:var(--rl);padding:20px;box-shadow:var(--shm);display:flex;flex-direction:column;gap:10px}
.pd-card b{font-size:1rem;font-weight:800}.pd-card small{font-size:.76rem;color:var(--tm);font-weight:600;line-height:1.45}
.pd-card textarea{width:100%;background:var(--var);border:2px solid var(--primary);border-radius:var(--rm);padding:12px;color:var(--t);font:inherit;font-weight:600;resize:none;outline:0}
.mi{width:56px;height:56px;border-radius:18px;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(145deg,rgba(139,92,246,.2),rgba(59,130,246,.12));box-shadow:inset 0 0 0 1px rgba(139,92,246,.3),0 6px 18px rgba(124,77,255,.25)}
.mi:after{content:'';position:absolute;inset:-4px;border-radius:22px;border:1.5px solid rgba(139,92,246,.5);animation:miring 2.6s ease-out infinite;pointer-events:none}
.mi-svg{width:36px;height:36px;overflow:visible;animation:mif 3s ease-in-out infinite}
@keyframes miring{0%{transform:scale(.92);opacity:.8}100%{transform:scale(1.18);opacity:0}}@keyframes mif{0%,100%{transform:translateY(0)}50%{transform:translateY(-2.5px)}}
.mi-spark{transform-origin:center;transform-box:fill-box;animation:mis 1.8s ease-in-out infinite}@keyframes mis{0%,100%{opacity:.35;transform:scale(.7)}50%{opacity:1;transform:scale(1.25)}}
.mi-pop{transform-origin:center;transform-box:fill-box;animation:mip 2.4s ease-in-out infinite}@keyframes mip{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
.mi-draw{stroke-dasharray:60;animation:mid 3s ease-in-out infinite}@keyframes mid{0%{stroke-dashoffset:60}45%,100%{stroke-dashoffset:0}}
.build-mode-card.selected .mi{background:var(--pg);box-shadow:var(--shg)}.build-mode-card.selected .mi-svg{filter:drop-shadow(0 0 4px rgba(255,255,255,.7))}
.build-mode-card.selected .mi-svg [stroke^="url"]{stroke:#fff}.build-mode-card.selected .mi-svg [fill^="url"]{fill:#fff;fill-opacity:.28}
.build-mode-card.off .mi,.build-mode-card.off .mi:after,.build-mode-card.off .mi-svg{animation:none}
.ok-wrap{text-align:center;padding:6px 4px 4px}.ok-ic{width:64px;height:64px;border-radius:50%;margin:0 auto 12px;background:var(--ok-soft);color:var(--ok);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 8px rgba(16,185,129,.1)}.ok-ic .icon{width:34px;height:34px}
.ok-wrap h3{font-size:1.25rem;font-weight:800}.ok-l{font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--tm);margin-top:14px}
.ok-no{font-size:2.2rem;font-weight:900;letter-spacing:.04em;background:var(--pg);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:4px 0 6px}
.ok-note{font-size:.76rem;color:var(--tm);font-weight:600;line-height:1.5;margin:14px 0 18px}.ok-wrap .btn-gradient{width:100%}
.ono{display:inline-flex;align-items:center;gap:6px;font-size:.7rem;font-weight:800;color:var(--primary);background:var(--soft);padding:2px 10px;border-radius:99px;margin:3px 0;cursor:pointer}.ono .icon{width:12px;height:12px}
.dl-btn{margin-top:10px;padding:9px 18px;font-size:.75rem;width:auto}

.mi{width:60px;height:60px}.mi-svg{width:40px;height:40px}

.pdlg{display:none!important}
input,textarea{-webkit-user-select:text!important;user-select:text!important;-webkit-touch-callout:default!important}

/* ===== USDT auto-verify pay screen ===== */
.apay .pay-amount{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
.exact-note{font-size:.74rem;font-weight:700;color:var(--t2);line-height:1.55;margin:10px 4px 4px}.exact-note b{color:var(--primary)}
.pay-recv{font-size:.8rem;color:var(--tm);font-weight:700;margin:2px 0 12px}.pay-recv b{color:var(--ok)}
.pay-wait{display:flex;align-items:center;gap:12px;text-align:left;padding:14px 16px;border-radius:var(--rm);background:var(--soft);border:1px solid var(--border);margin:6px 0 14px}
.pay-wait b{display:block;font-size:.88rem;font-weight:800}.pay-wait small{display:block;font-size:.72rem;color:var(--tm);font-weight:700;margin-top:2px;line-height:1.4}
.pw-sp{width:22px;height:22px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--primary);animation:fspin .9s linear infinite;flex:none}
.pay-wait.late .pw-sp{border-top-color:#F59E0B}
.link-btn{background:none;border:0;color:var(--primary);font:inherit;font-weight:800;font-size:.76rem;margin-top:14px;cursor:pointer;text-decoration:underline}
.mini-pay{display:inline-block;margin-top:6px;background:var(--pg);color:#fff;border:0;border-radius:99px;padding:5px 14px;font:inherit;font-weight:800;font-size:.68rem;cursor:pointer}
.apay .pay-id{display:block;margin:10px 0 4px}.apay .copy-btn{margin-top:6px}

/* ===== Refer To Earn (premium) ===== */
.bottom-nav.n5{justify-content:space-between;padding-left:4px;padding-right:4px}
.bottom-nav.n5 .nav-item{flex:1;min-width:0;padding:8px 2px;gap:4px}.bottom-nav.n5 .nav-item span{font-size:.62rem;white-space:nowrap;letter-spacing:-.01em}.bottom-nav.n5 .nav-item .icon{width:23px;height:23px}

/* ===== Customer Care ===== */
.ptile-wide{grid-column:1/-1;flex-direction:row;justify-content:flex-start;text-align:left;padding:14px 16px;gap:14px}
.ptile-wide .pbox-ic{flex:none}.ptile-wide .pt-tx{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.ptile-wide .pt-tx b{font-size:.78rem}.ptile-wide .pt-tx small{line-height:1.35}
.ptile-wide .pt-ar{color:var(--tm);display:flex}.ptile-wide .pt-ar .icon{width:18px;height:18px}
.cs-intro{margin-bottom:16px}.cs-ol{font-weight:600;color:var(--tm)}
.cs-cnt{display:block;text-align:right;font-size:.68rem;color:var(--tm);font-weight:700;margin-top:4px}
.form-group textarea{resize:vertical;min-height:110px;line-height:1.5}
.cs-imgs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.cs-th{position:relative;aspect-ratio:1;border-radius:var(--rm);overflow:hidden;border:1px solid var(--border);background:var(--var)}
.cs-th img{width:100%;height:100%;object-fit:cover;display:block}
.cs-th button{position:absolute;top:5px;right:5px;width:24px;height:24px;border-radius:50%;border:0;background:rgba(0,0,0,.7);color:#fff;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer}.cs-th button .icon{width:13px;height:13px}
.cs-add{aspect-ratio:1;border:2px dashed var(--bs);border-radius:var(--rm);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--t2);cursor:pointer;font-size:.7rem;font-weight:800;background:var(--surface);text-align:center;padding:6px}.cs-add .icon{width:22px;height:22px;color:var(--primary)}
.cs-or{display:flex;align-items:center;gap:12px;margin:22px 0 14px;color:var(--tm);font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.cs-or:before,.cs-or:after{content:'';flex:1;height:1px;background:var(--border)}
.cs-opt{width:100%;display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--rl);padding:14px 16px;margin-bottom:12px;cursor:pointer;text-align:left;font:inherit;color:var(--t);box-shadow:var(--shs);transition:.2s}
.cs-opt:active{transform:scale(.98)}.cs-opt .pbox-ic{flex:none}.cs-opt .co-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.cs-opt .co-t b{font-size:.9rem;font-weight:800}.cs-opt .co-t small{font-size:.72rem;color:var(--tm);font-weight:600;line-height:1.4}.cs-opt .co-ar{color:var(--tm);display:flex}
.cs-opt.ai{border-color:rgba(124,77,255,.45);background:linear-gradient(135deg,var(--soft),var(--surface))}.cs-opt.off{opacity:.55;pointer-events:none}
.ai-box{display:flex;flex-direction:column;gap:10px;padding-bottom:12px}
.ai-m{max-width:88%;padding:11px 14px;border-radius:18px;font-size:.86rem;line-height:1.5;font-weight:600;overflow-wrap:anywhere}
.ai-m.bot{align-self:flex-start;background:var(--surface);border:1px solid var(--border);border-bottom-left-radius:6px;color:var(--t)}
.ai-m.me{align-self:flex-end;background:var(--pg);color:#fff;border-bottom-right-radius:6px}.ai-m.err{border-color:var(--err);color:var(--err)}
.ai-act{align-self:flex-start;display:flex;align-items:center;gap:8px;background:var(--ok-soft);color:var(--ok);border-radius:var(--rm);padding:9px 13px;font-size:.78rem;font-weight:800}.ai-act .icon{width:16px;height:16px;flex:none}.ai-act.tk{background:var(--soft);color:var(--primary)}
.ai-sug{display:flex;flex-wrap:wrap;gap:8px}.ai-sug button{background:var(--var);border:1px solid var(--border);color:var(--t2);border-radius:99px;padding:8px 13px;font:inherit;font-size:.74rem;font-weight:700;cursor:pointer;text-align:left}
.ai-typing{align-self:flex-start;display:flex;gap:5px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:18px;border-bottom-left-radius:6px}.ai-typing i{width:7px;height:7px;border-radius:50%;background:var(--tm);animation:aid 1.2s infinite}.ai-typing i:nth-child(2){animation-delay:.18s}.ai-typing i:nth-child(3){animation-delay:.36s}@keyframes aid{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}
.ai-in{position:sticky;bottom:calc(var(--nh) + 10px + env(safe-area-inset-bottom));z-index:5;display:flex;gap:8px;align-items:flex-end;background:var(--bg);padding:8px 0 4px}
.ai-in textarea{flex:1;max-height:110px;resize:none;border:2px solid var(--border);border-radius:22px;padding:12px 16px;background:var(--surface);color:var(--t);font:inherit;font-weight:600;font-size:.88rem;outline:0;line-height:1.35}.ai-in textarea:focus{border-color:var(--primary)}
.ai-in button{width:46px;height:46px;border-radius:50%;border:0;background:var(--pg);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shg);flex:none}.ai-in button .icon{width:20px;height:20px}.ai-in button:disabled{opacity:.5}
.tk{background:var(--surface);border:1px solid var(--border);border-radius:var(--rl);padding:14px 16px;margin-bottom:12px;box-shadow:var(--shs)}
.tk-h{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px}.tk-h b{font-size:.84rem;font-weight:800}
.tk p{font-size:.8rem;color:var(--t2);font-weight:600;line-height:1.5;word-break:break-word;margin-bottom:6px}.tk small{color:var(--tm);font-size:.68rem;font-weight:700}
.tk-r{margin-top:10px;background:var(--soft);border-radius:var(--rm);padding:10px 12px}.tk-r span{display:block;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--primary);margin-bottom:4px}.tk-r div{font-size:.8rem;font-weight:600;line-height:1.5;word-break:break-word}
.form-group .cs-add{display:flex;margin:0;font-size:.7rem;color:var(--t2)}
.ai-in{background:transparent;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}

/* ---- Customer Care menu + AI chat full-height (input at the very bottom) ---- */
.ai-team{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;background:var(--soft);color:var(--primary);border:1px solid rgba(124,77,255,.35);border-radius:99px;padding:9px 15px;font:inherit;font-size:.76rem;font-weight:800;cursor:pointer}.ai-team .icon{width:15px;height:15px}
body.chat{padding-bottom:0}
body.chat .bottom-nav{display:none}
body.chat .container{display:flex;flex-direction:column;min-height:calc(100vh - var(--hh));min-height:calc(100dvh - var(--hh));padding-bottom:0}
body.chat .container>.ai-pg{flex:1;display:flex;flex-direction:column}
.ai-pg .ai-box{flex:1}
.ai-pg .ai-in{bottom:0;margin:0 -18px;padding:10px 18px calc(10px + env(safe-area-inset-bottom));background:var(--glass);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-top:1px solid var(--border)}

.ai-m.err{background:var(--coin-soft);border-color:rgba(245,158,11,.5);color:var(--t)}

/* ===== FAKE WEBSITE ===== */
#tpl{scroll-margin-top:calc(var(--hh) + 12px)}
.filter-tabs button .cx-n{font-style:normal;background:var(--soft);color:var(--primary);border-radius:99px;padding:1px 8px;font-size:.66rem;font-weight:800;margin-left:6px}.filter-tabs button.active .cx-n{background:rgba(255,255,255,.25);color:#fff}
.cx-sub{display:flex;align-items:center;gap:8px;margin:-6px 0 14px;font-size:.74rem;font-weight:800;color:var(--tm);letter-spacing:.08em;text-transform:uppercase}.cx-sub b{background:var(--soft);color:var(--primary);border-radius:99px;padding:2px 10px;font-size:.7rem;letter-spacing:0}
.cx-card.out{cursor:default}.cx-card.out:hover{transform:none;box-shadow:var(--shs);border-color:var(--border)}.cx-card.out:hover img{transform:none}.cx-card.out .cx-logo{filter:grayscale(.85);opacity:.6}.cx-card.out .cx-pre{opacity:.55}
@keyframes cxp{50%{opacity:.3;transform:scale(.7)}}
.cx-logo{width:64px;height:64px;border-radius:18px;background:var(--deep);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;overflow:hidden;flex:none;color:var(--primary)}.cx-logo img{width:100%;height:100%;object-fit:cover}.cx-logo .icon{width:30px;height:30px}.cx-logo.sm{width:52px;height:52px;border-radius:15px}.cx-logo.sm .icon{width:24px;height:24px}
.cx-buy{margin-top:auto;min-height:33px}.cx-buy:disabled{opacity:.5;filter:grayscale(.7);cursor:not-allowed;box-shadow:none}.cx-buy:disabled:after{display:none}
.cx-ph{display:flex;align-items:center;gap:14px;margin-bottom:18px}.cx-ph .cx-logo{width:72px;height:72px;border-radius:20px}.cx-pt{min-width:0}.cx-pt h2{font-size:1.25rem;font-weight:800;line-height:1.2;word-break:break-word}.cx-pt span{display:block;font-size:.74rem;color:var(--tm);font-weight:700;margin-top:3px}
.cx-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}
.cx-plan{position:relative;background:var(--surface);border:2px solid var(--border);border-radius:var(--rm);padding:14px 4px 12px;text-align:center;cursor:pointer;box-shadow:var(--shs);font:inherit;color:var(--t);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:88px}
.cx-plan b{font-size:1rem;font-weight:800}.cx-plan .cx-pr{font-size:.88rem;font-weight:800;color:var(--ok)}.cx-plan s{font-size:.66rem;color:var(--tm);font-weight:600}.cx-plan em{font-style:normal;font-size:.58rem;font-weight:800;color:var(--err);text-transform:uppercase;letter-spacing:.05em}
.cx-plan.on,.cx-prem.on{border-color:var(--primary);background:var(--soft);box-shadow:0 0 0 4px var(--glow)}.cx-plan.off{opacity:.55;cursor:not-allowed;box-shadow:none}
.cx-prem{width:100%;display:flex;align-items:center;gap:12px;text-align:left;background:linear-gradient(135deg,var(--coin-soft),var(--surface));border:2px solid rgba(245,158,11,.55);border-radius:var(--rm);padding:13px 14px;margin-bottom:14px;cursor:pointer;font:inherit;color:var(--t);box-shadow:var(--shs)}
.cx-pi{width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,#FBBF24,#F59E0B);color:#fff;display:flex;align-items:center;justify-content:center;flex:none}.cx-pi .icon{width:21px;height:21px}
.cx-pb{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.cx-pb b{font-weight:800;font-size:.92rem}.cx-pb small{font-size:.68rem;color:var(--tm);font-weight:700}
.cx-pp{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.cx-pp b{font-weight:800;font-size:1rem;color:var(--ok)}.cx-pp s{font-size:.66rem;color:var(--tm)}
.cx-sum{background:var(--var);border:1px solid var(--border);border-radius:var(--rm);padding:6px 14px;margin-bottom:6px}.cx-sum div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;font-size:.8rem;font-weight:700}.cx-sum div+div{border-top:1px dashed var(--border)}.cx-sum span{color:var(--tm)}.cx-sum b{font-weight:800}.cx-low{color:var(--err)}
.cx-need{font-size:.74rem;font-weight:700;color:var(--err);margin:4px 2px 0}.cx-need a,.cx-load a{color:var(--primary);text-decoration:underline;cursor:pointer}
.cx-btns{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.cx-btns .btn-gradient,.cx-btns .btn-outline{width:100%;padding:14px 10px}.cx-btns .btn-gradient:disabled{opacity:.55;box-shadow:none;cursor:not-allowed}
.cx-oc{flex-direction:column;gap:10px}.cx-oh{display:flex;gap:12px;align-items:center}
.cx-tags{display:flex;gap:8px;flex-wrap:wrap}
.cx-tag{display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:5px 12px;font-size:.68rem;font-weight:800;white-space:nowrap}
.cx-tag.act{background:var(--ok-soft);color:var(--ok)}.cx-tag .dot{width:7px;height:7px;border-radius:50%;background:var(--ok);animation:cxp 1.6s ease-in-out infinite}.cx-tag em{font-style:normal;margin-left:3px;padding-left:9px;border-left:1px solid currentColor}
.cx-tag.ex{background:var(--err-soft);color:var(--err)}@keyframes cxp{0%,100%{opacity:1}50%{opacity:.35}}
.cx-oc.ex{opacity:.8}.cx-exn{font-size:.74rem;color:var(--tm);font-weight:600}
.cx-rows{display:flex;flex-direction:column;gap:8px;margin:2px 0 0;text-align:left}
.cx-cr{display:flex;align-items:center;gap:10px;background:var(--var);border:1px solid var(--border);border-radius:var(--rs);padding:8px 8px 8px 12px}
.cx-cr span{font-size:.6rem;font-weight:800;text-transform:uppercase;color:var(--tm);width:74px;flex:none;letter-spacing:.04em;line-height:1.25}
.cx-cr code{flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--t)}
.cx-cp{flex:none;width:34px;height:34px;border-radius:10px;border:1px solid var(--border);background:var(--soft);color:var(--primary);display:flex;align-items:center;justify-content:center;cursor:pointer}.cx-cp:active{transform:scale(.94)}.cx-cp .icon{width:16px;height:16px}
.cx-load{font-size:.76rem;font-weight:700;color:var(--tm);text-align:center;padding:14px 0}
.cx-ebt{display:flex;flex-direction:column;gap:10px;margin-top:14px;align-items:center}.cx-ebt button{max-width:260px}
.filter-tabs.sm{gap:6px}.filter-tabs.sm button{padding:8px 13px;font-size:.76rem;gap:6px}.filter-tabs.sm button .icon{width:15px;height:15px}.filter-tabs.sm button .cx-n{margin-left:2px;padding:1px 7px}
.cx-cr code{white-space:normal;word-break:break-all;line-height:1.35}

/* skeleton cards while the catalog loads */
.sk-card{pointer-events:none;cursor:default}.sk-card .content{padding:12px}.sk-card:hover{transform:none}

/* FAKE WEBSITE compact card: logo + title, Starts from, Stock (red dot), premium line, Buy now */
.cx-card{padding:12px;gap:9px}
.cx-top{display:flex;align-items:center;gap:10px;min-height:44px}.cx-card .cx-logo{width:44px;height:44px;border-radius:13px}.cx-card .cx-logo .icon{width:20px;height:20px}
.cx-top .title{flex:1;min-width:0;font-size:.86rem;font-weight:800;line-height:1.2;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
.cx-start{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 7px}.cx-start span{font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--tm)}.cx-start b{font-size:1.05rem;font-weight:900;line-height:1.1}
.cx-stock{display:flex;align-items:center;gap:7px;font-size:.76rem;font-weight:700;color:var(--tm)}.cx-stock i{width:9px;height:9px;border-radius:50%;background:#ef4444;animation:cxd 1.6s ease-out infinite;flex:none;margin:0 1px}@keyframes cxd{0%{box-shadow:0 0 0 0 rgba(239,68,68,.55)}70%,100%{box-shadow:0 0 0 6px rgba(239,68,68,0)}}.cx-stock b{color:var(--t);font-weight:900;font-size:.9rem;line-height:1}
.cx-pre{display:flex;align-items:flex-start;gap:6px;font-size:.64rem;font-weight:800;line-height:1.3;color:var(--coin);background:var(--coin-soft);border-radius:10px;padding:7px 9px}.cx-pre .icon{width:14px;height:14px;flex:none}
.cx-pcap{display:flex;align-items:center;gap:7px;font-size:.8rem;font-weight:800;color:var(--coin);margin:2px 2px 9px}.cx-pcap .icon{width:16px;height:16px}
.cx-sl{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--tm);margin:2px 2px 9px}
.cx-prem.soon{border-style:dashed;opacity:.85}.cx-prem.soon .cx-pp .icon{width:18px;height:18px;color:var(--primary)}
[data-theme=light] .cx-pre,[data-theme=light] .cx-pcap{color:#B45309}

/* ---- Coupons + Gift codes ---- */
.cpn{margin:2px 0 14px}.cpn .lbl{margin-bottom:7px}.cpn-row{display:flex;gap:8px;align-items:stretch}.cpn-row>input,.cpn-row>.pst{flex:1;min-width:0}
.cpn-row input,.gf-row input{width:100%;padding:13px 16px;border:2px solid var(--border);border-radius:var(--rm);font-size:.9rem;background:var(--surface);outline:0;color:var(--t);font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.cpn-row input::placeholder,.gf-row input::placeholder{text-transform:none;letter-spacing:0;font-weight:600;color:var(--tm)}.cpn-row input:focus,.gf-row input:focus{border-color:var(--primary)}.cpn-row input[readonly],.gf-row input[readonly]{opacity:.75}
.cpn-b{flex:none;min-width:92px;padding:0 18px;border-radius:var(--rm);border:0;background:var(--pg);color:#fff;font:inherit;font-weight:800;font-size:.84rem;cursor:pointer;box-shadow:var(--shg)}.cpn-b:disabled{opacity:.55;box-shadow:none;cursor:not-allowed}.cpn-b.on{background:var(--var);color:var(--err);border:2px solid var(--border);box-shadow:none}
.cpn-msg,.gf-msg{font-size:.74rem;font-weight:700;margin:7px 2px 0;line-height:1.4}.cpn-msg.ok,.gf-msg.ok{color:var(--ok)}.cpn-msg.err,.gf-msg.err{color:var(--err)}.cpn-msg:empty,.gf-msg:empty{display:none}
.o-sum{background:var(--var);border:1px solid var(--border);border-radius:var(--rm);padding:4px 14px;margin-bottom:14px}.o-sum div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;font-size:.8rem;font-weight:700}.o-sum div+div{border-top:1px dashed var(--border)}.o-sum span{color:var(--tm);display:flex;align-items:center;gap:6px}.o-sum b{font-weight:800}.o-sum .cp-d span,.o-sum .cp-d b{color:var(--ok)}.o-sum .cp-t b{font-size:1.02rem}
.cx-sum .cx-dis span,.cx-sum .cx-dis b{color:var(--ok)}
.gf-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--rl);padding:16px;margin-bottom:16px;box-shadow:var(--shs)}.gf-h{display:flex;align-items:center;gap:13px;margin-bottom:13px}.gf-h .pbox-ic{width:46px;height:46px;border-radius:16px;flex:none}.gf-h .pbox-ic .icon{width:22px;height:22px}.gf-h b{display:block;font-size:.78rem;font-weight:900;letter-spacing:.07em}.gf-h small{display:block;color:var(--tm);font-size:.7rem;font-weight:700;line-height:1.35;margin-top:3px}
.gf-row{display:flex;gap:8px;align-items:stretch}
.cpn-old{color:var(--tm);font-weight:600;font-size:.74em;margin-left:7px;text-decoration:line-through}
.cpn-tag{display:inline-flex;align-items:center;gap:6px;background:var(--ok-soft);color:var(--ok);border-radius:99px;padding:5px 11px;font-size:.7rem;font-weight:800;margin:8px 0 2px}.cpn-tag .icon{width:13px;height:13px}
.ok-save{display:inline-flex;align-items:center;gap:6px;background:var(--ok-soft);color:var(--ok);border-radius:99px;padding:6px 13px;font-size:.76rem;font-weight:800;margin:10px 0 0}.ok-save .icon{width:14px;height:14px}
.pst input[readonly]+.pst-b{display:none}.pst input[readonly]{padding-right:16px}
.cpn-lb{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--tm);margin:2px 2px 9px}
.fab{position:fixed;right:16px;bottom:calc(var(--nh) + 16px + env(safe-area-inset-bottom));width:50px;height:50px;border:0;padding:0;border-radius:50%;background:var(--pg);color:#fff;cursor:pointer;z-index:90;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px rgba(99,102,241,.4),0 2px 6px rgba(0,0,0,.2),inset 0 0 0 1px rgba(255,255,255,.2);-webkit-tap-highlight-color:transparent;transition:transform .18s,box-shadow .18s}
.fab:hover{box-shadow:0 10px 26px rgba(99,102,241,.5),0 2px 6px rgba(0,0,0,.2),inset 0 0 0 1px rgba(255,255,255,.3)}
.fab:active{transform:scale(.92)}
.fab .icon{width:23px;height:23px;stroke-width:2}
@keyframes fspin{to{transform:rotate(360deg)}}
.gf-rm{display:block;margin-top:8px;padding:9px 12px;border-radius:12px;background:var(--ok-soft);color:var(--t);font-size:.76rem;font-weight:600;line-height:1.45;word-break:break-word}
.gf-rm i{display:block;font-style:normal;font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ok);margin-bottom:2px}
.gf-remark{margin-top:14px;padding:12px 14px;border-radius:14px;background:var(--ok-soft);text-align:left}
.gf-remark small{display:block;font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ok);margin-bottom:3px}
.gf-remark p{font-size:.86rem;font-weight:600;line-height:1.5;color:var(--t);word-break:break-word;margin:0}
/* ---- Maintenance mode ---- */
.maint{position:fixed;inset:0;z-index:3000;background:var(--bg);display:flex;align-items:flex-start;justify-content:center;padding:24px;overflow:auto}.maint>.mt-card{margin:auto}
.maint:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 15%,rgba(124,77,255,.28),transparent 45%),radial-gradient(circle at 85% 85%,rgba(236,72,153,.18),transparent 50%);pointer-events:none}
.mt-card{position:relative;width:100%;max-width:380px;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--rx);padding:30px 22px 22px;box-shadow:var(--shl)}
.mt-ic{width:64px;height:64px;margin:0 auto 14px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--pg);color:#fff;box-shadow:0 10px 26px rgba(99,102,241,.4)}.mt-ic .icon{width:28px;height:28px;stroke-width:2}
.mt-card h2{font-size:1.4rem;font-weight:800;letter-spacing:-.02em;margin-bottom:8px}
.mt-card p{color:var(--tm);font-size:.9rem;font-weight:600;line-height:1.55;margin-bottom:14px;word-break:break-word}
.mt-eta{display:inline-flex;align-items:center;gap:7px;background:var(--ok-soft);color:var(--ok);border-radius:99px;padding:7px 14px;font-size:.78rem;font-weight:800;margin-bottom:16px}.mt-eta .icon{width:15px;height:15px}.mt-eta b{color:var(--t)}
.mt-card .btn-outline{width:100%;display:flex;align-items:center;justify-content:center;gap:9px}.mt-card .btn-outline .icon{width:18px;height:18px}.mt-card small{display:block;margin-top:12px;color:var(--tm);font-size:.68rem;font-weight:700}
body.maint{overflow:hidden}body.maint .fab,body.maint .bottom-nav{display:none}
.maintbar{position:fixed;top:0;left:0;right:0;height:24px;z-index:130;background:#EF4444;color:#fff;display:flex;align-items:center;justify-content:center;gap:6px;font-size:.66rem;font-weight:800;letter-spacing:.02em;padding:0 10px;white-space:nowrap;overflow:hidden}.maintbar .icon{width:13px;height:13px;flex:none}
body.mbar{padding-top:calc(var(--hh) + 24px)}body.mbar .header{top:24px}
/* ---- Share product ---- */
.img-wrap{position:relative}.cx-card{position:relative}
.shr-i{position:absolute;top:8px;left:8px;z-index:3;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:rgba(10,12,20,.55);color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
.cx-card .shr-i{left:auto;right:8px;top:8px}.cx-card .cx-top{padding-right:32px}
.shr-i .icon{width:15px;height:15px}.shr-i:active{transform:scale(.9)}
.shr-i.big{position:static;flex:none;width:40px;height:40px;margin-left:auto;background:var(--surface);color:var(--primary);border-color:var(--border)}.shr-i.big .icon{width:18px;height:18px}
.cx-ph{display:flex;align-items:center;gap:12px}.cx-ph .cx-pt{flex:1;min-width:0}
.shr-sq{flex:none;width:52px;padding:0;display:flex;align-items:center;justify-content:center}.shr-sq .icon{width:20px;height:20px}
.shr-sheet{text-align:center;padding:6px 4px 4px}
.shr-ic{width:56px;height:56px;margin:0 auto 12px;border-radius:50%;background:var(--pg);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px rgba(99,102,241,.4)}.shr-ic .icon{width:24px;height:24px}
.shr-sheet h3{font-size:1.15rem;font-weight:800}.shr-n{font-weight:800;margin:4px 0 12px;word-break:break-word}
.shr-link{background:var(--surface2,var(--bg));border:1px dashed var(--border);border-radius:14px;padding:10px 12px;font-size:.72rem;font-weight:700;color:var(--tm);word-break:break-all;margin-bottom:14px;text-align:left}
.shr-sheet .btn-gradient,.shr-sheet .btn-outline{width:100%;display:flex;align-items:center;justify-content:center;gap:9px}.shr-sheet .btn-outline{margin-top:10px}.shr-sheet .icon{width:18px;height:18px}

/* ---------- Badges (Best Seller / Trending / New) ---------- */
.bdg{position:absolute;left:8px;bottom:8px;z-index:3;display:inline-flex;align-items:center;gap:5px;padding:5px 10px 5px 8px;border-radius:99px;font-size:.62rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#fff;line-height:1;box-shadow:0 4px 12px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.25)}
.bdg .icon{width:12px;height:12px}
.bdg.best{background:linear-gradient(135deg,#F59E0B,#D97706);color:#1c1002}
.bdg.hot{background:linear-gradient(135deg,#FB7185,#E11D48)}
.bdg.new{background:linear-gradient(135deg,#10B981,#047857)}
.bdg.in{position:static;margin:0 0 0 6px;box-shadow:none;vertical-align:middle}

/* ---------- Order tracking timeline ---------- */
.user-order-card.trk-card{flex-wrap:wrap}
.trk-w{flex:0 0 100%;margin-top:2px;padding-top:14px;border-top:1px dashed var(--border)}
.trk{display:flex}
.trk-s{flex:1;min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px}
.trk-s:not(:first-child):before{content:'';position:absolute;top:13px;right:50%;width:100%;height:2px;border-radius:2px;background:var(--border)}
.trk-s.done:not(:first-child):before,.trk-s.now:not(:first-child):before{background:var(--ok)}
.trk-s.bad:not(:first-child):before{background:var(--err)}
.trk-s i{position:relative;z-index:1;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface);border:2px solid var(--border);color:#fff}
.trk-s.done i{background:var(--ok);border-color:var(--ok)}.trk-s.bad i{background:var(--err);border-color:var(--err)}
.trk-s.now i{border-color:var(--primary);box-shadow:0 0 0 4px var(--soft)}
.trk-s i .icon{width:14px;height:14px;stroke-width:3}
.trk-sp{width:12px;height:12px;border-radius:50%;border:2px solid var(--soft);border-top-color:var(--primary);animation:fspin .9s linear infinite}
.trk-s span{font-size:.7rem;font-weight:800;color:var(--tm);line-height:1.2}
.trk-s.done span,.trk-s.now span{color:var(--t)}.trk-s.bad span{color:var(--err)}
.trk-s small{font-size:.6rem;color:var(--tm);font-weight:600;line-height:1.25;min-height:1.25em}
.trk-m{margin:12px 0 0;font-size:.74rem;font-weight:600;color:var(--tm);text-align:center;line-height:1.45}.trk-m.ok{color:var(--ok)}.trk-m.bad{color:var(--err)}

.cx-sum .cx-dis span{display:inline-flex;align-items:center;gap:7px}.cx-sum .cx-dis .icon{width:15px;height:15px}

/* ===== Discount strip: top-right corner band, 45 degrees, touches the card's top and right border ===== */
.dsc{position:absolute;top:0;right:0;width:100px;height:100px;overflow:hidden;z-index:3;pointer-events:none}
.dsc span{position:absolute;left:74px;top:26px;box-sizing:border-box;width:140px;height:23px;margin:-11.5px 0 0 -70px;display:flex;align-items:center;justify-content:center;transform:rotate(45deg);background:linear-gradient(90deg,#FF7A18 0%,#FF2E63 45%,#D6104F 100%);color:#fff;font-size:.62rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;border-top:1.5px dashed rgba(255,255,255,.7);border-bottom:1.5px dashed rgba(255,255,255,.7);box-shadow:0 0 0 1px rgba(120,10,50,.4);text-shadow:0 1px 2px rgba(100,0,30,.5)}
/* FAKE WEBSITE card: same 45 degree strip; share button steps left of it so nothing overlaps */
.cx-card.dc .shr-i{right:58px;width:30px;height:30px}.cx-card.dc .cx-top{padding-right:94px;gap:10px}
/* product / section maintenance */
.design-card.mt .img-wrap img{filter:grayscale(.75) brightness(.55)}
.design-card.mt:hover{transform:none}.design-card.mt:hover img{transform:none}
.mt-ov{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;pointer-events:none}
.mt-ov span{display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 16px;border-radius:18px;background:rgba(15,17,28,.62);border:1px solid rgba(255,255,255,.2);color:#fff;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);text-align:center}
.mt-ov .icon{width:22px;height:22px;color:#FBBF24}
.mt-ov b{font-size:.6rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;line-height:1.35}
.btn-create.mt-b{background:var(--var);color:var(--tm);box-shadow:none;border:1px solid var(--border)}.btn-create.mt-b:after{display:none}
.cx-card.mt{opacity:.92}.cx-card.mt .cx-logo{filter:grayscale(.8);opacity:.75}
.cx-mt{display:flex;align-items:center;gap:7px;margin:8px 0 10px;padding:7px 10px;border-radius:12px;background:rgba(245,158,11,.14);color:#F59E0B;font-size:.66rem;font-weight:800;letter-spacing:.02em}.cx-mt .icon{width:15px;height:15px;flex:none}
.mt-sheet{text-align:center;padding:6px 4px 4px}.mt-sheet h3{font-size:1.15rem;font-weight:800;letter-spacing:-.01em;margin:0 0 8px}
.mt-sheet p{color:var(--tm);font-size:.88rem;font-weight:600;line-height:1.55;margin-bottom:14px;word-break:break-word}
.mt-sheet .btn-outline{width:100%;display:flex;align-items:center;justify-content:center;gap:9px}.mt-sheet .btn-outline .icon{width:18px;height:18px}
.mt-note{display:flex;align-items:flex-start;gap:9px;margin:0 0 14px;padding:10px 12px;border-radius:14px;background:rgba(245,158,11,.13);border:1px solid rgba(245,158,11,.35);color:var(--t);font-size:.76rem;font-weight:700;line-height:1.4}
.mt-note .icon{width:16px;height:16px;flex:none;color:#F59E0B;margin-top:1px}.mt-note.err{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.4)}.mt-note.err .icon{color:var(--err,#EF4444)}

/* ===== FAKE WEBSITE list v2: full-width ticket cards + How it works ===== */
.cx-how{margin:2px 0 16px;padding:14px 10px 12px;border-radius:20px;background:linear-gradient(135deg,var(--soft),transparent 70%);border:1px solid var(--border)}
.cx-how-h{font-size:.64rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--primary);margin-bottom:12px;text-align:center}
.cx-steps{display:flex;align-items:flex-start;justify-content:space-between;gap:2px}
.cx-st{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px}
.cx-si{position:relative;width:44px;height:44px;border-radius:15px;background:var(--pg);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shg);margin-bottom:5px}.cx-si .icon{width:21px;height:21px}
.cx-si em{position:absolute;top:-6px;right:-6px;width:19px;height:19px;border-radius:50%;background:var(--coin);color:#1a1200;font-size:.62rem;font-weight:900;font-style:normal;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg)}
.cx-st b{font-size:.72rem;font-weight:800;line-height:1.2}.cx-st small{font-size:.6rem;color:var(--tm);font-weight:600;line-height:1.3}
.cx-ar{flex:none;width:16px;margin-top:21px;border-top:2px dashed var(--bs)}
.cx-grid{grid-template-columns:1fr;gap:14px}
@media(min-width:620px){.cx-grid{grid-template-columns:repeat(2,1fr)}}
.cx-card{padding:0;gap:0;border-radius:22px}
.cx-card:before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#8B5CF6,#EC4899);z-index:1}
.cx-card .cx-top{padding:14px 54px 11px 20px;min-height:0;gap:13px}
.cx-card .cx-logo{width:52px;height:52px;border-radius:16px;box-shadow:0 0 0 3px var(--soft)}.cx-card .cx-logo .icon{width:26px;height:26px}
.cx-tt{flex:1;min-width:0}
.cx-card .cx-top .title{font-size:1rem;line-height:1.2;-webkit-line-clamp:3}
.cx-tl{display:flex;align-items:center;gap:5px;margin-top:5px;font-size:.66rem;font-weight:700;color:var(--tm)}.cx-tl .icon{width:12px;height:12px;color:var(--primary);flex:none}
.cx-card .shr-i{right:12px;top:12px;background:var(--var);color:var(--primary);border-color:var(--border);backdrop-filter:none;-webkit-backdrop-filter:none}
.cx-info{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;margin:0 14px 0 18px;padding:11px 14px;background:var(--var);border-radius:16px}
.cx-info:before{content:'';position:absolute;left:50%;top:14px;bottom:14px;border-left:1.5px dashed var(--bs)}
.cx-info:after{content:'';position:absolute;left:calc(50% - 7px);top:-1px;bottom:-1px;width:14px;pointer-events:none;background:radial-gradient(circle at 50% 0,var(--surface) 6px,transparent 6.6px),radial-gradient(circle at 50% 100%,var(--surface) 6px,transparent 6.6px)}
.cx-card .cx-start{flex-direction:column;align-items:flex-start;flex-wrap:nowrap;gap:2px;min-width:0}
.cx-card .cx-start span{font-size:.58rem;letter-spacing:.12em}.cx-card .cx-start b{font-size:1.4rem;letter-spacing:-.02em}.cx-card .cx-start small{font-size:.64rem;font-weight:700;color:var(--tm)}
.cx-card .cx-stock{display:grid;grid-template-columns:auto 1fr;column-gap:7px;row-gap:2px;align-items:center;padding-left:18px;font-size:.58rem}
.cx-card .cx-stock i{margin:0}
.cx-card .cx-stock span{font-size:.58rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--tm)}
.cx-card .cx-stock b{grid-column:1/-1;font-size:1.4rem;font-weight:900;line-height:1.1;letter-spacing:-.02em;color:var(--t)}
.cx-card .cx-stock b.tx{font-size:1.1rem;letter-spacing:0}
.cx-info .cx-mt{margin:0 0 0 18px;padding:8px 10px}
.cx-card .cx-pre{margin:9px 14px 0 18px;align-items:center;font-size:.7rem;padding:8px 11px}
.cx-card .cx-buy{margin:10px 14px 14px 18px;width:auto;align-self:stretch;min-height:42px;font-size:.76rem}
.cx-card.out .cx-info{opacity:.65}

/* Expected back page (product / section / store maintenance) */
.mtpg{z-index:3100}
.mt-for{display:inline-flex;align-items:center;gap:7px;max-width:100%;margin:0 0 10px;padding:6px 12px;border-radius:99px;background:rgba(245,158,11,.14);color:#F59E0B;font-size:.74rem;font-weight:800;line-height:1.3}.mt-for .icon{width:15px;height:15px;flex:none}.mt-for b{color:var(--t);word-break:break-word}
.mt-card .mt-back{margin-bottom:10px}

/* ---------- Bot Deploy (home button, 4 step page, orders card) ---------- */
.bd-ic{position:relative;flex:none;width:44px;height:44px;border-radius:14px;background:var(--pg);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px var(--glow)}.bd-ic .icon{width:24px;height:24px}.bd-ic.sm{width:40px;height:40px;border-radius:12px}.bd-ic.sm .icon{width:21px;height:21px}
.bd-intro{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,var(--soft),transparent 75%);border:1px solid var(--border);border-radius:var(--rl);padding:13px 14px;margin-bottom:16px}.bd-intro b{display:block;font-size:.92rem;font-weight:800;margin-bottom:2px}.bd-intro small{display:block;font-size:.72rem;color:var(--t2);font-weight:600;line-height:1.45}
.bd-rn{display:flex;align-items:flex-start;gap:9px;background:var(--soft);color:var(--primary);border-radius:var(--rm);padding:10px 12px;margin-bottom:14px;font-size:.76rem;font-weight:700;line-height:1.45}.bd-rn .icon{margin-top:2px}
.bd-steps{margin-top:6px}
.bd-st{position:relative;display:grid;grid-template-columns:32px 1fr;gap:12px;padding-bottom:20px}
.bd-st:not(:last-child):before{content:'';position:absolute;left:15px;top:36px;bottom:4px;width:2px;border-radius:2px;background:linear-gradient(var(--primary),transparent);opacity:.28}
.bd-n{width:32px;height:32px;border-radius:50%;background:var(--pg);color:#fff;font-style:normal;font-weight:800;font-size:.85rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px var(--glow);transition:background .2s}.bd-n.ok{background:var(--ok);box-shadow:0 4px 12px rgba(16,185,129,.35)}.bd-n .icon{width:15px;height:15px;stroke-width:3}
.bd-b{min-width:0}.bd-b>label{display:block;font-weight:800;font-size:.9rem;margin:6px 0 9px;color:var(--t)}
.bd-b input{width:100%;padding:13px 14px;border:2px solid var(--border);border-radius:var(--rm);background:var(--surface);color:var(--t);font:inherit;font-weight:600;font-size:.9rem;outline:0;transition:border-color .15s,box-shadow .15s}
.bd-b input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--glow)}.bd-b input.bad,.bd-b input.inv{border-color:var(--err);box-shadow:0 0 0 4px var(--err-soft)}
.bd-st.wide .bd-b>label{margin:6px 0 0}.bd-wd{grid-column:1/-1;min-width:0;margin-top:12px}.bd-cp{margin:16px 0 0}.bd-cp .cpn-lb{margin:0 2px 9px}
.bd-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important;font-size:.82rem!important;letter-spacing:.01em}
.bd-row{display:flex;gap:8px;align-items:stretch}.bd-row input{flex:1;min-width:0}
.bd-mini{flex:none;border:1px solid rgba(124,77,255,.3);background:var(--soft);color:var(--primary);border-radius:var(--rm);padding:0 14px;font:inherit;font-weight:800;font-size:.76rem;cursor:pointer;white-space:nowrap}.bd-mini:active{transform:scale(.96)}.bd-mini:disabled{opacity:.5;cursor:not-allowed}
.bd-h{font-size:.72rem;color:var(--tm);font-weight:600;line-height:1.5;margin-top:8px}.bd-h a{color:var(--primary);font-weight:800;cursor:pointer}.bd-h b{color:var(--t2)}
.bd-tk{display:flex;align-items:flex-start;gap:8px;margin-top:9px;font-size:.76rem;font-weight:700;line-height:1.4;color:var(--t2)}.bd-tk .icon{margin-top:1px}.bd-tk.ok{color:var(--ok)}.bd-tk.err{color:var(--err)}
.bd-sp{flex:none;width:13px;height:13px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;display:inline-block;animation:bdsp .8s linear infinite;margin-top:1px}@keyframes bdsp{to{transform:rotate(360deg)}}
.bd-note{display:flex;align-items:flex-start;gap:9px;margin-top:10px;font-size:.72rem;font-weight:600;color:var(--tm);line-height:1.45}.bd-note .icon{color:var(--ok);margin-top:1px}
.cx-tag.wait{background:var(--coin-soft);color:var(--coin)}.cx-tag.run{background:var(--soft);color:var(--primary)}.cx-tag.mu{background:var(--var);color:var(--tm)}
.cx-tag .bd-sp{margin:0}
.bd-acts{display:flex;gap:10px;margin-top:2px}.bd-acts button{flex:1;padding:12px 8px;font-size:.8rem;display:flex;align-items:center;justify-content:center;gap:7px}
.bd-oc .trk-w{margin-top:0}
@media (prefers-reduced-motion:reduce){.bd-sp{animation:none}.bd-mini,.bdh,.bd-pc{transition:none}.bdh-pic.ld,.bdh-btn:after{animation:none}}

/* ===== Home: Bot Deploy card (16:9 poster + Deploy Bot button) and Balance box ===== */
.bdh{position:relative;margin:0 0 14px;border-radius:var(--rx);overflow:hidden;border:1px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(135deg,rgba(167,139,250,.95),rgba(99,102,241,.25) 48%,rgba(236,72,153,.6)) border-box;box-shadow:var(--shg)}
.bdh-pic{position:relative;aspect-ratio:16/9;background:var(--pgg);overflow:hidden}
.bdh-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.bdh-pic.ld{background:linear-gradient(110deg,var(--var) 30%,var(--deep) 50%,var(--var) 70%);background-size:200% 100%;animation:bdld 1.4s linear infinite}@keyframes bdld{to{background-position:-200% 0}}
.bdh{display:block;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s}
.bdh:active{transform:scale(.99)}.bdh:focus-visible{outline:3px solid var(--primary);outline-offset:3px}
.bdh-btn{position:relative;display:flex;align-items:center;gap:12px;min-height:58px;padding:9px 14px 9px 14px;background:var(--pg);color:#fff;border-top:1px solid rgba(255,255,255,.3);overflow:hidden}
.bdh-btn:after{content:'';position:absolute;top:0;bottom:0;width:30%;left:-50%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.3),transparent);animation:shine 3.2s ease-in-out infinite;pointer-events:none}
.bdh-ic{flex:none;width:38px;height:38px;border-radius:13px;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center}.bdh-ic .icon{width:22px;height:22px}
.bdh-tx{flex:1;min-width:0;font-weight:800;font-size:1.02rem;letter-spacing:-.02em}
.bdh-pr{flex:none;font-size:.7rem;font-weight:800;background:rgba(255,255,255,.18);padding:5px 10px;border-radius:99px;white-space:nowrap}
.bdh-ar{flex:none;width:30px;height:30px;border-radius:50%;background:#fff;color:#4F46E5;display:flex;align-items:center;justify-content:center}
.bdh-off{position:absolute;left:10px;top:10px;z-index:2;max-width:calc(100% - 120px);background:rgba(15,15,35,.74);color:#fff;font-size:.66rem;font-weight:700;line-height:1.3;padding:5px 10px;border-radius:12px}
/* default poster (when admin has not uploaded one): no text, just a bot and two chat bubbles */
.bdh-art{position:absolute;inset:0;background:radial-gradient(70% 90% at 82% 8%,rgba(236,72,153,.45),transparent 60%),radial-gradient(80% 90% at 8% 100%,rgba(56,189,248,.28),transparent 60%),linear-gradient(135deg,#1E1B4B 0%,#4338CA 55%,#7C3AED 100%)}
.bdh-art:before{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.22) 1px,transparent 1.4px);background-size:18px 18px;-webkit-mask:radial-gradient(circle at 50% 50%,#000 0,transparent 70%);mask:radial-gradient(circle at 50% 50%,#000 0,transparent 70%)}
.bdh-art .r1,.bdh-art .r2{position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid rgba(255,255,255,.22);transform:translate(-50%,-50%)}
.bdh-art .r1{width:34%;aspect-ratio:1}.bdh-art .r2{width:56%;aspect-ratio:1;border-color:rgba(255,255,255,.12)}
.bdh-core{position:absolute;left:50%;top:50%;width:19%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:28%;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.38);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 14px 40px rgba(15,10,60,.5)}.bdh-core .icon{width:52%;height:52%}
.bdh-b{position:absolute;display:flex;flex-direction:column;gap:5px;padding:9px 11px;border-radius:14px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.bdh-b i{display:block;height:5px;border-radius:3px;background:rgba(255,255,255,.72)}.bdh-b i+i{width:60%;opacity:.55}
.bdh-b.b1{left:9%;top:17%;width:24%}.bdh-b.b2{right:10%;bottom:16%;width:27%}
.bdh-b em{position:absolute;right:-9px;bottom:-9px;width:22px;height:22px;border-radius:50%;background:var(--ok);color:#fff;display:flex;align-items:center;justify-content:center;border:2px solid #4338CA}.bdh-b em .icon{width:12px;height:12px;stroke-width:3}
.balbox{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--rl);padding:12px 12px 12px 14px;margin:0 0 18px;box-shadow:var(--shs)}
.bal-l{display:flex;align-items:center;gap:12px;min-width:0}
.bal-ic{flex:none;width:42px;height:42px;border-radius:14px;background:var(--coin-soft);color:var(--coin);display:flex;align-items:center;justify-content:center}
.bal-t{display:flex;flex-direction:column;min-width:0}.bal-t small{font-size:.7rem;font-weight:700;color:var(--tm);line-height:1.2}
.bal-t b{font-size:1.25rem;font-weight:800;letter-spacing:-.03em;line-height:1.15;word-break:break-all}.bal-t .cur{font-size:.9rem;margin-right:2px;color:var(--t2)}
.bal-add{flex:none;display:inline-flex;align-items:center;gap:7px;border:0;border-radius:99px;padding:11px 18px;background:var(--pg);color:#fff;font:inherit;font-weight:800;font-size:.8rem;cursor:pointer;box-shadow:0 8px 20px var(--glow)}.bal-add:active{transform:scale(.96)}.bal-add:focus-visible{outline:3px solid var(--primary);outline-offset:2px}
.notice-bar+.bdh,.notice-bar+.balbox{margin-top:0}

/* ===== Bot Deploy plan list: one plan per row, ticket style (days stub | price | tick) ===== */
.bd-plans{display:flex;flex-direction:column;gap:12px}
.bd-pl{--nx:78px;position:relative;display:grid;grid-template-columns:var(--nx) 1fr auto;align-items:stretch;width:100%;padding:0;text-align:left;font:inherit;color:var(--t);cursor:pointer;background:var(--surface);border:2px solid var(--border);border-radius:var(--rm);overflow:hidden;
  -webkit-mask:radial-gradient(circle 9px at calc(var(--nx) + 2px) 0,#0000 98%,#000) top/100% 51% no-repeat,radial-gradient(circle 9px at calc(var(--nx) + 2px) 100%,#0000 98%,#000) bottom/100% 51% no-repeat;
  mask:radial-gradient(circle 9px at calc(var(--nx) + 2px) 0,#0000 98%,#000) top/100% 51% no-repeat,radial-gradient(circle 9px at calc(var(--nx) + 2px) 100%,#0000 98%,#000) bottom/100% 51% no-repeat;transition:border-color .15s}
.bd-pd{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:14px 0;background:var(--soft);color:var(--primary);border-right:2px dashed var(--bs);transition:background .15s,color .15s}
.bd-pd b{font-size:1.6rem;font-weight:800;letter-spacing:-.04em;line-height:1}.bd-pd small{font-size:.66rem;font-weight:800;opacity:.85}
.bd-pm{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:12px 8px 12px 14px;min-width:0}
.bd-pn{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-weight:800;font-size:.86rem;line-height:1.25}
.bd-best{font-style:normal;font-size:.62rem;font-weight:800;color:var(--ok);background:var(--ok-soft);padding:2px 8px;border-radius:99px}
.bd-pp{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.bd-pp b{font-size:1.2rem;font-weight:800;letter-spacing:-.03em}.bd-pp s{font-size:.74rem;color:var(--tm);font-weight:600}
.bd-po{font-style:normal;font-size:.64rem;font-weight:800;color:var(--ok);background:var(--ok-soft);padding:2px 7px;border-radius:99px}
.bd-pt{display:flex;align-items:center;gap:5px;font-size:.7rem;font-weight:600;color:var(--tm)}.bd-pt.rn{color:var(--primary);font-weight:700}.bd-pt .icon{width:13px;height:13px}
.bd-pc{align-self:center;margin:0 14px 0 4px;width:24px;height:24px;border-radius:50%;border:2px solid var(--bs);display:flex;align-items:center;justify-content:center;color:transparent;transition:background .15s,border-color .15s}.bd-pc .icon{width:13px;height:13px;stroke-width:3}
.bd-pl.on{border-color:var(--primary)}.bd-pl.on .bd-pd{background:var(--pg);color:#fff;border-right-color:rgba(255,255,255,.6)}.bd-pl.on .bd-pc{background:var(--primary);border-color:var(--primary);color:#fff}
.bd-pl:focus-visible{border-color:var(--primary);box-shadow:inset 0 0 0 3px var(--glow)}
@media(max-width:340px){.bd-pl{--nx:66px}.bd-pd b{font-size:1.4rem}.bd-pm{padding-left:11px}}

/* Account: Deposit History + Transaction under Deposit, then gift code, info list, Customer Care box at the very bottom */
.pf .pf-cs{margin:16px 0}

/* ===== Home: Deploy Bot bar (taller) with "Create Bot" button + tapping hand ===== */
.bdh-bar{position:relative;display:flex;align-items:center;gap:12px;min-height:92px;padding:14px;background:var(--pg);color:#fff;border-top:1px solid rgba(255,255,255,.3);overflow:hidden}
.bdh-bar:after{content:'';position:absolute;top:0;bottom:0;width:30%;left:-50%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.22),transparent);animation:shine 3.6s ease-in-out infinite;pointer-events:none}
.bdh-bar .bdh-ic{width:48px;height:48px;border-radius:16px}.bdh-bar .bdh-ic .icon{width:27px;height:27px}
.bdh-bar .bdh-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;font-size:1rem}
.bdh-bar .bdh-tx b{font-size:1.15rem;font-weight:800;letter-spacing:-.02em;line-height:1.1}
.bdh-bar .bdh-tx small{font-size:.72rem;font-weight:700;opacity:.85;line-height:1.3}
.bdh-cta{position:relative;flex:none;display:flex;align-items:center}
.bdh-cb{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;background:#fff;color:#3B2FC9;font-weight:800;font-size:.86rem;letter-spacing:-.01em;padding:7px 7px 7px 16px;border-radius:99px;box-shadow:0 8px 20px rgba(15,10,60,.4);white-space:nowrap;animation:bdhpress 2.8s ease-in-out infinite}
.bdh-cb i{width:28px;height:28px;border-radius:50%;background:var(--pg);color:#fff;display:flex;align-items:center;justify-content:center;font-style:normal}.bdh-cb i .icon{width:15px;height:15px;stroke-width:2.6}
.bdh-rip{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;border:2px solid rgba(255,255,255,.95);opacity:0;pointer-events:none;z-index:2;animation:bdhrip 2.8s ease-out infinite}
.bdh-hand{position:absolute;z-index:3;left:50%;top:50%;width:36px;height:36px;margin:-3px 0 0 -12px;pointer-events:none;filter:drop-shadow(0 5px 6px rgba(10,5,50,.5));animation:bdhhand 2.8s cubic-bezier(.45,0,.25,1) infinite}
.bdh-hi{width:100%;height:100%;display:block;overflow:visible}.bdh-hi .hf{fill:#fff;stroke:#2E1F8A;stroke-width:1.2;stroke-linejoin:round}.bdh-hi .hl{fill:none;stroke:#2E1F8A;stroke-width:1;stroke-linecap:round;opacity:.55}
@keyframes bdhhand{0%{transform:translate(34px,40px) scale(1);opacity:0}10%{opacity:1}34%{transform:translate(0,0) scale(1)}44%{transform:translate(0,2px) scale(.82)}54%{transform:translate(0,0) scale(1)}74%{transform:translate(34px,40px) scale(1);opacity:1}88%,100%{transform:translate(34px,40px) scale(1);opacity:0}}
@keyframes bdhrip{0%,40%{opacity:0;transform:scale(.35)}44%{opacity:.95;transform:scale(.55)}78%,100%{opacity:0;transform:scale(1.7)}}
@keyframes bdhpress{0%,38%,58%,100%{transform:scale(1)}46%{transform:scale(.93)}}
@media (max-width:340px){.bdh-bar{gap:9px;padding:12px}.bdh-cb{font-size:.78rem;padding-left:12px}.bdh-bar .bdh-ic{display:none}}
@media (prefers-reduced-motion:reduce){.bdh-hand,.bdh-rip{display:none}.bdh-cb,.bdh-bar:after{animation:none}}

/* ===== Home: YOUR BALANCE card ===== */
.wbal{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px;padding:16px 14px 16px 18px;border-radius:var(--rl);overflow:hidden;color:#fff;background:radial-gradient(120% 150% at 100% 0,rgba(245,158,11,.3),transparent 52%),linear-gradient(135deg,#15113A 0%,#271C66 55%,#4631B5 100%);border:1px solid rgba(255,214,107,.3);box-shadow:0 14px 30px rgba(42,31,107,.32),inset 0 1px 0 rgba(255,255,255,.16)}
.wbal:before{content:'';position:absolute;right:-34px;top:-46px;width:150px;height:150px;border-radius:50%;border:1px solid rgba(255,214,107,.26);box-shadow:0 0 0 22px rgba(255,214,107,.05),0 0 0 44px rgba(255,214,107,.03);pointer-events:none}
.wbal-l{position:relative;display:flex;flex-direction:column;gap:4px;min-width:0}
.wbal-k{font-size:.66rem;font-weight:800;letter-spacing:.2em;color:#FFD66B}
.wbal-v{display:flex;align-items:baseline;gap:3px;font-size:2rem;font-weight:800;letter-spacing:-.03em;line-height:1.1;word-break:break-all}.wbal-v .cur{font-size:1.2rem;color:#FFD66B;font-weight:700}
.wbal-s{display:flex;align-items:center;gap:6px;font-size:.68rem;font-weight:600;color:rgba(255,255,255,.7)}.wbal-s .icon{width:13px;height:13px;color:#FFD66B}
.wbal-add{position:relative;z-index:1;flex:none;display:inline-flex;align-items:center;gap:8px;border:0;border-radius:99px;padding:7px 18px 7px 8px;background:linear-gradient(135deg,#FFE48F 0%,#FFB93B 55%,#F59E0B 100%);color:#2B1A00;font:inherit;font-weight:900;font-size:.78rem;letter-spacing:.09em;cursor:pointer;overflow:hidden;box-shadow:0 8px 22px rgba(245,158,11,.45),inset 0 1px 0 rgba(255,255,255,.75)}
.wbal-add .wic{width:32px;height:32px;flex:none;filter:drop-shadow(0 2px 3px rgba(43,26,0,.4))}
.wbal-add:after{content:'';position:absolute;top:0;bottom:0;width:35%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.7),transparent);animation:shine 3.4s ease-in-out infinite;pointer-events:none}
.wbal-add:active{transform:scale(.96)}.wbal-add:focus-visible{outline:3px solid #fff;outline-offset:2px}
.notice-bar+.wbal{margin-top:0}
@media (max-width:350px){.wbal-v{font-size:1.65rem}.wbal-add{padding-right:12px;letter-spacing:.04em}}
@media (prefers-reduced-motion:reduce){.wbal-add:after{animation:none}}

/* ===== Plan boxes (Bot Deploy + FAKE WEBSITE): 45 degree discount ribbon on the right ===== */
.bd-pl .dsc{transform:scale(.8);transform-origin:100% 0}
.bd-pl.dc .bd-pc{align-self:end;margin-bottom:10px}
.bd-so{font-style:normal;font-size:.62rem;font-weight:800;color:var(--err);background:var(--err-soft);padding:2px 8px;border-radius:99px}
.bd-pl.soldout{opacity:.55;cursor:not-allowed}
.cx-plist{margin-bottom:12px}
.cx-po{font-style:normal;font-size:.62rem;font-weight:800;color:var(--ok);background:var(--ok-soft);padding:2px 7px;border-radius:99px;margin-left:4px}

/* ===== UPI payment verify steps ===== */
.upf{text-align:left}
.upf-top{display:flex;align-items:center;gap:12px;margin:2px 0 14px}
.upf-ic{flex:none;width:44px;height:44px;border-radius:15px;background:var(--soft);color:var(--primary);display:flex;align-items:center;justify-content:center}
.upf-t{flex:1;min-width:0}.upf-t b{display:block;font-size:.98rem;font-weight:800}.upf-t small{display:block;font-size:.72rem;font-weight:700;color:var(--tm);letter-spacing:.04em;word-break:break-all;margin-top:2px}
.upf-top em{flex:none;font-style:normal;font-weight:900;font-size:1.2rem;background:var(--pg);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.upf-st{list-style:none;margin:0 0 14px;padding:0}
.upf-st li{position:relative;display:flex;align-items:center;gap:13px;padding:9px 0;font-weight:700;font-size:.86rem;color:var(--tm)}
.upf-st li:not(:last-child):after{content:'';position:absolute;left:13px;top:37px;bottom:-9px;width:2px;background:var(--border)}
.upf-st li i{flex:none;position:relative;z-index:1;width:28px;height:28px;border-radius:50%;border:2px solid var(--bs);background:var(--surface);display:flex;align-items:center;justify-content:center;font-style:normal}
.upf-st li i .icon{width:14px;height:14px;stroke-width:3}
.upf-st li.done{color:var(--t)}.upf-st li.done i{background:var(--ok);border-color:var(--ok);color:#fff}.upf-st li.done:not(:last-child):after{background:var(--ok)}
.upf-st li.now{color:var(--t)}.upf-st li.now i{border-color:var(--primary)}
.upf-st li.err{color:var(--err)}.upf-st li.err i{background:var(--err);border-color:var(--err);color:#fff}
.upf-sp{width:12px;height:12px;border-radius:50%;border:2.5px solid var(--soft);border-top-color:var(--primary);animation:fspin .9s linear infinite}
.upf-msg{padding:12px 14px;border-radius:var(--rm);background:var(--soft);border:1px solid var(--border);font-size:.78rem;font-weight:700;line-height:1.5;color:var(--t2)}
.upf-msg.err{background:var(--err-soft);color:var(--err);border-color:transparent}.upf-msg.late{background:var(--warn-soft);color:#B45309;border-color:transparent}
.upf-clock{margin:8px 2px 14px;font-size:.7rem;font-weight:800;letter-spacing:.08em;color:var(--tm);text-align:center;min-height:1em}

/* ===== Payment Done popup ===== */
.pd-ring{position:relative;width:96px;height:96px;margin:6px auto 12px}
.pd-ring svg{width:96px;height:96px;display:block;overflow:visible}
.pd-ring:before{content:'';position:absolute;inset:-8px;border-radius:50%;border:2px solid var(--ok);opacity:0;animation:pdr 1.1s ease-out .55s}
.pd-c{fill:var(--ok-soft);stroke:var(--ok);stroke-width:5;stroke-linecap:round;stroke-dasharray:252;stroke-dashoffset:252;transform:rotate(-90deg);transform-origin:48px 48px;animation:pdd .7s cubic-bezier(.4,0,.2,1) .05s forwards}
.pd-t{fill:none;stroke:var(--ok);stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:64;stroke-dashoffset:64;animation:pdd .4s cubic-bezier(.4,0,.2,1) .62s forwards}
.pd-s{position:absolute;left:50%;top:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:var(--ok);opacity:0;animation:pds .95s cubic-bezier(.2,.8,.3,1) .75s forwards}
.pd-s.s1{background:var(--coin);width:6px;height:6px}.pd-s.s2{background:var(--primary);width:5px;height:5px}
@keyframes pdd{to{stroke-dashoffset:0}}
@keyframes pdr{0%{opacity:.6;transform:scale(.8)}100%{opacity:0;transform:scale(1.4)}}
@keyframes pds{0%{opacity:0;transform:rotate(var(--a)) translateY(-34px) scale(.4)}20%{opacity:1}100%{opacity:0;transform:rotate(var(--a)) translateY(-66px) scale(1)}}
.pd-amt{margin:2px 0 4px}.pd-bn{margin:0 0 6px}
.pd-ref{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0 4px;padding:10px 14px;border-radius:var(--rm);background:var(--var);border:1px dashed var(--bs);font-size:.76rem}.pd-ref span{color:var(--tm);font-weight:700}.pd-ref b{font-weight:800;letter-spacing:.04em;word-break:break-all}
.pd .btn-gradient{margin-top:14px}
@media (prefers-reduced-motion:reduce){.pd-c,.pd-t{animation:none;stroke-dashoffset:0}.pd-s,.pd-ring:before{display:none}}

/* FAKE WEBSITE quantity stepper + multi-login order popup */
.cx-qrow{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--var);border:1px solid var(--border);border-radius:var(--rm);padding:10px 14px;margin:2px 0 14px}
.cx-ql{display:flex;flex-direction:column;gap:2px;min-width:0}.cx-ql b{font-size:.84rem;font-weight:800}.cx-ql small{font-size:.68rem;font-weight:700;color:var(--tm)}
.cx-qty{display:inline-flex;align-items:center;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:99px;padding:4px;flex:none}
.cx-qty button{width:34px;height:34px;border-radius:50%;border:0;background:var(--soft);color:var(--primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s,opacity .15s}
.cx-qty button:active:not(:disabled){transform:scale(.9)}.cx-qty button:disabled{opacity:.35;cursor:not-allowed}.cx-qty button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.cx-qty .icon{width:16px;height:16px}.cx-qty output{min-width:34px;text-align:center;font-size:1rem;font-weight:800;font-variant-numeric:tabular-nums}
.ok-warn{background:var(--err-soft);color:var(--err);border-radius:var(--rs);padding:8px 12px;font-size:.74rem;font-weight:700;line-height:1.45;margin:0 0 12px;text-align:left}
.cx-lgs{display:flex;flex-direction:column;gap:12px;margin:12px 0 16px;max-height:42vh;overflow-y:auto;text-align:left;padding-right:2px}
.cx-lg{border:1px solid var(--border);border-radius:var(--rm);padding:10px;background:var(--surface)}
.cx-lh{display:flex;justify-content:space-between;align-items:baseline;margin:0 2px 8px}.cx-lh b{font-size:.8rem;font-weight:800}.cx-lh small{font-size:.66rem;font-weight:800;color:var(--tm)}
/* Telegram floating icon: Customer Care icon ke theek upar (admin Telegram tab me link dalne par dikhta hai) */
.tgfab{bottom:calc(var(--nh) + 78px + env(safe-area-inset-bottom));background:linear-gradient(135deg,#3DB6EC,#1C93CB);box-shadow:0 8px 22px rgba(34,158,217,.42),0 2px 6px rgba(0,0,0,.2),inset 0 0 0 1px rgba(255,255,255,.24)}
.tgfab:hover{box-shadow:0 10px 26px rgba(34,158,217,.52),0 2px 6px rgba(0,0,0,.2),inset 0 0 0 1px rgba(255,255,255,.32)}
.tgfab .icon{width:25px;height:25px;fill:#fff;stroke:none;margin:1px 2px 0 0}
.tgfab .icon .tgf{fill:none;stroke:#1C93CB;stroke-width:1.5;stroke-linecap:round}
body.tgf{padding-bottom:calc(var(--nh) + 150px)}

/* Kamzor / slow phone (lite): bhaari blur aur sadaa chalne wali animation band */
html.lite *,html.lite *:before,html.lite *:after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;animation-iteration-count:1!important}
html.lite .sp-aur,html.lite .sp-glow,html.lite .sp-pulse,html.lite .sp-spin{display:none!important}
/* nav label "FAKE WEBSITE" lamba hai: chhote phone par fit ho */
.bottom-nav.n5 .nav-item span{font-size:.58rem}
@media(max-width:340px){.bottom-nav.n5 .nav-item span{font-size:.52rem}}

/* ---------- Secure UPI payment page (5 minute session) ---------- */
.usp{--tc:var(--ok);--tct:#059669;text-align:center}
.usp.ph-warn{--tc:#F59E0B;--tct:#B45309}.usp.ph-crit{--tc:var(--err);--tct:var(--err)}.usp.ex{--tc:var(--tm);--tct:var(--t2)}
[data-theme=dark] .usp{--tct:#34D399}[data-theme=dark] .usp.ph-warn{--tct:#FBBF24}[data-theme=dark] .usp.ph-crit{--tct:#F87171}[data-theme=dark] .usp.ex{--tct:var(--t2)}
.usp-hd{display:flex;align-items:center;gap:12px;text-align:left}
.usp-sh{flex:none;width:44px;height:44px;border-radius:15px;background:var(--ok-soft);color:var(--ok);display:flex;align-items:center;justify-content:center}
.usp-ht{min-width:0}.usp-ht b{display:block;font-size:.98rem;font-weight:800;letter-spacing:-.02em}
.usp-ht small{display:flex;align-items:center;gap:5px;margin-top:2px;font-size:.72rem;font-weight:700;color:var(--tm)}.usp-ht small .icon{width:12px;height:12px}
.usp .usp-amt{font-size:2.5rem;font-weight:900;letter-spacing:-.04em;line-height:1;margin:18px 0 6px;font-variant-numeric:tabular-nums}
.usp-tm{margin:0 0 18px;padding:11px 14px 13px;border-radius:var(--rm);background:var(--var);border:1px solid var(--border)}
.usp-tl{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:9px;font-size:.76rem;font-weight:700;color:var(--t2)}
.usp-tl b{font-size:1.15rem;font-weight:900;letter-spacing:.02em;color:var(--tct);font-variant-numeric:tabular-nums;transition:color .3s}
.usp-bar{height:6px;border-radius:99px;background:var(--bs);overflow:hidden}
.usp-bar i{display:block;width:100%;height:100%;border-radius:inherit;background:var(--tc);transform-origin:left center;transition:transform .5s linear,background .3s}
.usp.ph-crit .usp-tl b{animation:uspp 1s ease-in-out infinite}@keyframes uspp{50%{opacity:.45}}
.usp-qw{margin:0 auto}
.usp-qf{position:relative;width:min(232px,86%);margin:0 auto;padding:14px;border-radius:22px;background:#fff;border:1px solid var(--border);box-shadow:var(--shm)}
.usp .usp-qf .pay-qr{width:100%;max-width:none;margin:0;padding:0;border:0;border-radius:8px;aspect-ratio:1;object-fit:contain;transition:opacity .3s,filter .3s}
.usp-qf>i{position:absolute;width:24px;height:24px;border:0 solid var(--primary);pointer-events:none}
.usp-qf .k1{top:-5px;left:-5px;border-width:3px 0 0 3px;border-top-left-radius:14px}.usp-qf .k2{top:-5px;right:-5px;border-width:3px 3px 0 0;border-top-right-radius:14px}
.usp-qf .k3{bottom:-5px;left:-5px;border-width:0 0 3px 3px;border-bottom-left-radius:14px}.usp-qf .k4{bottom:-5px;right:-5px;border-width:0 3px 3px 0;border-bottom-right-radius:14px}
.usp.ex .usp-qf .pay-qr{opacity:.22;filter:blur(5px) grayscale(1)}.usp.ex .usp-qf>i{border-color:var(--bs)}
.usp-ov{position:absolute;inset:0;border-radius:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px;color:#0F172A}
.usp-ov[hidden],.usp-note[hidden]{display:none}
.usp-ov .icon{width:30px;height:30px;color:var(--err)}.usp-ov b{font-size:.95rem;font-weight:800}
.usp-ov .btn-gradient{width:auto;padding:10px 16px;font-size:.78rem}
.usp-hint{display:flex;align-items:center;justify-content:center;gap:7px;margin:14px 0 0;font-size:.76rem;font-weight:700;color:var(--tm)}.usp-hint .icon{color:var(--primary)}
.usp-idr{display:flex;align-items:center;gap:10px;margin:16px 0 0;padding:10px 12px 10px 14px;border-radius:var(--rm);background:var(--var);border:1px solid var(--border);text-align:left}
.usp-idr>div{flex:1;min-width:0}.usp-idr small{display:block;font-size:.66rem;font-weight:700;color:var(--tm)}
.usp .usp-idr .pay-id{display:block;margin:2px 0 0;padding:0;border:0;border-radius:0;background:none;font-size:.9rem;font-weight:800;word-break:break-all}
.usp .usp-idr .copy-btn{margin:0;flex:none}
.usp-st{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:18px 0 8px;padding:0}
.usp-st li{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;padding:0 2px;font-size:.7rem;font-weight:700;color:var(--t2);line-height:1.35}
.usp-st li b{color:var(--t)}
.usp-st li i{position:relative;z-index:1;width:26px;height:26px;border-radius:50%;background:var(--pg);color:#fff;font-style:normal;font-weight:800;font-size:.76rem;line-height:26px}
.usp-st li:not(:last-child):after{content:'';position:absolute;top:12px;left:calc(50% + 20px);right:calc(-50% + 20px);height:2px;border-radius:2px;background:var(--bs)}
.usp-sub{margin:0 4px 14px;font-size:.72rem;font-weight:600;color:var(--tm);line-height:1.5}
.usp-note{margin:0 0 14px;padding:11px 14px;border-radius:var(--rm);background:var(--warn-soft);color:#B45309;font-size:.76rem;font-weight:700;line-height:1.5;text-align:left}
[data-theme=dark] .usp-note{color:#FBBF24}.usp-note.err{background:var(--err-soft);color:var(--err)}[data-theme=dark] .usp-note.err{color:#F87171}
.usp input:disabled{opacity:.5;cursor:not-allowed}.usp .btn-gradient:disabled{box-shadow:none;cursor:not-allowed}
.usp-trust{display:flex;align-items:flex-start;gap:7px;margin:14px 4px 0;font-size:.7rem;font-weight:700;color:var(--tm);line-height:1.5;text-align:left}.usp-trust .icon{margin-top:1px;color:var(--ok)}
.usp-load{padding:26px 6px 6px;text-align:center}.usp-load b{display:block;margin-top:14px;font-size:1rem;font-weight:800}.usp-load p{margin:6px 0 20px;font-size:.78rem;font-weight:600;color:var(--tm);line-height:1.5}
.usp-spin{display:block;width:34px;height:34px;margin:0 auto;border-radius:50%;border:3.5px solid var(--soft);border-top-color:var(--primary);animation:fspin .9s linear infinite}
.usp-eic{width:54px;height:54px;margin:0 auto;border-radius:50%;background:var(--err-soft);color:var(--err);display:flex;align-items:center;justify-content:center}.usp-eic .icon{width:28px;height:28px}
.upf-care{margin:0 0 14px}
@media (max-width:340px){.usp .usp-amt{font-size:2.2rem}.usp-st li{font-size:.66rem}.usp-qf{width:min(210px,86%)}}
@media (prefers-reduced-motion:reduce){.usp-bar i,.usp-tl b,.usp .usp-qf .pay-qr{transition:none}.usp.ph-crit .usp-tl b,.usp-spin{animation:none}}
html.lite .usp-bar i,html.lite .usp-tl b{transition:none}html.lite .usp.ph-crit .usp-tl b{animation:none}html.lite .usp.ex .usp-qf .pay-qr{filter:none;opacity:.12}

/* ---------- Landing Pages (home card, designs, plans, details form, orders) ---------- */
.lph{position:relative;margin:0 0 14px;border-radius:var(--rx);overflow:hidden;border:1px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(135deg,rgba(56,189,248,.85),rgba(124,77,255,.3) 50%,rgba(16,185,129,.65)) border-box;box-shadow:var(--shs)}
.lp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.lp-th{position:relative;display:flex;flex-direction:column;gap:3px;min-width:0;text-align:left;font:inherit;color:var(--t);cursor:pointer;background:var(--surface);border:2px solid var(--border);border-radius:var(--rl);padding:6px 6px 11px;box-shadow:var(--shs);transition:border-color .15s,box-shadow .15s}
.lp-th-pic{position:relative;display:block;aspect-ratio:5/6;border-radius:calc(var(--rl) - 8px);overflow:hidden;background:var(--g);margin-bottom:6px}
.lp-th-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.lp-th b{font-size:.78rem;font-weight:800;line-height:1.22;padding:0 5px}
.lp-th small{font-size:.66rem;font-weight:600;color:var(--tm);line-height:1.3;padding:0 5px}
.lp-th-ck{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-style:normal;box-shadow:0 4px 12px var(--glow);transform:scale(0);transition:transform .18s}.lp-th-ck .icon{width:14px;height:14px;stroke-width:3}
.lp-th.on{border-color:var(--primary);box-shadow:0 0 0 4px var(--glow)}.lp-th.on .lp-th-ck{transform:scale(1)}
.lp-th:focus-visible,.lp-seg button:focus-visible,.lp-rp:focus-visible,.lp-verify:focus-visible{outline:3px solid var(--primary);outline-offset:2px}
.lp-pad{height:104px}
.lp-bar{position:fixed;left:0;right:0;bottom:calc(var(--nh) + env(safe-area-inset-bottom));z-index:95;padding:9px 16px 11px;background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border)}
.lp-bar small{display:block;text-align:center;font-size:.72rem;font-weight:700;color:var(--tm);margin-bottom:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lp-bar small b{color:var(--t)}
.lp-bar .btn-gradient{padding:14px 20px}.lp-bar .btn-gradient:disabled{opacity:.5;box-shadow:none;cursor:not-allowed}
body.lpbar .fab{display:none!important}
.lp-sel{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--rl);padding:8px 14px 8px 8px;margin-bottom:14px;box-shadow:var(--shs)}
.lp-sel-pic{flex:none;width:36px;aspect-ratio:9/16;border-radius:8px;overflow:hidden;background:var(--g);position:relative}.lp-sel-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}
.lp-sel div{flex:1;min-width:0}.lp-sel small{display:block;font-size:.66rem;font-weight:700;color:var(--tm)}.lp-sel b{display:block;font-size:.84rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lp-sel a{color:var(--primary);font-weight:800;font-size:.78rem;cursor:pointer}
.lp-plans{display:flex;flex-direction:column;gap:12px}
.lp-pl{position:relative;display:grid;grid-template-columns:78px minmax(0,1fr);gap:0 14px;align-items:center;background:var(--surface);border:2px solid var(--border);border-radius:var(--rm);padding:12px 14px 14px 12px;overflow:hidden;box-shadow:var(--shs)}
.lp-pd{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;align-self:stretch;min-height:64px;border-radius:14px;background:var(--soft);color:var(--primary)}.lp-pd b{font-size:1.6rem;font-weight:800;letter-spacing:-.04em;line-height:1}.lp-pd small{font-size:.66rem;font-weight:800;opacity:.85}
.lp-pm{display:flex;flex-direction:column;gap:4px;min-width:0}
.lp-pn{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-weight:800;font-size:.86rem;line-height:1.25;padding-right:44px}
.lp-pp{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.lp-pp b{font-size:1.25rem;font-weight:800;letter-spacing:-.03em}.lp-pp s{font-size:.74rem;color:var(--tm);font-weight:600}
.lp-pt{font-size:.7rem;font-weight:600;color:var(--tm)}
.lp-buy{grid-column:1/-1;margin-top:12px;padding:12px 18px;font-size:.88rem}
.lp-pl .dsc{transform:scale(.8);transform-origin:100% 0}
.lp-sk{height:128px;border-radius:var(--rm);margin-bottom:12px;background:linear-gradient(100deg,var(--var) 30%,var(--surface) 50%,var(--var) 70%);background-size:300% 100%;animation:sk 1.3s linear infinite}
.lp-sec{background:var(--surface);border:1px solid var(--border);border-radius:var(--rl);padding:16px;margin-bottom:14px;box-shadow:var(--shs)}
.lp-sh{display:flex;align-items:center;gap:12px;margin-bottom:14px}.lp-sh h3{font-size:.95rem;font-weight:800;letter-spacing:-.02em}.lp-sh small{display:block;font-size:.7rem;font-weight:600;color:var(--tm);line-height:1.4;margin-top:1px}
.lp-si{flex:none;width:36px;height:36px;border-radius:12px;background:var(--soft);color:var(--primary);display:flex;align-items:center;justify-content:center}.lp-si .icon{width:19px;height:19px}
.lp-fg{margin-bottom:14px}.lp-fg:last-child{margin-bottom:0}
.lp-fg>label{display:block;font-weight:800;font-size:.8rem;color:var(--t);margin-bottom:7px}.lp-fg .opt{font-weight:600;color:var(--tm)}
.lp-in{width:100%;min-width:0;padding:13px 14px;border:2px solid var(--border);border-radius:var(--rm);background:var(--surface);color:var(--t);font:inherit;font-weight:600;font-size:.9rem;outline:0;transition:border-color .15s,box-shadow .15s}
.lp-in.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem}
.lp-in:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--glow)}.lp-in.inv,.lp-in.bad{border-color:var(--err);box-shadow:0 0 0 4px var(--err-soft)}
.lp-sl{position:relative}.lp-sl .lp-in{padding-right:108px}.lp-suf{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:.8rem;font-weight:700;color:var(--tm);pointer-events:none;max-width:104px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lp-url{margin-top:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.74rem;font-weight:600;color:var(--t2);word-break:break-all}.lp-url b{color:var(--primary)}
.lp-e{font-size:.72rem;font-weight:700;color:var(--err);line-height:1.4}.lp-e:not(:empty){display:flex;align-items:flex-start;gap:6px;margin-top:7px}.lp-e .icon{flex:none;margin-top:1px}
.lp-pw{position:relative}.lp-pw .lp-in{padding-right:50px}
.lp-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;border-radius:10px;background:transparent;color:var(--tm);display:flex;align-items:center;justify-content:center;cursor:pointer}.lp-eye.on{color:var(--primary)}.lp-eye .icon{width:18px;height:18px}
.lp-eye.on:after{content:'';position:absolute;width:20px;height:2px;border-radius:2px;background:currentColor;transform:rotate(-45deg)}
.lp-verify{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:2px;padding:12px;border:1px solid rgba(124,77,255,.3);border-radius:var(--rm);background:var(--soft);color:var(--primary);font:inherit;font-weight:800;font-size:.84rem;cursor:pointer}.lp-verify:active{transform:scale(.98)}.lp-verify:disabled{opacity:.55;cursor:not-allowed}.lp-verify.ok{background:var(--ok-soft);color:var(--ok);border-color:rgba(16,185,129,.35)}
.lp-vr{margin-top:10px;display:flex;flex-direction:column;gap:7px;border-radius:var(--rm);padding:11px 13px;border:1px solid var(--border);background:var(--var)}.lp-vr.ok{background:var(--ok-soft);border-color:rgba(16,185,129,.35)}.lp-vr.err{background:var(--err-soft);border-color:rgba(239,68,68,.35)}
.lp-vr div{display:flex;align-items:flex-start;gap:8px;font-size:.76rem;font-weight:700;line-height:1.4;word-break:break-word}.lp-vr .icon{flex:none;margin-top:1px}.lp-vr .ok{color:var(--ok)}.lp-vr .err{color:var(--err)}
.lp-seg{display:flex;gap:4px;padding:4px;background:var(--var);border:1px solid var(--border);border-radius:99px}.lp-seg button{flex:1;border:0;background:transparent;color:var(--t2);font:inherit;font-weight:800;font-size:.84rem;padding:10px;border-radius:99px;cursor:pointer;transition:background .15s,color .15s}.lp-seg button.on{background:var(--pg);color:#fff;box-shadow:var(--shg)}
.lp-swr{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:2px}.lp-swr b{display:block;font-size:.84rem;font-weight:800}.lp-swr small{display:block;font-size:.7rem;font-weight:600;color:var(--tm);margin-top:2px;line-height:1.35}
.lp-sw{flex:none;position:relative;width:50px;height:30px;border-radius:99px;border:0;background:var(--bs);cursor:pointer;transition:background .18s}.lp-sw i{position:absolute;left:3px;top:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.3);transition:transform .18s}.lp-sw.on{background:var(--primary)}.lp-sw.on i{transform:translateX(20px)}
.lp-adv{margin-top:14px;border-top:1px dashed var(--border);padding-top:12px}.lp-adv summary{cursor:pointer;font-weight:800;font-size:.8rem;color:var(--primary);list-style:none;display:flex;align-items:center;gap:6px}.lp-adv summary::-webkit-details-marker{display:none}.lp-adv summary:after{content:'';width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:-3px;transition:transform .15s}.lp-adv[open] summary:after{transform:rotate(-135deg);margin-top:3px}.lp-adv .lp-fg{margin:12px 0 0}
.lp-why{display:flex;align-items:flex-start;gap:8px;margin-top:8px;font-size:.74rem;font-weight:700;color:var(--warn);line-height:1.4}.lp-why .icon{margin-top:1px}
.lp-warn{margin-bottom:14px}
.lp-f .cx-btns{margin-top:6px}
.lp-ok{text-align:center;padding:6px 4px 16px}.lp-ok h3{font-size:1.25rem;font-weight:800}.lp-ok p{font-size:.8rem;font-weight:600;color:var(--tm);line-height:1.5;margin-top:6px}.lp-ok .ok-ic{margin-bottom:12px}
.lp-cr,.lp-rows .lp-cr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;align-items:center;background:var(--var);border:1px solid var(--border);border-radius:var(--rs);padding:9px 8px 9px 12px;margin-bottom:8px}
.lp-cr span{grid-column:1/-1;font-size:.62rem;font-weight:800;color:var(--tm);letter-spacing:.02em}
.lp-cr code{min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.76rem;font-weight:700;color:var(--t);word-break:break-all;line-height:1.35}
.lp-cb{display:flex;gap:6px}
.lp-rows{margin-top:10px}.lp-rows .lp-cr:last-child{margin-bottom:0}
.lp-sec .lp-cr:last-of-type{margin-bottom:6px}
.lp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.lp-stats div{background:var(--var);border:1px solid var(--border);border-radius:var(--rs);padding:10px 4px;text-align:center;min-width:0}.lp-stats b{display:block;font-size:1.05rem;font-weight:800;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis}.lp-stats small{display:block;font-size:.64rem;font-weight:700;color:var(--tm);margin-top:1px}
.lp-msg{margin:10px 0 0;font-size:.74rem;font-weight:600;color:var(--tm);line-height:1.45}.lp-msg.bad{color:var(--err)}
.lp-oc .bd-acts{margin-top:12px}
.lp-eh{font-size:1.15rem;font-weight:800;letter-spacing:-.02em}.lp-es{font-size:.76rem;font-weight:600;color:var(--tm);margin:3px 0 16px;word-break:break-all}
.lp-ed .cx-btns{margin-top:18px}
.lp-tch{display:flex;flex-wrap:wrap;gap:8px}.lp-tch button{border:1px solid var(--border);background:var(--surface);color:var(--t2);font:inherit;font-weight:700;font-size:.74rem;padding:8px 12px;border-radius:99px;cursor:pointer}.lp-tch button.on{background:var(--pg);color:#fff;border-color:transparent}
.lp-rp{width:100%;display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:12px;align-items:center;text-align:left;font:inherit;color:var(--t);background:var(--surface);border:2px solid var(--border);border-radius:var(--rm);padding:10px 12px 10px 10px;cursor:pointer}.lp-rp.on{border-color:var(--primary);background:var(--soft)}
.lp-rpd{display:flex;flex-direction:column;align-items:center;border-radius:12px;padding:8px 0;background:var(--soft);color:var(--primary)}.lp-rpd b{font-size:1.25rem;font-weight:800;line-height:1}.lp-rpd small{font-size:.62rem;font-weight:800}.lp-rp.on .lp-rpd{background:var(--pg);color:#fff}
.lp-rpm b{display:block;font-size:.84rem;font-weight:800}.lp-rpm small{display:block;font-size:.68rem;font-weight:600;color:var(--tm);margin-top:2px}
.lp-rpp{text-align:right}.lp-rpp b{display:block;font-size:1rem;font-weight:800}.lp-rpp s{font-size:.68rem;color:var(--tm)}
#sheet .lp-plans{gap:10px}
@media(max-width:340px){.lp-pl{grid-template-columns:64px minmax(0,1fr);gap:0 11px}.lp-pd b{font-size:1.4rem}.lp-rp{grid-template-columns:52px minmax(0,1fr) auto;gap:9px}}
@media (prefers-reduced-motion:reduce){.lp-th,.lp-th-ck,.lp-sw,.lp-sw i,.lp-seg button,.lp-adv summary:after{transition:none}.lp-sk{animation:none}}
html.lite .lp-th,html.lite .lp-th-ck,html.lite .lp-sw i,html.lite .lp-in{transition:none}
html.lite .lp-bar{background:var(--bg)}

/* Home: Bot card slider (overlay + dots) */
.bdh-pic.sl:after{content:'';position:absolute;left:0;right:0;bottom:0;height:34%;background:linear-gradient(transparent,rgba(8,6,30,.45));pointer-events:none}
/* Home: chhota Landing Page card (Bot card ke neeche) */
.lpm{position:relative;display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:11px 11px 11px 12px;border-radius:var(--rx);border:1px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(135deg,rgba(167,139,250,.95),rgba(99,102,241,.25) 48%,rgba(236,72,153,.6)) border-box;box-shadow:var(--shs);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s}
.lpm:active{transform:scale(.99)}.lpm:focus-visible{outline:3px solid var(--primary);outline-offset:3px}
.lpm-ic{flex:none;width:40px;height:40px;border-radius:14px;background:var(--pg);color:#fff;display:flex;align-items:center;justify-content:center}.lpm-ic .icon{width:22px;height:22px}
.lpm-tx{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:3px}
.lpm-tx b{font-size:.92rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;color:var(--t)}
.lpm-tx small{font-size:.7rem;font-weight:700;color:var(--tm);line-height:1.3}
.lpm-tx small u{text-decoration:none;color:#DC2626;font-weight:800}
.lpm-b{flex:none;display:inline-flex;align-items:center;gap:7px;background:var(--pg);color:#fff;font-weight:800;font-size:.76rem;letter-spacing:-.01em;line-height:1.15;padding:6px 6px 6px 13px;border-radius:99px;box-shadow:0 6px 16px rgba(79,70,229,.35);max-width:132px;text-align:left}
.lpm-b i{flex:none;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.24);display:flex;align-items:center;justify-content:center;font-style:normal}.lpm-b i .icon{width:14px;height:14px;stroke-width:2.6}
.lpm.mt .lpm-b{opacity:.85}
@media (max-width:350px){.lpm{flex-wrap:wrap}.lpm-b{max-width:none;width:100%;justify-content:space-between}}
@media (prefers-reduced-motion:reduce){.lpm{transition:none}}

/* LP design cards: discount badge */
/* LP form: logo upload */
.lp-lg{display:flex;align-items:center;gap:12px}
.lp-lgp{flex:none;width:58px;height:58px;border-radius:16px;background:var(--var);border:1px dashed var(--bs);color:var(--tm);display:flex;align-items:center;justify-content:center;overflow:hidden}.lp-lgp img{width:100%;height:100%;object-fit:cover;display:block}.lp-lgp .icon{width:20px;height:20px}
.lp-lgb{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.lp-lgu{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:99px;border:1px solid var(--primary);color:var(--primary);font-weight:800;font-size:.8rem;cursor:pointer;background:var(--surface);-webkit-tap-highlight-color:transparent}
.lp-lgu:active{transform:scale(.97)}
.lp-lgx{min-height:42px;padding:0 6px;border:0;background:none;color:var(--err);font:inherit;font-weight:800;font-size:.8rem;cursor:pointer}
/* Home: template search */
.tsrch{position:relative;display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:0 6px 0 16px;min-height:48px;background:var(--surface);border:1px solid var(--border);border-radius:99px;box-shadow:var(--shs);color:var(--tm)}
.tsrch:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px var(--soft)}
.tsrch .icon{flex:none;width:18px;height:18px}
.tsrch input{flex:1;min-width:0;height:46px;border:0;outline:0;background:none;color:var(--t);font:inherit;font-weight:600;font-size:.92rem;-webkit-appearance:none;appearance:none}
.tsrch input::placeholder{color:var(--tm);font-weight:600}.tsrch input::-webkit-search-cancel-button{-webkit-appearance:none}
.tsx{flex:none;width:34px;height:34px;border:0;border-radius:50%;background:var(--var);color:var(--t2);display:flex;align-items:center;justify-content:center;cursor:pointer}.tsx[hidden]{display:none}.tsx .icon{width:14px;height:14px}

/* ---- Landing page: hand-tap on home card, premium design cards, ribbon, preview ---- */
.lpm-cta{margin-left:2px}
.lpm-cta .lpm-b{position:relative;z-index:1;animation:bdhpress 2.8s ease-in-out infinite}
.lpm .bdh-rip{border-color:var(--primary)}
.lpm .bdh-hi .hf{fill:#fff;stroke:#2E1F8A}
@media (prefers-reduced-motion:reduce){.lpm-cta .lpm-b{animation:none}}
.lp-hero{position:relative;overflow:hidden;margin:0 0 14px;padding:14px 14px 12px;border-radius:var(--rx);color:#fff;background:linear-gradient(135deg,#1b1250 0%,#3b2fc9 55%,#a23bd6 100%);box-shadow:0 14px 30px -14px rgba(59,47,201,.7)}
.lp-hero:after{content:'';position:absolute;right:-40px;top:-50px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 68%);pointer-events:none}
.lp-hero-t{position:relative;display:flex;gap:11px;align-items:flex-start}
.lp-hero-ic{flex:none;width:40px;height:40px;border-radius:13px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center}.lp-hero-ic .icon{width:21px;height:21px}
.lp-hero-t b{display:block;font-size:1rem;font-weight:800;letter-spacing:-.02em;line-height:1.2}
.lp-hero-t small{display:block;margin-top:3px;font-size:.72rem;font-weight:600;line-height:1.4;opacity:.86}
.lp-perks{position:relative;display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}
.lp-perks span{display:inline-flex;align-items:center;gap:5px;padding:4px 10px 4px 8px;border-radius:99px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);font-size:.64rem;font-weight:800;letter-spacing:.01em}.lp-perks .icon{width:12px;height:12px}
.lp-th{cursor:pointer;-webkit-tap-highlight-color:transparent}
.lp-th-pic{box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.lp-rib{position:absolute;left:0;top:0;width:86px;height:86px;overflow:hidden;z-index:2;pointer-events:none}
.lp-rib em{position:absolute;left:-32px;top:15px;width:124px;padding:4px 0;text-align:center;font-style:normal;font-size:.6rem;font-weight:900;letter-spacing:.05em;line-height:1.1;color:#fff;white-space:nowrap;background:linear-gradient(90deg,#FF7A18,#D6104F);transform:rotate(-45deg);box-shadow:0 3px 9px rgba(214,16,79,.5)}
.lp-th-pv{margin:auto 5px 0;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;border-radius:99px;border:1.5px solid var(--border);background:var(--var);color:var(--primary);font:inherit;font-weight:800;font-size:.72rem;cursor:pointer}
.lp-th-pv .icon{width:14px;height:14px}.lp-th-pv:active{transform:scale(.97)}
.lp-th-pv:focus-visible{outline:3px solid var(--primary);outline-offset:2px}
.lppv{position:fixed;inset:0;z-index:3050;display:flex;flex-direction:column;background:#0b0a14}
.lppv-h{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(10px + env(safe-area-inset-top)) 14px 10px;color:#fff;background:#14122a;border-bottom:1px solid rgba(255,255,255,.08)}
.lppv-h b{font-size:.92rem;font-weight:800;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lppv-x{flex:none;width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.lppv-x .icon{width:18px;height:18px}
.lppv-b{position:relative;flex:1;min-height:0;display:flex;justify-content:center;background:#0b0a14}
.lppv-b iframe{width:100%;max-width:440px;height:100%;border:0;background:#fff}
@media (min-width:520px){.lppv-b{padding:14px 0}.lppv-b iframe{border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.6)}}
.lppv-ld{margin:auto;display:flex;align-items:center;gap:10px;color:#d8d4ff;font-weight:700;font-size:.85rem;text-align:center;padding:20px}
.lppv-f{flex:none;padding:10px 14px calc(12px + env(safe-area-inset-bottom));background:#14122a;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:9px;color:#b9b4e6}
.lppv-f small{font-size:.68rem;font-weight:600;text-align:center}
.lppv-f .btn-gradient,.lppv-f .btn-outline{width:100%}
.lppv-f .btn-outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}
body.lppv-on{overflow:hidden}body.lppv-on .bottom-nav,body.lppv-on .fab{display:none}
.lp-cp{margin:6px 0 4px}
.lp-th b,.lp-th small{overflow-wrap:anywhere;min-width:0}
.lp-th small{padding-bottom:7px}
/* landing page kinds + APK upload */
.lk-list{display:flex;flex-direction:column;gap:11px}
.lk-c{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-width:0;text-align:left;font:inherit;color:var(--t);cursor:pointer;background:var(--surface);border:2px solid var(--border);border-radius:var(--rl);padding:13px 12px;box-shadow:var(--shs);transition:border-color .15s,box-shadow .15s,transform .12s}
.lk-c:active{transform:scale(.99)}.lk-c:hover{border-color:var(--primary);box-shadow:var(--shm)}
.lk-c.off{opacity:.55;cursor:default;box-shadow:none}.lk-c.off:hover{border-color:var(--border);box-shadow:none}
.lk-ic{flex:none;width:46px;height:46px;border-radius:15px;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--pg)}.lk-ic .icon{width:23px;height:23px}
.lk-normal .lk-ic{background:linear-gradient(135deg,#2AABEE,#1B7FD6)}.lk-apk .lk-ic{background:linear-gradient(135deg,#3DDC84,#16B36A)}
.lk-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.lk-b b{font-size:.92rem;font-weight:800;letter-spacing:-.01em;line-height:1.2;overflow-wrap:anywhere}
.lk-b small{font-size:.72rem;font-weight:600;color:var(--tm);line-height:1.4}
.lk-m{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px}
.lk-tag{font-size:.64rem;font-weight:800;padding:3px 8px;border-radius:99px;background:var(--soft);color:var(--primary)}
.lk-pr{font-size:.72rem;font-weight:600;color:var(--t2)}.lk-pr b{font-weight:800;color:var(--t)}.lk-pr em{font-style:normal;font-size:.62rem;font-weight:800;margin-left:5px;padding:2px 6px;border-radius:99px;background:var(--ok-soft);color:var(--ok)}
.lk-n{font-size:.68rem;font-weight:700;color:var(--tm)}
.lk-ar{flex:none;color:var(--tm)}
.lu-box{display:block;border:2px dashed var(--bs);border-radius:var(--rm);padding:12px;background:var(--surface);min-width:0}
.lu-box.pick{cursor:pointer;display:flex;align-items:center;gap:11px}.lu-box.pick:hover{border-color:var(--primary)}
.lu-box.inv{border-color:var(--err)}
.lu-box.up,.lu-box.ok{border-style:solid;border-color:var(--border)}.lu-box.ok{border-color:var(--ok)}
.lu-r{display:flex;align-items:center;gap:11px;min-width:0}
.lu-i{flex:none;width:40px;height:40px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:var(--soft);color:var(--primary)}.lu-box.ok .lu-i{background:var(--ok-soft);color:var(--ok)}
.lu-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.lu-t b{font-size:.84rem;font-weight:800;overflow-wrap:anywhere}.lu-t small{font-size:.7rem;font-weight:600;color:var(--tm)}
.lu-x{flex:none;font:inherit;font-size:.74rem;font-weight:800;color:var(--primary);background:var(--soft);border:0;border-radius:99px;padding:7px 12px;cursor:pointer}
.lu-bar{height:6px;margin-top:11px;border-radius:99px;background:var(--var);overflow:hidden}.lu-bar i{display:block;height:100%;border-radius:99px;background:var(--pg);transition:width .2s}
/* page colours */
.lc-row{display:flex;flex-wrap:wrap;gap:9px;align-items:center}
.lc-sw{width:36px;height:36px;border-radius:50%;border:3px solid var(--surface);box-shadow:0 0 0 1.5px var(--bs),0 4px 10px rgba(15,23,42,.18);cursor:pointer;padding:0;transition:transform .12s,box-shadow .12s}
.lc-sw:active{transform:scale(.92)}.lc-sw.on{box-shadow:0 0 0 2.5px var(--primary),0 6px 14px rgba(15,23,42,.25)}
.lc-df{font:inherit;font-size:.74rem;font-weight:800;color:var(--t2);background:var(--var);border:1.5px solid var(--border);border-radius:99px;padding:8px 13px;cursor:pointer}.lc-df.on{color:var(--primary);border-color:var(--primary);background:var(--soft)}
.lc-cu{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.lc-cu label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.74rem;font-weight:700;color:var(--t2);background:var(--var);border:1px solid var(--border);border-radius:var(--rm);padding:8px 10px;min-width:0}
.lc-cu input{width:38px;height:30px;border:0;border-radius:8px;padding:0;background:none;cursor:pointer;flex:none}
.lc-pv{display:flex;align-items:center;gap:10px;margin-top:14px;min-height:42px}.lc-nt{font-size:.74rem;font-weight:600;color:var(--tm);line-height:1.4}
.lc-bar{flex:1;height:10px;border-radius:99px}.lc-btn{flex:none;color:#fff;font-size:.74rem;font-weight:800;padding:10px 16px;border-radius:12px;box-shadow:0 8px 18px -8px rgba(15,23,42,.4)}
.lp-gd{margin:2px 0 14px;border-top:1px dashed var(--border);padding-top:12px}.lp-gd summary{cursor:pointer;font-weight:800;font-size:.8rem;color:var(--primary);list-style:none;display:flex;align-items:center;gap:6px}.lp-gd summary::-webkit-details-marker{display:none}.lp-gd summary:after{content:'';width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:-3px;transition:transform .15s}.lp-gd[open] summary:after{transform:rotate(-135deg);margin-top:3px}.lp-gdb{margin-top:10px;font-size:.76rem;font-weight:600;color:var(--t2);line-height:1.55}.lp-gdb p{margin:0 0 8px}
.lp-gdb ol{margin:0 0 8px;padding-left:18px}.lp-gdb li{margin-bottom:6px}.lp-gdb code{font-family:ui-monospace,Menlo,monospace;font-size:.72rem;background:var(--var);border:1px solid var(--border);border-radius:6px;padding:1px 5px;word-break:break-all}
.lp-gdb a{color:var(--primary);font-weight:800}

/* Landing page: domain dropdown, plan picker, preview button */
.lp-sl .lp-in{padding-right:132px}.lp-ro{display:flex;align-items:center;color:var(--tm);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;background:var(--var)}
.lp-sl .lp-suf{max-width:124px}
.lp-ddb{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:4px;max-width:132px;padding:7px 8px 7px 10px;border:1px solid var(--border);border-radius:10px;background:var(--soft);color:var(--primary);font:inherit;font-size:.78rem;font-weight:800;cursor:pointer;white-space:nowrap}.lp-ddb:active{transform:translateY(-50%) scale(.97)}.lp-ddb .lp-ch{flex:none}
.lp-ddb{overflow:hidden;text-overflow:ellipsis}
.lp-dm{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:30;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--rm);box-shadow:0 14px 34px rgba(0,0,0,.28);padding:6px;max-height:240px;overflow:auto}
.lp-dm button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:11px 12px;border:0;border-radius:10px;background:transparent;color:var(--t);font:inherit;font-size:.84rem;font-weight:700;text-align:left;cursor:pointer;word-break:break-all}.lp-dm button.on{background:var(--soft);color:var(--primary)}.lp-dm button:hover{background:var(--var)}
button.lp-ps{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer}.lp-ps.sel{border-color:var(--primary);box-shadow:0 0 0 4px var(--glow)}
.lp-rd{position:absolute;right:12px;bottom:12px;width:22px;height:22px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;color:#fff}.lp-ps.sel .lp-rd{background:var(--primary);border-color:var(--primary)}.lp-rd .icon{width:13px;height:13px}
.lp-pick{gap:10px}
.lp-prev{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;margin:2px 0 12px}

/* ---- Home: Meta Ads Landing Page card (premium) ---- */
.lpm{flex-direction:column;align-items:stretch;gap:13px;padding:14px;border:1px solid transparent;color:#fff;overflow:hidden;background:radial-gradient(120% 90% at 100% 0%,rgba(236,72,153,.34),transparent 55%) padding-box,linear-gradient(150deg,#190f45 0%,#2c1a80 55%,#5632d8 100%) padding-box,linear-gradient(135deg,#C4B5FD,#EC4899 70%,#F59E0B) border-box;box-shadow:0 12px 30px rgba(67,40,170,.38)}
.lpm-top{display:flex;align-items:center;gap:14px;padding-top:7px}
.lpm-tx{gap:5px}
.lpm .lpm-tx b{color:#fff;font-size:1.02rem;letter-spacing:-.025em}
.lpm .lpm-tx small{color:rgba(255,255,255,.8);font-size:.72rem;font-weight:600;line-height:1.4}
.lpm .lpm-tx small.lpm-pr{align-self:flex-start;margin-top:2px;padding:3px 10px;border-radius:99px;background:rgba(255,255,255,.16);color:#fff;font-weight:800;font-size:.7rem}
.lpm .lpm-tx small u{color:#FDE68A}
.lpm-mock{position:relative;flex:none;width:74px;height:96px;border-radius:14px;background:#fff;box-shadow:0 10px 22px rgba(0,0,0,.35);transform:rotate(-5deg);display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 9px 9px;overflow:visible}
.lpm-mock i{display:block;font-style:normal}
.m-bar{align-self:stretch;margin:0 -9px;height:14px;border-radius:14px 14px 0 0;background:#EEF0FF;display:flex;align-items:center;gap:3px;padding-left:7px}
.m-bar b{width:4px;height:4px;border-radius:50%;background:#A5A9D6}
.m-av{width:24px;height:24px;border-radius:50%;background:var(--pg);margin-top:2px}
.m-ln{width:44px;height:5px;border-radius:4px;background:#D9DBF0}.m-ln.s{width:30px}
.m-bt{margin-top:auto;align-self:stretch;text-align:center;font-size:.58rem;font-weight:800;line-height:1;padding:6px 0;border-radius:99px;background:var(--pg);color:#fff;animation:lpmpulse 2.2s ease-in-out infinite}
.m-ok{position:absolute;right:-8px;top:-9px;display:inline-flex;align-items:center;gap:3px;font-style:normal;font-size:.56rem;font-weight:800;color:#065F46;background:#D1FAE5;padding:3px 7px 3px 5px;border-radius:99px;box-shadow:0 5px 12px rgba(0,0,0,.28);transform:rotate(5deg);white-space:nowrap}
.m-ok .icon{width:10px;height:10px;stroke-width:3}
@keyframes lpmpulse{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
.lpm-cta{display:block;width:100%;margin:0}
.lpm .lpm-b{display:flex;width:100%;max-width:none;justify-content:space-between;align-items:center;padding:9px 9px 9px 18px;font-size:.92rem;font-weight:800;border-radius:99px;background:#fff;color:#3B1FA8;box-shadow:0 8px 20px rgba(0,0,0,.28);position:relative;overflow:hidden}
.lpm .lpm-b::after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:30%;background:linear-gradient(100deg,transparent,rgba(139,92,246,.28),transparent);transform:skewX(-20deg);animation:lpmshine 3.4s ease-in-out infinite}
.lpm .lpm-b i{width:30px;height:30px;background:var(--pg);color:#fff}
.lpm .lpm-b i .icon{width:15px;height:15px}
@keyframes lpmshine{0%,55%{left:-40%}100%{left:130%}}
.lpm .bdh-rip{border-color:#fff}
@media (max-width:350px){.lpm-top{gap:10px}.lpm-mock{width:62px;height:84px}.m-ok{display:none}}
@media (prefers-reduced-motion:reduce){.m-bt,.lpm .lpm-b::after{animation:none}}

/* ---- Home poster slider (own card, 16:9, per-image link) ---- */

/* ---- Bot card = copy of the landing card rules ---- */
.bdm{position:relative;display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:11px 11px 11px 12px;border-radius:var(--rx);border:1px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(135deg,rgba(167,139,250,.95),rgba(99,102,241,.25) 48%,rgba(236,72,153,.6)) border-box;box-shadow:var(--shs);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s}
.bdm:active{transform:scale(.99)}.bdm:focus-visible{outline:3px solid var(--primary);outline-offset:3px}
.bdm-ic{flex:none;width:40px;height:40px;border-radius:14px;background:var(--pg);color:#fff;display:flex;align-items:center;justify-content:center}.bdm-ic .icon{width:22px;height:22px}
.bdm-tx{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:3px}
.bdm-tx b{font-size:.92rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;color:var(--t)}
.bdm-tx small{font-size:.7rem;font-weight:700;color:var(--tm);line-height:1.3}
.bdm-tx small u{text-decoration:none;color:#DC2626;font-weight:800}
.bdm-b{flex:none;display:inline-flex;align-items:center;gap:7px;background:var(--pg);color:#fff;font-weight:800;font-size:.76rem;letter-spacing:-.01em;line-height:1.15;padding:6px 6px 6px 13px;border-radius:99px;box-shadow:0 6px 16px rgba(79,70,229,.35);max-width:132px;text-align:left}
.bdm-b i{flex:none;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.24);display:flex;align-items:center;justify-content:center;font-style:normal}.bdm-b i .icon{width:14px;height:14px;stroke-width:2.6}
.bdm.mt .bdm-b{opacity:.85}
@media (max-width:350px){.bdm{flex-wrap:wrap}.bdm-b{max-width:none;width:100%;justify-content:space-between}}
@media (prefers-reduced-motion:reduce){.bdm{transition:none}}
.bdm-cta{margin-left:2px}
.bdm-cta .bdm-b{position:relative;z-index:1;animation:bdhpress 2.8s ease-in-out infinite}
.bdm .bdh-rip{border-color:var(--primary)}
.bdm .bdh-hi .hf{fill:#fff;stroke:#2E1F8A}
@media (prefers-reduced-motion:reduce){.bdm-cta .bdm-b{animation:none}}
.bdm{flex-direction:column;align-items:stretch;gap:13px;padding:14px;border:1px solid transparent;color:#fff;overflow:hidden;background:radial-gradient(120% 90% at 100% 0%,rgba(236,72,153,.34),transparent 55%) padding-box,linear-gradient(150deg,#190f45 0%,#2c1a80 55%,#5632d8 100%) padding-box,linear-gradient(135deg,#C4B5FD,#EC4899 70%,#F59E0B) border-box;box-shadow:0 12px 30px rgba(67,40,170,.38)}
.bdm-top{display:flex;align-items:center;gap:14px;padding-top:7px}
.bdm-tx{gap:5px}
.bdm .bdm-tx b{color:#fff;font-size:1.02rem;letter-spacing:-.025em}
.bdm .bdm-tx small{color:rgba(255,255,255,.8);font-size:.72rem;font-weight:600;line-height:1.4}
.bdm .bdm-tx small.bdm-pr{align-self:flex-start;margin-top:2px;padding:3px 10px;border-radius:99px;background:rgba(255,255,255,.16);color:#fff;font-weight:800;font-size:.7rem}
.bdm .bdm-tx small u{color:#FDE68A}
.bdm-mock{position:relative;flex:none;width:74px;height:96px;border-radius:14px;background:#fff;box-shadow:0 10px 22px rgba(0,0,0,.35);transform:rotate(-5deg);display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 9px 9px;overflow:visible}
.bdm-mock i{display:block;font-style:normal}
.bdm-cta{display:block;width:100%;margin:0}
.bdm .bdm-b{display:flex;width:100%;max-width:none;justify-content:space-between;align-items:center;padding:9px 9px 9px 18px;font-size:.92rem;font-weight:800;border-radius:99px;background:#fff;color:#3B1FA8;box-shadow:0 8px 20px rgba(0,0,0,.28);position:relative;overflow:hidden}
.bdm .bdm-b::after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:30%;background:linear-gradient(100deg,transparent,rgba(139,92,246,.28),transparent);transform:skewX(-20deg);animation:lpmshine 3.4s ease-in-out infinite}
.bdm .bdm-b i{width:30px;height:30px;background:var(--pg);color:#fff}
.bdm .bdm-b i .icon{width:15px;height:15px}
.bdm .bdh-rip{border-color:#fff}
@media (max-width:350px){.bdm-top{gap:10px}.bdm-mock{width:62px;height:84px}.m-ok{display:none}}
@media (prefers-reduced-motion:reduce){.m-bt,.bdm .bdm-b::after{animation:none}}

/* Bot card: own colours */
.bdm{background:radial-gradient(120% 90% at 100% 0%,rgba(34,211,238,.28),transparent 55%) padding-box,linear-gradient(150deg,#0b1647 0%,#1c2f9a 55%,#2563eb 100%) padding-box,linear-gradient(135deg,#67E8F9,#818CF8 70%,#C084FC) border-box;box-shadow:0 12px 30px rgba(37,99,235,.36)}
.bdm-mock{align-items:stretch;gap:5px}
.bdm-mock .bm-b{height:11px;border-radius:7px 7px 7px 2px;background:#DBEAFE;width:70%}
.bdm-mock .bm-b.a{background:#E0E7FF;width:78%}.bdm-mock .bm-b.b{background:#2563EB;width:60%;align-self:flex-end;border-radius:7px 7px 2px 7px}.bdm-mock .bm-b.s{width:44%}
.bdm-mock .m-bt{margin-top:auto;display:flex;align-items:center;justify-content:center;padding:5px 0;background:linear-gradient(135deg,#22D3EE,#2563EB)}
.bdm-mock .m-bt .icon{width:13px;height:13px;stroke:#fff}
.bdm .m-ok{background:#CFFAFE;color:#155E75}
.bdm .bdm-b{color:#1E3A8A}.bdm .bdm-b i{background:linear-gradient(135deg,#22D3EE,#2563EB)}
.bdm-pr .bm-off{font-style:normal;margin-left:7px;padding:1px 7px;border-radius:99px;background:#FDE68A;color:#78350F;font-size:.64rem;font-weight:800}

/* START ORDER DELIVERY BOT button (compact single-line) */
.dlv-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:9px 0 2px;padding:8px 12px;border:1px solid rgba(255,255,255,.16);border-radius:11px;background:linear-gradient(135deg,#1c8cf0 0%,#6a5cff 55%,#b25cff 100%);color:#fff;text-align:left;cursor:pointer;box-shadow:0 6px 15px -6px rgba(98,92,255,.6);position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;transition:transform .15s,filter .15s}
.dlv-btn:active{transform:scale(.98);filter:brightness(1.08)}
.dlv-btn::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.26) 50%,transparent 65%);transform:translateX(-120%);animation:dlvsh 4.5s ease-in-out infinite}
@keyframes dlvsh{0%,70%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.dlv-i{flex:none;width:24px;height:24px;border-radius:7px;background:rgba(255,255,255,.2);display:grid;place-items:center}
.dlv-i svg{width:14px;height:14px}
.dlv-t{flex:1;min-width:0;display:flex;align-items:center}
.dlv-t b{font-size:.69rem;letter-spacing:.035em;font-weight:800;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dlv-a{flex:none;font-size:1.15rem;line-height:1;opacity:.9;padding-right:1px}
@media (prefers-reduced-motion:reduce){.dlv-btn::after{animation:none}}

/* read-only auto dashboard login fields */
.lp-ro{display:flex;align-items:center;gap:8px}.lp-ro .lp-in.ro{flex:1;min-width:0;opacity:.95;cursor:default;background:rgba(124,77,255,.08);border-style:dashed}.lp-ro .cx-cp{flex:none}
.lp-oc .lp-cr code,.lp-sec .lp-cr code{word-break:break-all}

/* ---- USDT auto pay: purana layout, thoda unique touch ---- */
.apay{position:relative}
.apay:before{content:"";display:block;height:4px;width:64px;margin:-4px auto 12px;border-radius:99px;background:var(--pg)}
.ap-top{display:flex;justify-content:center;margin:0 0 2px}
.ap-net{display:inline-flex;align-items:center;gap:6px;padding:5px 13px;border-radius:99px;background:var(--soft);color:var(--primary);font-size:.72rem;font-weight:800;letter-spacing:.06em}.ap-net .u-ic{width:16px;height:16px}
.apay .pay-amount{padding:12px 8px;border-radius:var(--rl);background:radial-gradient(120% 140% at 50% 0%,var(--ok-soft),transparent 70%);font-variant-numeric:tabular-nums}
.apay .pay-amount em{font-style:normal;background:var(--ok);color:#fff;border-radius:9px;padding:0 7px;margin-left:2px}
.ap-qf{position:relative;width:min(220px,80%);margin:14px auto 6px;padding:13px;border-radius:20px;background:#fff;border:1px solid var(--border);box-shadow:var(--shm)}
.ap-qf .pay-qr{display:block;width:100%;aspect-ratio:1;object-fit:contain;border:0;padding:0;margin:0;border-radius:8px}
.ap-qf>i{position:absolute;width:22px;height:22px;border:0 solid var(--primary);pointer-events:none}
.ap-qf .k1{top:-5px;left:-5px;border-width:3px 0 0 3px;border-top-left-radius:13px}.ap-qf .k2{top:-5px;right:-5px;border-width:3px 3px 0 0;border-top-right-radius:13px}
.ap-qf .k3{bottom:-5px;left:-5px;border-width:0 0 3px 3px;border-bottom-left-radius:13px}.ap-qf .k4{bottom:-5px;right:-5px;border-width:0 3px 3px 0;border-bottom-right-radius:13px}

/* ---- Account: 3 info boxes + sheets ---- */
.aci3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0 4px}
.aci{background:var(--surface);border:1px solid var(--border);border-radius:var(--rl);padding:14px 6px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;box-shadow:var(--shs);text-align:center;font:inherit;color:var(--t);transition:transform .15s,border-color .2s}
.aci:active{transform:scale(.97)}.aci:hover{border-color:rgba(124,77,255,.4)}
.aci .pbox-ic{width:42px;height:42px;border-radius:14px}.aci .pbox-ic .icon{width:20px;height:20px}
.aci b{font-size:.68rem;font-weight:800;line-height:1.25;letter-spacing:-.005em}
.aci-hd{display:flex;align-items:center;gap:12px;margin:4px 0 14px}.aci-hd .pbox-ic{width:46px;height:46px;border-radius:15px;flex:none}
.aci-hd h3{font-size:1.1rem;font-weight:800;letter-spacing:-.02em}.aci-hd small{display:block;margin-top:2px;font-size:.74rem;font-weight:700;color:var(--tm)}
.aci-body{display:grid;gap:10px;padding-bottom:6px}
.aci-s{padding:14px 15px;border-radius:var(--rm);background:var(--var);border:1px solid var(--border);text-align:left}
.aci-s h4{display:flex;align-items:center;gap:9px;font-size:.88rem;font-weight:800;margin:0 0 6px}
.aci-s h4 i{flex:none;width:24px;height:24px;border-radius:50%;background:var(--pg);color:#fff;font-style:normal;font-size:.72rem;font-weight:800;display:flex;align-items:center;justify-content:center}
.aci-s p,.aci-s li{font-size:.79rem;font-weight:600;line-height:1.6;color:var(--t2)}.aci-s b{color:var(--t)}
.aci-s ul{margin:6px 0 0;padding-left:18px;display:grid;gap:5px}
.aci-s.no{background:var(--err-soft);border-color:rgba(239,68,68,.3)}
.aci-s .btn-gradient{margin-top:12px}

/* ---- UPI pay: receipt-style amount + premium session time line ---- */
.usp-rc{position:relative;margin:14px 0 14px;padding:16px 14px 14px;border-radius:var(--rl);background:linear-gradient(160deg,var(--soft),transparent 70%),var(--surface);border:1px solid var(--border);box-shadow:var(--shs);overflow:hidden}
.usp-rc:before,.usp-rc:after{content:"";position:absolute;top:50%;width:14px;height:14px;margin-top:6px;border-radius:50%;background:var(--bg);border:1px solid var(--border)}
.usp-rc:before{left:-8px}.usp-rc:after{right:-8px}
.usp-rc>small{display:block;font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--tm)}
.usp-rc .usp-amt{margin:6px 0 12px;padding-bottom:12px;border-bottom:2px dashed var(--bs);background:var(--pg);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.usp-rc .pay-recv{margin:0}.usp-rc .pay-recv em{font-style:normal;color:var(--tm)}
.usp .usp-tm{position:relative;margin:0 0 18px;padding:13px 15px 12px;border-radius:var(--rl);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shs);overflow:hidden}
.usp .usp-tm:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--tc);opacity:.85;transition:background .3s}
.usp .usp-tl{align-items:center;margin-bottom:12px}
.usp-tc{display:inline-flex;align-items:center;gap:8px;font-size:.74rem;font-weight:800;color:var(--t2);letter-spacing:.01em}
.usp-dot{width:9px;height:9px;border-radius:50%;background:var(--tc);box-shadow:0 0 0 0 var(--tc);animation:uspd 1.6s ease-out infinite}
@keyframes uspd{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--tc) 55%,transparent)}100%{box-shadow:0 0 0 9px transparent}}
.usp.ex .usp-dot{animation:none}
.usp .usp-tl b{font-size:1.5rem;font-weight:900;letter-spacing:.04em;padding:2px 11px;border-radius:12px;background:var(--var);border:1px solid var(--border)}
.usp .usp-bar{position:relative;height:8px;border-radius:99px;background:var(--var);box-shadow:inset 0 1px 2px rgba(0,0,0,.12);overflow:visible}
.usp .usp-bar i{border-radius:99px;background:linear-gradient(90deg,color-mix(in srgb,var(--tc) 55%,#fff),var(--tc))}
.usp-hd2{position:absolute;top:50%;left:calc(var(--p,1)*100%);width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#fff;border:3px solid var(--tc);box-shadow:0 0 12px var(--tc);transition:left .5s linear,border-color .3s,box-shadow .3s}
.usp-tk{display:flex;justify-content:space-between;margin:9px 2px 0}.usp-tk span{width:2px;height:6px;border-radius:2px;background:var(--bs)}
@media (prefers-reduced-motion:reduce){.usp-dot{animation:none}.usp-hd2{transition:none}}

/* ---- pg4: home cards chhote ---- */
.bdm,.lpm{gap:9px;padding:10px 12px;margin:0 0 11px}
.bdm-top,.lpm-top{gap:11px;padding-top:2px}
.bdm-mock,.lpm-mock{width:52px;height:66px;border-radius:11px;box-shadow:0 6px 14px rgba(0,0,0,.32)}
.bdm-mock .m-ok,.lpm-mock .m-ok{display:none}
.bdm .bdm-tx,.lpm .lpm-tx{gap:3px}
.bdm .bdm-tx b,.lpm .lpm-tx b{font-size:.92rem}
.bdm .bdm-tx small,.lpm .lpm-tx small{font-size:.68rem;line-height:1.3}
.bdm .bdm-tx small.bdm-pr,.lpm .lpm-tx small.lpm-pr{padding:2px 9px;font-size:.66rem;margin-top:0}
.bdm .bdm-b,.lpm .lpm-b{padding:6px 6px 6px 15px;font-size:.82rem}
.bdm .bdm-b i,.lpm .lpm-b i{width:25px;height:25px}
.notice-bar{margin:0 0 14px}

/* ---- pg4: USDT deposit page ---- */
.ap-logo{display:flex;justify-content:center;margin:2px 0 8px}
.ap-logo .icon,.ap-logo svg,.ap-logo img{width:56px;height:56px;border-radius:50%;filter:drop-shadow(0 6px 14px rgba(16,185,129,.35))}
.apay .ap-amt{margin:0;font-size:2rem}
.ap-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:10px 0 2px}
.ap-ord{display:inline-flex;align-items:center;padding:5px 13px;border-radius:99px;border:1px dashed var(--border);color:var(--tm);font-size:.72rem;font-weight:800;letter-spacing:.02em}
.apay .ap-qf{border:3px solid var(--primary);box-shadow:0 0 0 5px var(--soft),0 12px 28px rgba(76,59,207,.22)}
.ap-ad{text-align:center;margin:12px 0 4px}.ap-ad small{display:block;font-size:.68rem;font-weight:800;color:var(--tm);margin-bottom:2px}
.ap-ad .pay-id{word-break:break-all}
.ap-imp{display:flex;gap:10px;align-items:flex-start;text-align:left;margin:12px 0 10px;padding:12px 14px;border-radius:var(--rm);background:linear-gradient(135deg,#FEF3C7,#FDE68A);border:1.5px solid #F59E0B;color:#78350F;font-size:.8rem;font-weight:700;line-height:1.45;box-shadow:0 6px 16px rgba(245,158,11,.25)}
.ap-imp .icon{flex:none;width:20px;height:20px;margin-top:1px;stroke:#B45309}.ap-imp b{font-weight:900;color:#7C2D12;background:rgba(255,255,255,.6);padding:0 5px;border-radius:6px}
.ap-tm{position:relative;overflow:hidden;flex-wrap:wrap}
.ap-tb{flex:0 0 100%;height:5px;border-radius:99px;background:rgba(124,77,255,.18);overflow:hidden;margin-top:4px}
.ap-tb i{display:block;height:100%;width:100%;transform-origin:left;background:var(--pg);border-radius:99px;transition:transform .9s linear}
.ap-man{margin-top:12px}

/* ---- pg4: UPI page ---- */
.usp-brand{justify-content:flex-start;gap:10px;margin:0 0 6px}
.usp-lg{flex:none;width:36px;height:36px;border-radius:11px;overflow:hidden;display:flex}.usp-lg svg,.usp-lg img{width:100%;height:100%}
.usp-brand b{font-size:1.05rem;font-weight:900;letter-spacing:.01em}.usp-brand b i{font-style:normal;color:var(--primary)}
.usp .usp-qf{border:3px solid var(--primary);box-shadow:0 0 0 5px var(--soft),0 12px 28px rgba(76,59,207,.22)}
.usp .usp-tm{margin:16px 0 0}
.usp-foot{justify-content:center;align-items:center;margin:16px 0 0;padding-top:12px;border-top:1px dashed var(--border);font-size:.74rem;font-weight:800;color:var(--ok);text-align:center}

/* ---- pg4: Your Landing Page Preview (highlight) ---- */
.lp-prev-hl{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin:6px 0 14px;padding:14px 18px;border:0;border-radius:var(--rl);background:var(--pg);color:#fff;font:inherit;font-size:.95rem;font-weight:800;letter-spacing:-.01em;cursor:pointer;box-shadow:0 10px 24px rgba(124,77,255,.38),inset 0 1px 0 rgba(255,255,255,.28);overflow:hidden}
.lp-prev-hl .icon{width:19px;height:19px}
.lp-prev-hl:after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:30%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);animation:lpphl 3.2s ease-in-out infinite}
.lp-prev-hl:active{transform:scale(.99)}
@keyframes lpphl{0%,55%{left:-40%}100%{left:130%}}
@media (prefers-reduced-motion:reduce){.lp-prev-hl:after{animation:none}}

/* ================= premium payment pages (UPI + USDT) ================= */
@property --qa{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes qrspin{to{--qa:360deg}}
@keyframes qrscan{0%{top:12px;opacity:0}12%{opacity:.9}88%{opacity:.9}100%{top:calc(100% - 14px);opacity:0}}
/* shared QR frame: turning gradient ring + one scan line */
.usp .usp-qf,.apay .ap-qf{border:3px solid transparent;border-radius:24px;padding:11px;box-shadow:0 14px 34px rgba(76,59,207,.30),0 0 0 6px color-mix(in srgb,var(--primary) 10%,transparent);
  background:linear-gradient(#fff,#fff) padding-box,conic-gradient(from var(--qa),#7C4DFF,#22D3EE,#10B981,#F59E0B,#EC4899,#7C4DFF) border-box;animation:qrspin 7s linear infinite}
.usp .usp-qf>i,.apay .ap-qf>i{display:none}
.usp .usp-qf:after,.apay .ap-qf:after{content:"";position:absolute;left:14px;right:14px;top:12px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#7C4DFF,#22D3EE,transparent);box-shadow:0 0 12px 2px rgba(124,77,255,.55);pointer-events:none;animation:qrscan 3.4s ease-in-out infinite;z-index:1}
.usp.ex .usp-qf:after{display:none}
.usp .usp-qf{width:min(204px,64%)}.apay .ap-qf{width:min(204px,64%);margin:16px auto 8px}
.usp .usp-qf .pay-qr,.apay .ap-qf .pay-qr{border-radius:12px}
/* ---- UPI ---- */
.usp-brand{margin:0 0 4px;gap:10px}
.usp-sec{margin-left:auto;display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:99px;font-size:.68rem;font-weight:800;color:var(--ok);background:var(--ok-soft)}
.usp-sec .icon{width:13px;height:13px}
.usp .usp-rc{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:12px 2px 0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;text-align:left}
.usp .usp-rc:before,.usp .usp-rc:after{display:none}
.usp-rl small,.usp-get small{display:block;font-size:.68rem;font-weight:700;color:var(--tm);letter-spacing:.02em;text-transform:none;margin:0 0 2px}
.usp .usp-rc .usp-amt{margin:0;padding:0;border:0;font-size:2.6rem;line-height:1;text-align:left;justify-content:flex-start;background:var(--pg);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.usp .usp-get{margin:0;padding:8px 12px;border-radius:14px;background:linear-gradient(135deg,rgba(245,158,11,.16),rgba(245,158,11,.05));border:1px solid rgba(245,158,11,.35);text-align:right}
.usp .usp-get b{display:block;font-size:1.05rem;font-weight:900;color:#F59E0B;line-height:1.1}
.usp .usp-get em{display:block;font-style:normal;font-size:.64rem;font-weight:800;color:var(--ok);margin-top:2px}
.usp .usp-qw{margin:14px 0 0}
.usp .usp-hint{margin:12px 0 0;font-size:.72rem}
.usp .usp-idr{margin:12px 0 0;padding:9px 10px 9px 14px;border-radius:99px;background:var(--var);border:1px dashed var(--border)}
.usp .usp-idr small{font-size:.62rem}.usp .usp-idr .pay-id{font-size:.88rem}
.usp .usp-idr .copy-btn{padding:8px 14px;border-radius:99px}
.usp .usp-tm{margin:12px 0 0;padding:10px 14px 11px;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--tc) 14%,transparent),transparent 70%),var(--surface);box-shadow:none}
.usp .usp-tl{margin-bottom:9px}
.usp .usp-tl b{font-size:1.3rem;padding:0;border:0;background:none;font-variant-numeric:tabular-nums;letter-spacing:.05em}
.usp .usp-tk{margin-top:7px}
.usp .usp-st{margin:14px 0 6px;gap:4px}.usp .usp-st li{font-size:.66rem;gap:6px}
.usp .usp-st li i{width:24px;height:24px;line-height:24px;box-shadow:0 4px 10px rgba(124,77,255,.4)}
.usp .usp-st li:not(:last-child):after{top:11px;border-top:2px dotted var(--bs);background:none;height:0}
.usp .usp-sub{margin:0 4px 10px}
.usp .usp-foot{margin-top:14px}
/* ---- USDT ---- */
.apay:before{display:none}
.ap-logo{margin:0 0 6px}.ap-logo .icon,.ap-logo svg,.ap-logo img{width:46px;height:46px}
.apay .ap-amt{padding:0;background:none;border-radius:0;font-size:2.3rem;margin:2px 0 0;letter-spacing:-.03em}
.apay .ap-amt em{padding:0 8px;border-radius:10px}
.ap-chips{margin:10px 0 0}
.ap-ad{margin:10px 0 2px}.ap-ad .pay-id{padding:11px 12px;font-size:.82rem}
.ap-imp{margin:10px 0 8px;padding:11px 13px;font-size:.78rem}
.apay .pay-recv{margin:2px 0 10px}
.ap-tm{border-radius:16px;padding:12px 14px}
@media (prefers-reduced-motion:reduce){.usp .usp-qf,.apay .ap-qf{animation:none}.usp .usp-qf:after,.apay .ap-qf:after{animation:none;opacity:0}}
html.lite .usp .usp-qf,html.lite .apay .ap-qf{animation:none}html.lite .usp .usp-qf:after,html.lite .apay .ap-qf:after{display:none}
@media (max-width:340px){.usp .usp-rc .usp-amt{font-size:2.2rem}}

/* ================= USDT page v2 (green terminal look) ================= */
.ap2{--g1:#10B981;--g2:#22D3EE;--na:#EF4444;text-align:center}
.ap2.nb{--na:#F0B90B}
.ap2 .ap-logo{margin:0 0 10px}
.ap2 .ap-logo .icon,.ap2 .ap-logo svg,.ap2 .ap-logo img{width:52px;height:52px;padding:11px;border-radius:50%;background:linear-gradient(145deg,#10B981,#059669);color:#fff;stroke:#fff;box-shadow:0 0 0 5px rgba(16,185,129,.16),0 10px 26px rgba(16,185,129,.4);filter:none}
.ap2 .ap-amt{display:flex;align-items:baseline;justify-content:center;gap:8px;flex-wrap:wrap;margin:6px 0 0;padding:0;background:none;font-size:2.35rem;font-weight:900;letter-spacing:-.035em;line-height:1.05;color:var(--t);font-variant-numeric:tabular-nums}
.ap2 .ap-amt span{color:var(--t)}
.ap2 .ap-amt u{text-decoration:none;font-size:1rem;font-weight:800;letter-spacing:.04em;color:var(--tm)}
.ap2 .ap-cpa{align-self:center;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--border);background:var(--var);color:var(--tm);padding:0;cursor:pointer}
.ap2 .ap-cpa .icon{width:16px;height:16px}
.ap2 .ap-chips{margin:12px 0 0;gap:8px}
.ap2 .ap-net{display:inline-flex;align-items:center;gap:8px;padding:6px 13px;border-radius:99px;background:var(--var);border:1px solid var(--border);color:var(--t);font-size:.74rem;font-weight:800}
.ap2 .ap-net i{width:8px;height:8px;border-radius:50%;background:var(--na);box-shadow:0 0 10px var(--na)}
.ap2 .ap-ord{border:1px solid var(--border);border-style:solid;color:var(--tm);background:transparent}
/* QR: scanner brackets, green */
.apay.ap2 .ap-qf{width:min(200px,62%);margin:18px auto 14px;padding:12px;border:0;border-radius:18px;background:#fff;animation:none;box-shadow:0 0 0 1px rgba(16,185,129,.35),0 18px 40px rgba(16,185,129,.22)}
.apay.ap2 .ap-qf>i{display:block;position:absolute;width:26px;height:26px;border:0 solid var(--g1);pointer-events:none}
.apay.ap2 .ap-qf .k1{top:-7px;left:-7px;border-width:4px 0 0 4px;border-top-left-radius:16px}.apay.ap2 .ap-qf .k2{top:-7px;right:-7px;border-width:4px 4px 0 0;border-top-right-radius:16px}
.apay.ap2 .ap-qf .k3{bottom:-7px;left:-7px;border-width:0 0 4px 4px;border-bottom-left-radius:16px}.apay.ap2 .ap-qf .k4{bottom:-7px;right:-7px;border-width:0 4px 4px 0;border-bottom-right-radius:16px}
.apay.ap2 .ap-qf:after{background:linear-gradient(90deg,transparent,#10B981,#22D3EE,transparent);box-shadow:0 0 12px 2px rgba(16,185,129,.6)}
/* address + copy in ONE box */
.ap2 .ap-ad{margin:0;text-align:left}
.ap2 .ap-ad small{display:block;margin:0 0 6px 4px;font-size:.68rem;font-weight:800;color:var(--tm)}
.ap2 .ap-ab{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 14px;border-radius:16px;background:var(--var);border:1px solid var(--border)}
.ap2 .ap-ab .pay-id{flex:1;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:none;text-align:left;font-size:.72rem;letter-spacing:-.01em;font-weight:700;line-height:1.35;word-break:break-all;color:var(--t)}
.ap2 .ap-ab .copy-btn{flex:none;margin:0;padding:9px 14px;border-radius:12px;background:linear-gradient(135deg,#10B981,#059669);color:#fff;border:0;font-weight:800}
.ap2 .ap-ab .copy-btn .icon{stroke:#fff}
/* important line: calm glass note with accent bar (no yellow) */
.ap2 .ap-imp{display:flex;gap:10px;align-items:flex-start;text-align:left;margin:14px 0 4px;padding:2px 0 2px 13px;border:0;border-left:3px solid var(--na);border-radius:0;background:none;box-shadow:none;color:var(--t2);font-size:.78rem;font-weight:600;line-height:1.5}
.ap2 .ap-imp .icon{display:none}
.ap2 .ap-imp b{background:none;padding:0;color:var(--t);font-weight:900}
.ap2 .pay-recv{margin:10px 0 12px;font-size:.8rem}
.ap2 .ap-tm{border-radius:16px;background:var(--var);border:1px solid var(--border);padding:12px 14px}
.ap2 .ap-tb i{background:linear-gradient(90deg,#10B981,#22D3EE)}
.ap2 .ap-bt{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;margin-top:12px}
.ap2 .ap-bt .btn-outline,.ap2 .ap-bt .btn-gradient{margin:0}
@media (max-width:340px){.ap2 .ap-amt{font-size:2rem}}

/* ================= USDT page v3 (gateway layout, store theme) ================= */
.ap3{--g1:#10B981;--na:#EF4444;text-align:left}
.ap3.nb{--na:#F0B90B}
.ap3:before{display:none}
.ap3-hd{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 14px;padding:12px 14px;border-radius:20px;background:linear-gradient(135deg,var(--soft),transparent 80%),var(--var);border:1px solid var(--border)}
.ap3-br{display:inline-flex;align-items:center;gap:9px;min-width:0}
.ap3-lg{flex:none;width:34px;height:34px;border-radius:10px;overflow:hidden;display:flex}.ap3-lg svg,.ap3-lg img{width:100%;height:100%}
.ap3-br b{font-size:1rem;font-weight:900;letter-spacing:.01em;color:var(--t)}.ap3-br b i{font-style:normal;color:var(--primary)}
.ap3-sec{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:99px;font-size:.7rem;font-weight:800;color:var(--ok);background:var(--ok-soft)}.ap3-sec .icon{width:13px;height:13px}
.ap3-tk{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 2px 10px}
.ap3-tk>b{font-size:1.25rem;font-weight:900;letter-spacing:-.01em;color:var(--t)}
.ap3-tk .ap-logo{display:inline-flex;margin:0}
.ap3 .ap3-tk .ap-logo .icon,.ap3 .ap3-tk .ap-logo svg,.ap3 .ap3-tk .ap-logo img{width:34px;height:34px;padding:7px;border-radius:50%;background:linear-gradient(145deg,#10B981,#059669);color:#fff;stroke:#fff;box-shadow:0 6px 16px rgba(16,185,129,.38);filter:none}
.ap3 .ap-net{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:99px;background:var(--var);border:1px solid var(--border);color:var(--tm);font-size:.72rem;font-weight:800}
.ap3 .ap-net i{width:8px;height:8px;border-radius:50%;background:var(--na);box-shadow:0 0 9px var(--na)}
.ap3 .ap-imp{display:flex;gap:10px;align-items:flex-start;margin:0 0 10px;padding:12px 14px;border:0;border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 18%,transparent),color-mix(in srgb,var(--primary) 7%,transparent));box-shadow:none;color:var(--t2);font-size:.78rem;font-weight:600;line-height:1.5}
.ap3 .ap-imp .icon{display:block;flex:none;width:20px;height:20px;margin-top:1px;stroke:var(--primary)}
.ap3 .ap-imp b{background:none;padding:0;color:var(--t);font-weight:900}
.ap3-no{display:flex;align-items:center;gap:8px;margin:0 2px 14px}
.ap3 .ap-ord{padding:0;border:0;background:none;color:var(--tm);font-size:.78rem;font-weight:700;letter-spacing:.01em}
.ap3 .ap-cpa{flex:none;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;border:1px solid var(--border);background:var(--var);color:var(--tm);padding:0;cursor:pointer}.ap3 .ap-cpa .icon{width:15px;height:15px}
.ap3-card{padding:16px 16px 6px;border-radius:22px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shs)}
.ap3-k{display:block;margin:0 0 6px;font-size:.78rem;font-weight:700;color:var(--tm)}
.ap3 .ap-amt{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;margin:0 0 16px;padding:0;background:none;font-size:2.3rem;font-weight:900;letter-spacing:-.03em;line-height:1.05;color:var(--t);font-variant-numeric:tabular-nums}
.ap3 .ap-amt span{color:var(--t)}.ap3 .ap-amt u{text-decoration:none;font-size:.95rem;font-weight:800;letter-spacing:.04em;color:var(--tm)}
.ap3 .ap-amt .ap-cpa{width:36px;height:36px;box-shadow:var(--shs)}
.apay.ap3 .ap-qf{width:min(190px,58%);margin:6px auto 16px;padding:10px;border:2px solid var(--primary);border-radius:16px;background:#fff;animation:none;box-shadow:0 0 0 5px var(--soft)}
.apay.ap3 .ap-qf>i{display:none}
.apay.ap3 .ap-qf:after{display:block}
.ap3 .ap-ad{margin:0 0 6px;text-align:left}
.ap3 .ap-ab{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 14px;border-radius:14px;background:var(--var);border:1px solid var(--border)}
.ap3 .ap-ab .pay-id{flex:1;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:none;text-align:left;font-size:.72rem;font-weight:700;letter-spacing:-.01em;line-height:1.35;word-break:break-all;color:var(--t)}
.ap3 .ap-ab .copy-btn{flex:none;margin:0;padding:9px 14px;border-radius:11px;background:var(--pg);color:#fff;border:0;font-weight:800}.ap3 .ap-ab .copy-btn .icon{stroke:#fff}
.ap3-row{position:relative;display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 0;margin:0;border:0;border-top:1px dashed var(--border);border-radius:0;background:none}
.ap3-ic{flex:none;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:var(--var);border:3px solid var(--bs);color:var(--primary)}.ap3-ic .icon{width:20px;height:20px}
.ap3-rt small{display:block;font-size:.76rem;font-weight:700;color:var(--tm)}
.ap3-rt b{display:block;margin-top:2px;font-size:1.35rem;font-weight:900;letter-spacing:.03em;color:var(--primary);font-variant-numeric:tabular-nums}
.ap3-st .ap3-rt b{font-size:1rem;letter-spacing:0;color:var(--ok)}
.ap3-row .ap-tb{flex:0 0 100%;height:4px;margin:0}
.ap3-sp{flex:none;width:46px;height:46px;border-radius:50%;border:3px solid var(--bs);border-top-color:var(--ok);animation:ap3s 1.1s linear infinite}
@keyframes ap3s{to{transform:rotate(360deg)}}
.ap3 .pay-wait.late .ap3-rt b{font-size:.78rem;font-weight:700;letter-spacing:0;color:var(--tm);line-height:1.4}
.ap3 .pay-recv{margin:14px 0 4px;text-align:center;font-size:.8rem}
.ap3 .ap-bt{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;margin-top:12px}.ap3 .ap-bt button{margin:0}
@media (prefers-reduced-motion:reduce){.ap3-sp{animation:none}}
@media (max-width:340px){.ap3 .ap-amt{font-size:2rem}}

/* ===== bigger USDT / UPI png on deposit + payment pages; no circle behind the png ===== */
.chips .chip{padding:7px 16px 7px 11px;gap:9px}
.chips .chip img.icon.pic,.chips .chip .icon.sm.pic{width:30px;height:30px}
.info-box img.icon.pic,.btn-gradient img.icon.pic{width:28px;height:28px}
.coin-custom-input img.icon.pic,.coin-custom-input .u-ic{width:30px;height:30px}
.srow b .u-ic{width:24px;height:24px;margin-right:6px}
.pay-amount .u-ic{width:40px;height:40px;margin-right:8px}
.u-ic,img.icon.u-ic{width:28px;height:28px}
.ap-net .u-ic{width:26px;height:26px}
/* payment page: png on its own, no green circle, double size */
.apay .ap3-tk .ap-logo,.apay .ap-logo{background:none;border:0;border-radius:0;box-shadow:none;padding:0}
.apay.ap3 .ap3-tk .ap-logo .icon,.apay.ap3 .ap3-tk .ap-logo svg,.apay.ap3 .ap3-tk .ap-logo img{width:68px;height:68px;padding:0;border-radius:0;background:none;box-shadow:none;stroke:none;filter:drop-shadow(0 6px 14px rgba(0,0,0,.35));object-fit:contain}
.ap3-tk{gap:14px}
.ap3-tk>b{font-size:1.5rem}
.ap3 .ap-amt .u-ic{width:38px;height:38px;flex:none}
/* poster card compact */
.bdh.bdh-s{margin:0 0 10px}
.bdh.bdh-s .bdh-bar{min-height:50px;padding:7px 10px;justify-content:center}
.bdh.bdh-s .bdh-cb{font-size:.8rem;padding:5px 5px 5px 14px}
.bdh.bdh-s .bdh-cb i{width:24px;height:24px}
.bdh.bdh-s .bdh-off{font-size:.6rem;padding:4px 8px}
.bdh.bdh-s .bdh-ic,.bdh.bdh-s .bdh-tx{display:none}
.bdh.bdh-s .bdh-bar{padding:8px 10px}
.bdh.bdh-s .bdh-cta{flex:1}
.bdh.bdh-s .bdh-cb{flex:1;justify-content:space-between;padding:5px 5px 5px 16px}
/* cards v5: headline, premium compact button, running border light */
@property --ba{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes bdspin{to{--ba:360deg}}
.bdh.bdh-s,.lpm{border:2px solid transparent}
.bdh.bdh-s{background:linear-gradient(150deg,#190f45,#2c1a80 60%,#4a2bc4) padding-box,conic-gradient(from var(--ba),#8B5CF6,#EC4899,#F59E0B,#22D3EE,#8B5CF6) border-box;animation:bdspin 4s linear infinite;box-shadow:0 14px 34px rgba(67,40,170,.45)}
.lpm{background:radial-gradient(120% 90% at 100% 0%,rgba(236,72,153,.34),transparent 55%) padding-box,linear-gradient(150deg,#190f45 0%,#2c1a80 55%,#5632d8 100%) padding-box,conic-gradient(from var(--ba),#8B5CF6,#EC4899,#F59E0B,#22D3EE,#8B5CF6) border-box;animation:bdspin 4s linear infinite}
.bdh.bdh-s .bdh-bar{flex-direction:column;align-items:stretch;gap:12px;padding:14px 14px 16px;background:transparent;border-top:0;text-align:center}
.bdh.bdh-s .bdh-bar:after{display:none}
.bdh.bdh-s .bdh-tx{display:flex;flex-direction:column;gap:4px;flex:none}
.bdh.bdh-s .bdh-tx b{font-size:1.2rem;font-weight:800;letter-spacing:-.025em;line-height:1.15;color:#fff}
.bdh.bdh-s .bdh-tx small{font-size:.74rem;font-weight:600;color:rgba(255,255,255,.8);line-height:1.4}
.bdh.bdh-s .bdh-cta{flex:none;align-self:center;display:flex;justify-content:center}
.bdh.bdh-s .bdh-cb,.lpm .lpm-b{display:inline-flex;width:auto;flex:none;gap:12px;justify-content:center;font-size:.9rem;padding:8px 8px 8px 20px;border:1px solid rgba(255,255,255,.7);background:linear-gradient(180deg,#fff,#EDE9FE);color:#2E1A9A;box-shadow:0 0 0 4px rgba(167,139,250,.28),0 10px 24px rgba(10,5,50,.5),inset 0 -2px 0 rgba(91,33,182,.18)}
.bdh.bdh-s .bdh-cb i,.lpm .lpm-b i{width:30px;height:30px;background:linear-gradient(135deg,#7C3AED,#EC4899);box-shadow:0 4px 10px rgba(124,58,237,.5)}
.lpm .lpm-cta{display:flex;justify-content:center;width:100%}
@media (prefers-reduced-motion:reduce){.bdh.bdh-s,.lpm{animation:none}}
.bdh.bdh-s .bdh-bar{gap:8px;padding:10px 12px 12px}
.bdh.bdh-s .bdh-tx b{font-size:1.1rem}
.bdh.bdh-s .bdh-tx small{font-size:.7rem}
.bdh.bdh-s .bdh-cb{font-size:.84rem;padding:6px 6px 6px 18px}
.bdh.bdh-s .bdh-cb i{width:26px;height:26px}
/* ===== home cards v6 (Option D) + notice panel ===== */
.bdh.bdh-s,.lpm,.notice-bar{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shs);animation:none;color:var(--t)}
.bdh.bdh-s::after,.lpm::after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--ba),transparent 0 72%,rgba(167,139,250,.95) 88%,transparent);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:bdspin 5s linear infinite;pointer-events:none;z-index:4}
.lpm{overflow:hidden;position:relative;gap:12px;padding:16px;margin:0 0 14px}
.bdh.bdh-s .bdh-bar{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:14px 16px 16px;min-height:0;background:transparent;text-align:left}
.bdh-hd,.lpm-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-top:0}
.lpm-top{align-items:center;justify-content:flex-start}
.bdh.bdh-s .bdh-tx{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.bdh.bdh-s .bdh-tx b,.lpm .lpm-tx b{font-size:1.05rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;color:var(--t)}
.bdh.bdh-s .bdh-tx small,.lpm .lpm-tx small.lpm-d{font-size:.74rem;font-weight:600;color:var(--tm);line-height:1.4}
.bdh.bdh-s .bdh-pr,.lpm .lpm-pr{flex:none;display:flex;flex-direction:column;align-items:flex-end;background:none;padding:0;border-radius:0;font-size:.68rem;font-weight:700;color:var(--tm);line-height:1.1;text-align:right}
.bdh.bdh-s .bdh-pr b,.lpm .lpm-pr b{font-size:1.1rem;font-weight:800;color:var(--t);margin-top:2px}
.bdh.bdh-s .bdh-pr u,.lpm .lpm-pr u{text-decoration:none;color:#F59E0B;font-weight:800;max-width:96px}
.lpm-ic{flex:none;width:44px;height:44px;border-radius:14px;background:var(--soft);color:#A78BFA;display:flex;align-items:center;justify-content:center}.lpm-ic .icon{width:24px;height:24px}
.lpm .lpm-top .lpm-tx{flex:1;min-width:0;gap:3px}
.cd-tags{display:flex;gap:6px;flex-wrap:wrap}
.cd-tags span{font-size:.68rem;font-weight:700;color:var(--t2);background:var(--var);border:1px solid var(--border);padding:5px 10px;border-radius:99px}
.bdh.bdh-s .bdh-cta,.lpm .lpm-cta{position:relative;align-self:stretch;display:flex;justify-content:center;width:100%;margin:2px 0 0}
.bdh.bdh-s .bdh-cb,.lpm .lpm-b{display:flex;flex:none;width:76%;min-width:236px;max-width:100%;height:46px;padding:0 8px 0 22px;justify-content:space-between;align-items:center;border:0;border-radius:14px;background:var(--pg);color:#fff;font-size:.9rem;font-weight:800;letter-spacing:-.01em;box-shadow:0 10px 24px rgba(99,70,240,.45),inset 0 1px 0 rgba(255,255,255,.3);animation:bdhpress 2.8s ease-in-out infinite;position:relative;overflow:hidden}
.bdh.bdh-s .bdh-cb i,.lpm .lpm-b i{width:30px;height:30px;border-radius:10px;background:rgba(255,255,255,.22);color:#fff;box-shadow:none}
.lpm .lpm-b::after{background:linear-gradient(100deg,transparent,rgba(255,255,255,.3),transparent)}
.bdh .bdh-hi .hf,.lpm .bdh-hi .hf{fill:#fff;stroke:#2E1F8A}
.bdh.bdh-s .bdh-off{top:10px;left:10px}
/* notice panel */
.notice-bar{display:block;padding:0;overflow:hidden;border-radius:var(--rx);margin:0 0 14px;cursor:pointer}
.notice-bar:before,.notice-bar:after{display:none}
.nb-hd{display:flex;align-items:center;gap:8px;padding:10px 14px;background:color-mix(in srgb,var(--na) 16%,transparent);border-bottom:1px solid var(--border);color:color-mix(in srgb,var(--na) 70%,var(--t))}
.nb-hd .nb-ic{width:18px;height:18px;border-radius:0;background:none;box-shadow:none;color:inherit;flex:none}.nb-hd .nb-ic .icon{width:16px;height:16px}
.nb-hd .nb-tag{margin:0;padding:0;background:none;color:inherit;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.nb-live{width:8px;height:8px;border-radius:50%;background:#34D399;box-shadow:0 0 0 0 rgba(52,211,153,.6);animation:nblive 1.8s infinite;flex:none}@keyframes nblive{70%{box-shadow:0 0 0 7px rgba(52,211,153,0)}}
.nb-hd .nb-dots{margin-left:auto;flex-direction:row;gap:5px}
.notice-bar .nb-body{padding:12px 14px 14px;display:block}
.notice-bar .nb-text{font-size:.84rem;font-weight:600;color:var(--t);line-height:1.45;-webkit-line-clamp:3}
@media (prefers-reduced-motion:reduce){.bdh.bdh-s::after,.lpm::after,.nb-live{animation:none}.bdh.bdh-s .bdh-cb,.lpm .lpm-b{animation:none}}
.bdh.bdh-s .bdh-cb,.lpm .lpm-b{width:auto;min-width:0;gap:14px;font-size:.86rem;white-space:nowrap;padding:0 8px 0 20px}
@media (max-width:360px){.bdh.bdh-s .bdh-cb,.lpm .lpm-b{width:100%;font-size:.8rem}}
/* v7: Button 1 full width, poster shadow, smaller bot card */
.bdh.bdh-s .bdh-cb,.lpm .lpm-b{width:100%;min-width:0;height:50px;padding:0 7px 0 20px;border-radius:15px;background:linear-gradient(100deg,#7C3AED,#6366F1 55%,#EC4899);font-size:.92rem;box-shadow:0 10px 26px rgba(124,58,237,.5),inset 0 1px 0 rgba(255,255,255,.35),inset 0 -3px 0 rgba(0,0,0,.18)}
.bdh.bdh-s .bdh-cb i,.lpm .lpm-b i{width:36px;height:36px;border-radius:12px;background:#fff;color:#6D28D9;box-shadow:0 4px 12px rgba(0,0,0,.3)}
.bdh.bdh-s .bdh-cb i .icon,.lpm .lpm-b i .icon{width:18px;height:18px;stroke-width:2.6}
.bdh.bdh-s .bdh-cb::after,.lpm .lpm-b::after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:28%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.38),transparent);transform:skewX(-20deg);animation:lpmshine 3s ease-in-out infinite}
.bdh.bdh-s .bdh-pic:after{content:"";position:absolute;left:0;right:0;bottom:0;height:62%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.28) 45%,var(--surface));pointer-events:none;z-index:1}
.bdh.bdh-s .bdh-bar{position:relative;z-index:2;margin-top:-34px;gap:8px;padding:0 16px 14px}
.bdh.bdh-s .bdh-tx b{text-shadow:0 2px 12px rgba(0,0,0,.55)}
.bdh.bdh-s .bdh-cta{margin:2px 0 0}
.bdh.bdh-s .bdh-bar{margin-top:-26px}
.bdh.bdh-s .bdh-tx small{color:var(--t2)}
.bdh.bdh-s .bdh-pr{text-shadow:0 2px 10px rgba(0,0,0,.5)}
/* button v8: round pill */
.bdh.bdh-s .bdh-cb,.lpm .lpm-b{height:56px;padding:0 6px 0 22px;border-radius:40px;font-size:.88rem;box-shadow:0 10px 26px rgba(124,58,237,.55),inset 0 1px 0 rgba(255,255,255,.4),inset 0 -3px 0 rgba(0,0,0,.16)}
.bdh.bdh-s .bdh-cb i,.lpm .lpm-b i{width:44px;height:44px;border-radius:50%;box-shadow:0 0 0 5px rgba(255,255,255,.22),0 4px 12px rgba(0,0,0,.3)}
.bdh.bdh-s .bdh-cb i .icon,.lpm .lpm-b i .icon{width:20px;height:20px}

/* ===== Deposit: payment method selector (compact) ===== */
.mx-h{margin:2px 2px 9px;display:flex;align-items:baseline;justify-content:space-between;gap:8px}.mx-h b{font-size:.92rem;font-weight:800;letter-spacing:-.02em}.mx-h small{color:var(--tm);font-size:.68rem;font-weight:600}
.mx-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}
.mx{--mc:#7C4DFF;position:relative;display:flex;align-items:center;gap:9px;text-align:left;min-height:54px;padding:8px 9px;border-radius:15px;background:var(--surface);border:1.5px solid var(--border);color:var(--t);cursor:pointer;font:inherit;overflow:hidden;transition:border-color .18s,box-shadow .18s,background .18s,transform .15s;-webkit-tap-highlight-color:transparent}
.mx:active{transform:scale(.97)}
.mx .mx-ic{flex:none;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--var);background:color-mix(in srgb,var(--mc) 13%,var(--var));border:1px solid var(--border);border:1px solid color-mix(in srgb,var(--mc) 26%,transparent)}
.mx .mx-ic .icon,.mx .mx-ic img{width:21px;height:21px;object-fit:contain}.mx .mx-ic .mx-bn{width:24px;height:24px;border-radius:6px}
.mx .mx-t{min-width:0;flex:1;display:flex;flex-direction:column;gap:1px}
.mx b{display:flex;align-items:center;gap:5px;font-size:.78rem;font-weight:800;letter-spacing:-.01em;line-height:1.15;white-space:nowrap}
.mx small{font-size:.62rem;font-weight:600;color:var(--tm);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mx .mx-bonus{font-style:normal;font-size:.55rem;font-weight:800;color:#047857;background:var(--ok-soft);padding:1px 5px;border-radius:99px;line-height:1.35}
[data-theme=dark] .mx .mx-bonus{color:#34D399}
.mx .mx-tick{position:absolute;right:7px;bottom:6px;width:15px;height:15px;border-radius:50%;display:grid;place-items:center;color:transparent;opacity:0;transform:scale(.5);transition:.18s}
.mx .mx-tick .icon{width:10px;height:10px;stroke-width:3.2}
.mx.on{border-color:var(--mc);background:var(--surface);background:color-mix(in srgb,var(--mc) 7%,var(--surface));box-shadow:var(--sh);box-shadow:0 0 0 3px color-mix(in srgb,var(--mc) 16%,transparent)}
.mx.on .mx-tick{background:var(--mc);color:#111;opacity:1;transform:none}
.mx.off{opacity:.5;filter:saturate(.4)}
@media(min-width:520px){.mx-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:350px){.mx b{font-size:.72rem}.mx .mx-ic{width:30px;height:30px}.mx{gap:7px;padding:7px}}
/* ===== Binance Pay page ===== */
.bnp{--g:#F0B90B;--g2:#FCD535;--k:#0B0E11;text-align:left}
.bnp-hd{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.bnp-lg{width:44px;height:44px;border-radius:15px;background:var(--k);color:var(--g);display:grid;place-items:center;flex:none;box-shadow:0 6px 18px rgba(240,185,11,.28),inset 0 0 0 1px rgba(240,185,11,.35)}.bnp-lg svg,.bnp-lg img{width:28px;height:28px;object-fit:contain;border-radius:7px}
.bnp-hd b{display:block;font-size:1.02rem;font-weight:800;letter-spacing:-.02em}.bnp-hd small{color:var(--tm);font-size:.72rem;font-weight:700}
.bnp-sec{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:.66rem;font-weight:800;color:var(--ok);background:var(--ok-soft);padding:5px 10px;border-radius:99px}.bnp-sec .icon{width:12px;height:12px}
.bnp-hero{position:relative;overflow:hidden;border-radius:24px;padding:20px 20px 18px;color:#fff;background:linear-gradient(145deg,#1E2329,#0B0E11 70%);border:1px solid rgba(240,185,11,.35);box-shadow:0 14px 34px rgba(11,14,17,.35)}
.bnp-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,rgba(252,213,53,.07) 50%,transparent 60%),repeating-linear-gradient(45deg,rgba(255,255,255,.025) 0 1px,transparent 1px 14px);pointer-events:none}
.bnp-hero::after{content:"";position:absolute;right:-40px;top:-50px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(240,185,11,.4),transparent 68%);pointer-events:none}
.bnp-hero small{color:#9AA4B2;font-size:.72rem;font-weight:700;letter-spacing:.02em}
.bnp-amt{display:flex;align-items:baseline;gap:8px;margin:4px 0 8px}.bnp-amt span{font-size:2.5rem;font-weight:800;letter-spacing:-.04em;line-height:1;background:linear-gradient(180deg,var(--g2),var(--g));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-variant-numeric:tabular-nums}.bnp-amt u{text-decoration:none;font-weight:800;font-size:.9rem;color:#CBD5E1}
.bnp-cp{margin-left:auto;align-self:center;width:36px;height:36px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#E2E8F0;display:grid;place-items:center;cursor:pointer;padding:0}.bnp-cp .icon{width:16px;height:16px}
.bnp-rcv{position:relative;font-size:.78rem;font-weight:600;color:#CBD5E1}.bnp-rcv b{color:#fff;font-weight:800}.bnp-rcv em{font-style:normal;color:var(--g2);font-weight:700}
.bnp-id{margin-top:12px;padding:14px 16px;border-radius:20px;background:var(--var);border:1px solid var(--border)}
.bnp-id small{display:block;color:var(--tm);font-size:.7rem;font-weight:700;margin-bottom:6px}
.bnp-idr{display:flex;align-items:center;gap:10px}.bnp-idr b{flex:1;min-width:0;font-size:1.25rem;font-weight:800;letter-spacing:.06em;word-break:break-all;font-variant-numeric:tabular-nums}
.bnp-cpb{display:inline-flex;align-items:center;gap:6px;flex:none;background:var(--k);color:var(--g2);border:0;border-radius:99px;padding:9px 15px;font:inherit;font-weight:800;font-size:.74rem;cursor:pointer}.bnp-cpb .icon{width:14px;height:14px}
.bnp-qr{display:block;width:150px;max-width:100%;margin:12px auto 0;border-radius:14px;border:1px solid var(--border);background:#fff;padding:6px}
.bnp-st{list-style:none;margin:16px 2px 4px;padding:0;display:grid;gap:0;position:relative}
.bnp-st li{display:flex;gap:12px;align-items:flex-start;padding:0 0 14px;position:relative}
.bnp-st li:not(:last-child)::before{content:"";position:absolute;left:12px;top:26px;bottom:2px;width:2px;background:linear-gradient(var(--g),transparent);opacity:.5;border-radius:2px}
.bnp-st li span{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:.74rem;font-weight:800;background:var(--k);color:var(--g2)}
.bnp-st p{margin:2px 0 0;font-size:.8rem;font-weight:600;color:var(--t2);line-height:1.45}.bnp-st p b{color:var(--t);font-weight:800}
.bnp-vf{margin-top:6px;padding:16px;border-radius:22px;background:var(--surface);border:1.5px solid var(--g);border:1.5px solid color-mix(in srgb,var(--g) 55%,var(--border))}
.bnp-vf label{display:block;font-size:.74rem;font-weight:800;margin-bottom:8px}
.bnp-in{display:flex;gap:8px;align-items:center;background:var(--var);border:2px solid var(--border);border-radius:16px;padding:4px 6px 4px 14px}.bnp-in:focus-within{border-color:var(--g)}
.bnp-in input{flex:1;min-width:0;border:0;background:transparent;outline:0;color:var(--t);font:inherit;font-weight:700;font-size:.92rem;padding:11px 0;letter-spacing:.02em}
.bnp-ps{flex:none;border:0;background:var(--soft);color:var(--primary);font:inherit;font-weight:800;font-size:.72rem;padding:8px 13px;border-radius:12px;cursor:pointer}
.bnp-go{width:100%;margin-top:12px;border:0;border-radius:16px;padding:15px;font:inherit;font-weight:800;font-size:.92rem;color:#1A1400;background:linear-gradient(135deg,var(--g2),var(--g));box-shadow:0 10px 26px rgba(240,185,11,.35);cursor:pointer;transition:transform .15s,opacity .15s}.bnp-go:active{transform:scale(.98)}.bnp-go:disabled{opacity:.6}
.bnp-msg{margin:10px 2px 0;font-size:.76rem;font-weight:700;color:var(--tm);min-height:1em;line-height:1.4}.bnp-msg.err{color:var(--err)}
.bnp-tm{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:center;margin-top:14px;padding:12px 14px;border-radius:18px;background:var(--var);border:1px solid var(--border)}
.bnp-tm>span{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:var(--warn-soft);color:var(--warn);grid-row:span 1}.bnp-tm>span .icon{width:18px;height:18px}
.bnp-tm small{display:block;color:var(--tm);font-size:.66rem;font-weight:700}.bnp-tm b{font-size:1rem;font-weight:800;font-variant-numeric:tabular-nums}.bnp-tm.late b{font-size:.74rem;line-height:1.35;font-weight:700}
.bnp-bar{grid-column:1/-1;height:4px;border-radius:99px;background:var(--border);overflow:hidden}.bnp-bar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--g),var(--g2));transform-origin:left;transition:transform 1s linear}
.bnp-act{display:grid;grid-template-columns:1.5fr 1fr;gap:10px;margin-top:14px}
.bnp-man,.bnp-cl{display:flex;align-items:center;justify-content:center;gap:9px;border-radius:16px;padding:11px 12px;font:inherit;cursor:pointer;transition:transform .15s,box-shadow .15s;-webkit-tap-highlight-color:transparent}.bnp-man:active,.bnp-cl:active{transform:scale(.97)}
.bnp-man{text-align:left;color:var(--t);background:var(--surface);background:color-mix(in srgb,var(--g) 11%,var(--surface));border:1.5px dashed var(--g)}
.bnp-man .icon{flex:none;width:20px;height:20px;color:#B58900}[data-theme=dark] .bnp-man .icon{color:var(--g2)}
.bnp-man span{display:flex;flex-direction:column;line-height:1.15}.bnp-man b{font-size:.84rem;font-weight:800}.bnp-man small{font-size:.62rem;font-weight:700;color:var(--tm)}
.bnp-cl{background:var(--k);color:#E5E7EB;border:1.5px solid #2B3139;box-shadow:0 6px 16px rgba(11,14,17,.28)}.bnp-cl .icon{width:14px;height:14px;stroke-width:3}.bnp-cl b{font-size:.84rem;font-weight:800}
.bnp-fn{display:flex;align-items:center;justify-content:center;gap:6px;margin:12px 0 0;font-size:.66rem;font-weight:600;color:var(--tm);text-align:center;line-height:1.35}.bnp-fn .icon{flex:none;width:12px;height:12px}
@media(prefers-reduced-motion:reduce){.mx,.mx .mx-tick,.bnp-bar i{transition:none}}

/* ===== v3: bigger payment icons, premium Binance ticket ===== */
.mx .mx-ic{width:42px;height:42px;border-radius:13px}.mx .mx-ic .icon,.mx .mx-ic img{width:29px;height:29px}.mx .mx-ic .mx-bn{width:30px;height:30px}
.mx{min-height:60px}
.coin-pack .u-ic,.pack-amt img.icon.pic{width:24px;height:24px}
.deposit-sum .u-ic,.srow b .u-ic{width:22px;height:22px}
.info-box img.icon.pic,.bonus-banner img.icon.pic,.btn-gradient img.icon.pic{width:30px;height:30px}
.coin-custom-input input::placeholder{font-weight:800;color:var(--tm);opacity:.75}
.bnp-lg{width:auto;height:auto;background:none;box-shadow:none;border-radius:0;display:block}
.bnp-lg img,.bnp-lg svg{width:58px;height:58px;border-radius:0;object-fit:contain;display:block;filter:drop-shadow(0 4px 12px rgba(240,185,11,.35))}
.bnp-hd{gap:14px;margin-bottom:16px}.bnp-hd b{font-size:1.15rem}
.bnp-tk{position:relative;border-radius:26px;overflow:hidden;color:#fff;background:linear-gradient(160deg,#1E2329 0%,#0B0E11 62%);border:1px solid rgba(240,185,11,.4);box-shadow:0 18px 40px rgba(11,14,17,.38)}
.bnp-tk::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,transparent,var(--g2),var(--g),transparent)}
.bnp-t1{padding:20px 20px 16px}.bnp-t1 small,.bnp-t2 small{display:block;color:#9AA4B2;font-size:.7rem;font-weight:700;margin-bottom:4px}
.bnp-t1 .bnp-amt{margin:2px 0 0}
.bnp-perf{position:relative;height:0;border-top:2px dashed rgba(255,255,255,.14);margin:0 18px}
.bnp-perf::before,.bnp-perf::after{content:"";position:absolute;top:-11px;width:20px;height:20px;border-radius:50%;background:var(--surface);border:1px solid rgba(240,185,11,.4)}
.bnp-perf::before{left:-29px}.bnp-perf::after{right:-29px}
.bnp-t2{padding:16px 20px 14px}
.bnp-t2 .bnp-idr b{color:#fff;font-size:1.3rem}
.bnp-t2 .bnp-qr{background:#fff}
.bnp-t3{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 8px;padding:12px 20px;background:rgba(240,185,11,.1);border-top:1px solid rgba(240,185,11,.18);font-size:.78rem;font-weight:600;color:#CBD5E1}
.bnp-t3 b{color:var(--g2);font-size:1.02rem;font-weight:800}.bnp-t3 em{font-style:normal;font-weight:700;color:#E5C65A;font-size:.72rem}
.bnp .ap-bt{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;margin-top:14px}.bnp .ap-bt button{margin:0}
.bnp-st{margin-top:18px}

/* ===== v4: Binance Pay page (dark card, step rail, centered amount) ===== */
.bnp-cd{position:relative;overflow:hidden;border-radius:26px;padding:18px 16px 16px;color:#fff;background:radial-gradient(130% 70% at 50% -10%,rgba(240,185,11,.22),transparent 60%),linear-gradient(180deg,#171B21,#0B0E11 70%);border:1px solid rgba(240,185,11,.38);box-shadow:0 18px 44px rgba(11,14,17,.4)}
.bnp-cd .bnp-hd{margin-bottom:14px}.bnp-cd .bnp-hd small{color:#9AA4B2}.bnp-cd .bnp-hd b{color:#fff}
.bnp-rail{display:flex;align-items:center;gap:6px;margin:0 2px 18px}
.bnp-rail span{display:flex;align-items:center;gap:6px;font-size:.68rem;font-weight:800;color:#6B7684;white-space:nowrap}
.bnp-rail i{font-style:normal;width:20px;height:20px;border-radius:7px;display:grid;place-items:center;font-size:.66rem;background:#222830;color:#8B96A5}
.bnp-rail span.on{color:#F5E3A1}.bnp-rail span.on i{background:linear-gradient(135deg,var(--g2),var(--g));color:#1A1400}
.bnp-rail em{flex:1;height:2px;border-radius:2px;background:#2A313B}.bnp-rail span.on+em{background:linear-gradient(90deg,var(--g),#2A313B)}
.bnp-big{text-align:center;padding:4px 0 16px}
.bnp-big small{color:#9AA4B2;font-size:.72rem;font-weight:700}
.bnp-big .bnp-amt{display:flex;align-items:center;justify-content:center;gap:10px;margin:6px 0 10px}
.bnp-big .bnp-amt .u-ic,.bnp-big .bnp-amt img{width:40px;height:40px;flex:none}
.bnp-big .bnp-amt span{font-size:3rem}.bnp-big .bnp-amt u{align-self:flex-end;margin-bottom:7px}
.bnp-cpa{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(240,185,11,.45);background:rgba(240,185,11,.1);color:var(--g2);font:inherit;font-weight:800;font-size:.72rem;padding:7px 14px;border-radius:99px;cursor:pointer}.bnp-cpa .icon{width:14px;height:14px}
.bnp-big .bnp-rcv{margin-top:12px;font-size:.8rem;font-weight:600;color:#CBD5E1}
.bnp-pid{padding:14px 14px 12px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09)}
.bnp-pid small{display:block;color:#9AA4B2;font-size:.68rem;font-weight:700;margin-bottom:5px}
.bnp-pid .bnp-idr b{color:#fff;font-size:1.3rem}
.bnp-how{margin:12px 2px 14px;font-size:.74rem;font-weight:600;color:#9AA4B2;line-height:1.5}.bnp-how b{color:#E5E7EB}
.bnp-cd .bnp-vf{margin:0;background:rgba(255,255,255,.04);border:1px solid rgba(240,185,11,.4)}
.bnp-cd .bnp-vf label{color:#E5E7EB}
.bnp-cd .bnp-in{background:#0B0E11;border-color:#2A313B}.bnp-cd .bnp-in input{color:#fff}.bnp-cd .bnp-in input::placeholder{color:#6B7684}
.bnp-cd .bnp-ps{background:rgba(240,185,11,.16);color:var(--g2)}
.bnp-cd .bnp-msg{color:#9AA4B2}.bnp-cd .bnp-msg.err{color:#FF8A8A}
.bnp-cd .bnp-tm{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08);margin-top:12px}.bnp-cd .bnp-tm b{color:#fff}.bnp-cd .bnp-tm small{color:#9AA4B2}.bnp-cd .bnp-bar{background:#2A313B}
.bnp .ap-bt{margin-top:14px}

/* ===== v5: Binance Pay full page (no card), timeline guide, yellow buttons ===== */
#sheet.bnpf{background:radial-gradient(120% 40% at 50% 0,rgba(240,185,11,.2),transparent 70%),#0B0E11;color:#fff;border:1px solid rgba(240,185,11,.28);border-bottom:0}
#sheet.bnpf .modal-handle{background:rgba(240,185,11,.45)}
.bnp-big{text-align:center;padding:6px 0 18px}
.bnp-gh{margin:4px 0 14px;font-size:.92rem;font-weight:800;color:#F5E3A1;letter-spacing:-.01em;display:flex;align-items:center;gap:10px}.bnp-gh::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(240,185,11,.5),transparent)}
.bnp-tl{list-style:none;margin:0 0 6px;padding:0;position:relative}
.bnp-tl li{display:flex;gap:14px;position:relative;padding-bottom:20px}
.bnp-tl li:not(:last-child)::before{content:"";position:absolute;left:15px;top:34px;bottom:2px;width:2px;background:linear-gradient(var(--g),rgba(240,185,11,.08));border-radius:2px}
.bnp-n{flex:none;width:32px;height:32px;border-radius:10px;transform:rotate(45deg) scale(.82);display:grid;place-items:center;font-weight:800;font-size:.86rem;color:#1A1400;background:linear-gradient(135deg,var(--g2),var(--g));box-shadow:0 6px 18px rgba(240,185,11,.4)}
.bnp-n{font-size:0}.bnp-n::after{content:attr(data-n);font-size:.9rem;transform:rotate(-45deg) scale(1.2)}
.bnp-sb{flex:1;min-width:0;padding-top:3px}
.bnp-sb>b{display:block;font-size:.94rem;font-weight:800;color:#fff;margin-bottom:3px}
.bnp-sb>p{margin:0 0 10px;font-size:.78rem;font-weight:600;color:#9AA4B2;line-height:1.5}.bnp-sb p b{color:#E5E7EB}
.bnp-pid{padding:13px 14px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(240,185,11,.3)}
.bnp-pid small{display:block;color:#9AA4B2;font-size:.66rem;font-weight:700;margin-bottom:4px}
.bnp-pid .bnp-cpa{margin-top:10px;width:100%;justify-content:center}
.bnp-sb .bnp-vf{margin:0;padding:0;background:none;border:0}
.bnp-tm{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);margin-top:4px}.bnp-tm b{color:#fff}.bnp-tm small{color:#9AA4B2}.bnp-bar{background:#2A313B}
.bnp .ap-bt{margin-top:16px}
.bnp .bnp-b1,.bnp .bnp-b2{border-radius:99px;font-weight:800;color:#1A1400;position:relative;overflow:hidden}
.bnp .bnp-b2{background:linear-gradient(135deg,var(--g2),var(--g));border:0;box-shadow:0 10px 28px rgba(240,185,11,.45),inset 0 1px 0 rgba(255,255,255,.5)}
.bnp .bnp-b1{background:rgba(240,185,11,.1);color:var(--g2);border:2px solid var(--g);box-shadow:0 0 18px rgba(240,185,11,.28),inset 0 0 14px rgba(240,185,11,.1)}
.bnp .bnp-b2::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:bnpsh 3.2s ease-in-out infinite}
@keyframes bnpsh{0%,60%{left:-60%}100%{left:130%}}
@media(prefers-reduced-motion:reduce){.bnp .bnp-b2::after{animation:none}}
.bnp-fn2{margin:12px 2px 0;font-size:.7rem;font-weight:600;color:#7C8696;line-height:1.5;text-align:center}
#sheet.bnpf .bnp-hd b{color:#fff}#sheet.bnpf .bnp-hd small,#sheet.bnpf .bnp-big small{color:#9AA4B2}
#sheet.bnpf .bnp-in{background:#12161B;border-color:#2A313B}#sheet.bnpf .bnp-in:focus-within{border-color:var(--g)}#sheet.bnpf .bnp-in input{color:#fff}#sheet.bnpf .bnp-in input::placeholder{color:#6B7684}
#sheet.bnpf .bnp-ps{background:rgba(240,185,11,.16);color:var(--g2)}
#sheet.bnpf .bnp-msg{color:#9AA4B2}#sheet.bnpf .bnp-msg.err{color:#FF8A8A}
#sheet.bnpf .bnp-idr b{color:#fff}#sheet.bnpf .bnp-rcv{color:#CBD5E1;font-size:.8rem;font-weight:600;margin-top:6px}#sheet.bnpf .bnp-rcv b{color:var(--g2);font-size:1.05rem}#sheet.bnpf .bnp-rcv em{font-style:normal;color:#E5C65A;font-weight:700}

.bnp-cpb{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:none;width:54px;height:54px;padding:0;border:0;border-radius:16px;cursor:pointer;font:inherit;color:#1A1400;background:linear-gradient(145deg,var(--g2),var(--g));box-shadow:0 8px 20px rgba(240,185,11,.42),inset 0 1px 0 rgba(255,255,255,.55),inset 0 -3px 0 rgba(0,0,0,.14);transition:transform .15s}
.bnp-cpb:active{transform:translateY(2px) scale(.96)}
.bnp-cpb .icon{width:19px;height:19px;stroke-width:2.4;color:#1A1400}.bnp-cpb span{font-size:.6rem;font-weight:800;letter-spacing:.04em;line-height:1}
.bnp-amc{display:flex;align-items:center;gap:10px;padding:11px 12px 11px 14px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(240,185,11,.3)}
.bnp-amc .u-ic{width:32px;height:32px;flex:none}.bnp-amc b{font-size:1.7rem;font-weight:800;letter-spacing:-.03em;background:linear-gradient(180deg,var(--g2),var(--g));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-variant-numeric:tabular-nums}
.bnp-amc u{text-decoration:none;font-size:.8rem;font-weight:800;color:#CBD5E1;margin-right:auto}

/* ===== v6: Binance Pay page on store theme ===== */
.bnp{text-align:left}
.bnp .bnp-brand{display:flex;align-items:center;gap:10px;margin:-2px 0 14px}
.bnp .bnp-brand::before,.bnp .bnp-brand::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--border))}
.bnp .bnp-brand::after{transform:scaleX(-1)}
.bnp .bnp-brand span{font-size:.78rem;font-weight:900;letter-spacing:.22em;background:var(--pg);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding-left:.22em}
.bnp .bnp-hd b{color:var(--t)}.bnp .bnp-hd small{color:var(--tm)}
.bnp .bnp-lg img,.bnp .bnp-lg svg{filter:none;color:#F0B90B}
.bnp .bnp-big{text-align:center;padding:14px 12px 16px;margin-bottom:18px;border-radius:24px;background:var(--var);border:1px solid var(--border);position:relative;overflow:hidden}
.bnp .bnp-big::before{content:"";position:absolute;left:-30%;right:-30%;top:-70%;height:120%;background:radial-gradient(closest-side,var(--soft),transparent);pointer-events:none}
.bnp .bnp-big small{position:relative;color:var(--tm);font-size:.72rem;font-weight:700}
.bnp .bnp-big .bnp-amt{position:relative}
.bnp .bnp-big .bnp-amt span{background:var(--pg);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.bnp .bnp-big .bnp-amt u{color:var(--t2)}
.bnp .bnp-big .bnp-rcv{position:relative;color:var(--t2)}.bnp .bnp-big .bnp-rcv b{color:var(--t);font-size:1.05rem}.bnp .bnp-big .bnp-rcv em{color:var(--ok);font-style:normal;font-weight:800}
.bnp .bnp-gh{color:var(--t)}.bnp .bnp-gh::after{background:linear-gradient(90deg,var(--border),transparent)}
.bnp .bnp-tl li:not(:last-child)::before{background:linear-gradient(var(--primary),var(--border));opacity:.55}
.bnp .bnp-n{background:var(--pg);color:#fff;box-shadow:var(--shg)}
.bnp .bnp-sb>b{color:var(--t)}.bnp .bnp-sb>p{color:var(--tm)}.bnp .bnp-sb p b{color:var(--t)}
.bnp .bnp-pid{background:var(--var);border:1px solid var(--border)}.bnp .bnp-pid small{color:var(--tm)}
.bnp .bnp-idr b{color:var(--t);font-size:1.28rem}
.bnp .bnp-cpb{width:auto;height:auto;flex-direction:row;gap:8px;padding:5px 14px 5px 5px;border-radius:99px;background:var(--pg);color:#fff;box-shadow:var(--shg);border:0;transition:transform .15s,background .2s}
.bnp .bnp-cpb i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.95);color:var(--primary)}
.bnp .bnp-cpb .icon{width:15px;height:15px;color:var(--primary);stroke-width:2.4}
.bnp .bnp-cpb span{font-size:.76rem;font-weight:800;letter-spacing:.01em;color:#fff}
.bnp .bnp-cpb.done{background:linear-gradient(135deg,#10B981,#059669);box-shadow:0 8px 20px rgba(16,185,129,.4)}.bnp .bnp-cpb.done .icon{color:#059669}
.bnp .bnp-vf{background:none;border:0;padding:0;margin:0}
.bnp .bnp-in{background:var(--var);border-color:var(--border)}.bnp .bnp-in:focus-within{border-color:var(--primary)}.bnp .bnp-in input{color:var(--t)}.bnp .bnp-in input::placeholder{color:var(--tm)}
.bnp .bnp-ps{background:var(--soft);color:var(--primary)}
.bnp .bnp-go{background:var(--pg);color:#fff;box-shadow:var(--shg)}
.bnp .bnp-msg{color:var(--tm)}.bnp .bnp-msg.err{color:var(--err)}
.bnp .bnp-tm{background:var(--var);border:1px solid var(--border)}.bnp .bnp-tm b{color:var(--t)}.bnp .bnp-tm small{color:var(--tm)}.bnp .bnp-bar{background:var(--border)}.bnp .bnp-bar i{background:var(--pg)}
.bnp .bnp-tm>span{background:var(--soft);color:var(--primary)}
.bnp .bnp-fn2{color:var(--tm)}
.bnp .ap-bt{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;margin-top:16px}.bnp .ap-bt button{margin:0}
.bnp .bnp-idr b{font-size:1.1rem;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bnp .bnp-cpb{padding:4px 12px 4px 4px;gap:6px}.bnp .bnp-cpb i{width:26px;height:26px}

/* Bot Deploy animation (poster ki jagah) */
.bdh-anim{position:absolute;inset:0;display:block;pointer-events:none}
.bdh .bdh-pic.bva:after{content:none!important;display:none!important}

/* v8: text video ke upar nahi, uske neeche saaf alag panel me */
.bdh.bdh-s .bdh-pic.bva+.bdh-bar{margin-top:0;gap:11px;padding:16px 16px 16px;background:linear-gradient(180deg,var(--soft),transparent 70%)}
.bdh.bdh-s .bdh-pic.bva+.bdh-bar:before{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#8B5CF6,#EC4899 38%,#F59E0B 68%,#22D3EE)}
.bdh.bdh-s .bdh-pic.bva+.bdh-bar .bdh-tx b{font-size:.97rem;letter-spacing:-.03em;text-shadow:none;white-space:nowrap}
.bdh.bdh-s .bdh-pic.bva+.bdh-bar .bdh-tx small{font-size:.7rem;text-shadow:none}
.bdh.bdh-s .bdh-pic.bva+.bdh-bar .bdh-hd{align-items:center;gap:10px}
.bdh.bdh-s .bdh-pic.bva+.bdh-bar .bdh-pr{align-items:flex-end;padding:5px 10px 6px;border-radius:13px;background:var(--soft);border:1px solid rgba(124,77,255,.3);text-shadow:none}
.bdh.bdh-s .bdh-pic.bva+.bdh-bar .bdh-pr b{font-size:1.15rem;letter-spacing:-.03em;background:var(--pg);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;margin-top:1px}
.bdh-chips{display:none;flex-wrap:wrap;gap:6px}
.bdh .bdh-pic.bva+.bdh-bar .bdh-chips{display:flex}
.bdh-chips span{display:inline-flex;align-items:center;gap:5px;padding:5px 10px 5px 6px;border-radius:99px;background:var(--var);border:1px solid var(--border);font-size:.68rem;font-weight:700;color:var(--t2);line-height:1}
.bdh-chips .icon{width:14px;height:14px;padding:2px;border-radius:50%;background:var(--ok);color:#fff;stroke-width:3.4}

/* v9: button right side, price left */
.bdh .bdh-ft{display:flex;align-items:center;justify-content:space-between;gap:10px}
.bdh.bdh-s .bdh-ft .bdh-pr,.bdh.bdh-s .bdh-pic.bva+.bdh-bar .bdh-ft .bdh-pr{align-items:flex-start;background:none;border:0;padding:0;border-radius:0;text-align:left;font-size:.68rem;font-weight:700}
.bdh.bdh-s .bdh-pic.bva+.bdh-bar .bdh-ft .bdh-pr b{font-size:1.3rem;margin-top:1px}
.bdh.bdh-s .bdh-ft .bdh-cta{flex:none;align-self:auto;width:auto;margin:0}
.bdh.bdh-s .bdh-ft .bdh-cb{width:auto;height:44px;gap:8px;padding:0 6px 0 14px;font-size:.78rem;border-radius:14px}
.bdh.bdh-s .bdh-ft .bdh-cb i{width:30px;height:30px;border-radius:10px}
.bdh .bdh-ft .bdh-pr{min-width:0}

/* Video guides (single-line dark gold card, video opens on tap) */
.gd-tt{flex:1;min-width:0}.gd-tt b{display:block;font-weight:800;line-height:1.2}.gd-tt small{display:block;font-weight:600}
.gd-bot{flex:none;display:inline-flex;align-items:center;border-radius:99px;font-weight:800;cursor:pointer;text-decoration:none}.gd-bot:active{transform:scale(.96)}
.gd-pl{display:none;position:relative;aspect-ratio:16/9;overflow:hidden;cursor:pointer;background:radial-gradient(70% 90% at 82% 8%,rgba(236,72,153,.5),transparent 60%),radial-gradient(80% 90% at 8% 100%,rgba(56,189,248,.3),transparent 60%),linear-gradient(135deg,#1E1B4B 0%,#4338CA 55%,#7C3AED 100%);-webkit-tap-highlight-color:transparent}
.gd.open .gd-pl{display:block}.gd-pl.on{cursor:default}
.gd-pl.ld:after{content:'';position:absolute;left:50%;top:50%;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;border:3px solid #fff;border-right-color:transparent;animation:bdsp .8s linear infinite}
.gd-anim{position:absolute;inset:0;display:block;pointer-events:none}
.gd-x{position:absolute;left:10px;bottom:30px;z-index:5;border:1px solid rgba(255,255,255,.35);background:rgba(15,10,50,.65);color:#fff;font:inherit;font-size:.68rem;font-weight:800;padding:5px 11px;border-radius:99px;cursor:pointer}
.gd-hd:focus-visible{outline:3px solid #FBBF24;outline-offset:-3px}

/* v4 dark gold single-line */
.gd{margin:12px 0 4px;border:1px solid rgba(251,191,36,.38);border-radius:18px;background:linear-gradient(135deg,#17132b,#0c0a18);box-shadow:0 8px 22px rgba(0,0,0,.32);overflow:hidden;color:#fff}
.gd-hd{display:flex;align-items:center;gap:11px;padding:10px 12px;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.gd-hd:active{background:rgba(251,191,36,.07)}
.gd .gd-gp{position:relative;flex:none;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#FDE68A,#F59E0B);color:#3b2400;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 0 rgba(251,191,36,.5);animation:gdgold 2.4s ease-out infinite;transition:transform .15s}
.gd-hd:active .gd-gp{transform:scale(.88)}
.gd .gd-gp svg{width:17px;height:17px}.gd .gd-i1{margin-left:2px}.gd .gd-i2{display:none;width:15px;height:15px}
.gd.open .gd-i1{display:none}.gd.open .gd-i2{display:block}.gd.open .gd-gp{animation:none}
.gd .gd-rp{position:absolute;inset:0;border-radius:50%;border:2px solid #FBBF24;opacity:0;pointer-events:none}
.gd .gd-rp.go{animation:gdrip .6s ease-out}
@keyframes gdgold{0%{box-shadow:0 0 0 0 rgba(251,191,36,.5)}70%,100%{box-shadow:0 0 0 12px rgba(251,191,36,0)}}
@keyframes gdrip{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(2.6)}}
.gd .gd-tt b{color:#fff;font-size:.85rem;letter-spacing:-.02em}.gd .gd-tt small{color:rgba(255,255,255,.6);font-size:.7rem;margin-top:2px}
.gd .gd-bot{margin:0;padding:7px 11px;font-size:.72rem;background:rgba(251,191,36,.12);border:1px solid rgba(251,191,36,.4);color:#FBBF24}
.gd.open .gd-hd{border-bottom:1px solid rgba(251,191,36,.25)}
.gd .gd-pl{border-top:0}
@media (prefers-reduced-motion:reduce){.gd .gd-gp{animation:none}}

/* v4 live tracker + expiry banner + invite nudge */
.trk.live .trk-s span{font-size:.64rem}
.trk.live .trk-s.now:not(:first-child):before{background:linear-gradient(90deg,var(--ok),var(--primary),var(--ok));background-size:200% 100%;animation:trkflow 1.4s linear infinite}
.trk.live .trk-s.now i{animation:trkpulse 1.6s ease-out infinite}
@keyframes trkflow{to{background-position:-200% 0}}
@keyframes trkpulse{0%{box-shadow:0 0 0 0 var(--glow)}100%{box-shadow:0 0 0 9px transparent}}
.trk-el{display:block;margin-top:3px;color:var(--primary);font-weight:800}
.bd-exp{display:flex;align-items:center;gap:11px;margin:0 0 12px;padding:11px 12px;border-radius:16px;background:linear-gradient(135deg,rgba(245,158,11,.16),rgba(245,158,11,.05));border:1px solid rgba(245,158,11,.45)}
.bd-exi{flex:none;width:34px;height:34px;border-radius:50%;background:#F59E0B;color:#fff;display:flex;align-items:center;justify-content:center}
.bd-exp div{flex:1;min-width:0}.bd-exp b{display:block;font-size:.82rem;font-weight:800;color:var(--t)}.bd-exp small{display:block;font-size:.7rem;color:var(--t2);margin-top:2px}
.bd-exp .btn-gradient{flex:none;width:auto;padding:9px 16px;font-size:.78rem}
@media (prefers-reduced-motion:reduce){.trk.live .trk-s.now i,.trk.live .trk-s.now:not(:first-child):before{animation:none}}
.apay #txf{margin:6px 0 12px;padding:0;background:none;border:0}.apay .bnp-go{background:var(--pg,linear-gradient(135deg,#7C4DFF,#5B2EE6));color:#fff;box-shadow:none}.apay .bnp-msg{text-align:left}

/* ===== Build Mode: plan rows with included features ===== */
.build-mode-grid:has(.bm-r){display:flex;flex-direction:column;gap:11px;padding:6px 0 2px}
.build-mode-card.bm-r{--a:#8B5CF6;--g:rgba(139,92,246,.42);display:block;text-align:left;min-height:0;padding:11px 12px 11px;border:1.5px solid transparent;border-radius:16px;margin:0;position:relative;background:linear-gradient(180deg,#151a2c,#0f1424) padding-box,linear-gradient(135deg,color-mix(in srgb,var(--a) 60%,transparent),rgba(255,255,255,.07) 40%,rgba(255,255,255,.04) 65%,color-mix(in srgb,var(--a) 35%,transparent)) border-box;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 4px 12px rgba(0,0,0,.3);transition:transform .15s,box-shadow .2s;overflow:visible}
.bm-r[data-m=both]{--a:#38BDF8;--g:rgba(56,189,248,.4)}.bm-r[data-m=demo]{--a:#F472B6;--g:rgba(244,114,182,.4)}.bm-r[data-m=fake]{--a:#2DD4BF;--g:rgba(45,212,191,.4)}
.bm-r:active{transform:scale(.985)}
.bm-r:before{content:"";position:absolute;inset:0;border-radius:15px;background:radial-gradient(110% 150% at 0% 0%,color-mix(in srgb,var(--a) 16%,transparent),transparent 58%);pointer-events:none}
.bm-h{position:relative;display:flex;align-items:center;gap:10px}
.bm-i{flex:none;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(145deg,color-mix(in srgb,var(--a) 40%,#0f1424),color-mix(in srgb,var(--a) 10%,#0f1424));box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 0 0 1px color-mix(in srgb,var(--a) 45%,transparent),0 6px 14px -5px var(--g)}
.bm-i:after{content:"";position:absolute;left:5px;right:5px;top:3px;height:40%;border-radius:9px 9px 14px 14px;background:linear-gradient(180deg,rgba(255,255,255,.2),transparent)}
.bm-svg{width:26px;height:26px;overflow:visible;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}
.bm-r .mode-title{flex:1;min-width:0;text-align:left;font-size:.84rem;font-weight:800;letter-spacing:.01em;color:#F8FAFC;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:0;display:block}
.bm-r .mode-price{flex:none;padding:0;background:none;box-shadow:none;border-radius:0;font-size:1.12rem;font-weight:900;letter-spacing:-.01em;background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--a) 45%,#fff));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.bm-f{position:relative;display:flex;gap:5px;margin:9px 0 0 50px;flex-wrap:wrap}
.bm-f span{display:inline-flex;align-items:center;gap:4px;font-size:.58rem;font-weight:800;letter-spacing:.02em;border-radius:99px;padding:3px 8px 3px 6px;white-space:nowrap}
.bm-f .on{color:#6EE7B7;background:rgba(52,211,153,.12);box-shadow:inset 0 0 0 1px rgba(52,211,153,.28)}.bm-f .on:before{content:"\2713";font-weight:900;font-size:.62rem}
.bm-f .no{color:#64748B;background:rgba(255,255,255,.03);text-decoration:line-through;text-decoration-color:rgba(100,116,139,.7)}.bm-f .no:before{content:"\00d7";font-weight:900;text-decoration:none;display:inline-block}
.bm-rb{position:absolute;top:-8px;right:14px;z-index:2;font-size:.5rem;font-weight:900;letter-spacing:.1em;color:#2A1A00;background:linear-gradient(135deg,#FDE68A,#F59E0B);padding:3px 9px;border-radius:99px;box-shadow:0 4px 10px rgba(245,158,11,.4)}
.build-mode-card.bm-r.selected{background:linear-gradient(180deg,#1a1f38,#111729) padding-box,linear-gradient(135deg,var(--a),color-mix(in srgb,var(--a) 30%,#fff) 45%,var(--a)) border-box;box-shadow:0 0 0 1px color-mix(in srgb,var(--a) 35%,transparent),0 10px 26px -6px var(--g),inset 0 1px 0 rgba(255,255,255,.12)}
.bm-r.selected .bm-i{background:linear-gradient(145deg,var(--a),color-mix(in srgb,var(--a) 50%,#000))}.bm-r.selected .bm-svg [stroke^="url"]{stroke:#fff}.bm-r.selected .bm-svg [fill^="url"]{fill:#fff;fill-opacity:.3}
.bm-r.selected .bm-h:after{content:"";position:absolute;right:-2px;top:-2px;display:none}
.bm-r .mt-badge{top:-8px;left:12px;right:auto;z-index:3}
.bm-r.off{filter:grayscale(.9)}.bm-r.off .bm-h,.bm-r.off .bm-f{opacity:.5}.bm-r.off .mode-price{background:none;-webkit-text-fill-color:#64748B;color:#64748B}
.build-mode-card.bm-r.selected .mode-price{background:none;box-shadow:none;-webkit-text-fill-color:#fff;color:#fff;text-shadow:0 1px 8px var(--g)}
/* ---- 2x2 layout ---- */
.build-mode-grid:has(.bm-r){display:grid;grid-template-columns:1fr 1fr;gap:14px 10px;padding:8px 0 2px}
.build-mode-card.bm-r{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"i p" "t t" "f f";align-items:center;row-gap:9px;padding:11px 10px 11px;min-width:0}
.bm-r .bm-h{display:contents}
.bm-r .bm-i{grid-area:i;width:36px;height:36px;border-radius:11px}.bm-r .bm-svg{width:23px;height:23px}
.bm-r .mode-price{grid-area:p;justify-self:end;font-size:1.08rem}
.bm-r .mode-title{grid-area:t;font-size:.8rem}
.bm-r .bm-f{grid-area:f;margin:0;gap:4px}
.bm-r .bm-f span{font-size:.54rem;padding:2px 6px 2px 5px;gap:3px}
.bm-r .bm-rb{right:8px}
.bm-r .mt-badge{left:8px}
.bm-r .bm-f{gap:3px;flex-wrap:nowrap}.bm-r .bm-f span{font-size:.5rem;padding:2px 5px 2px 4px;gap:2px;letter-spacing:0}.bm-r .bm-f .on:before,.bm-r .bm-f .no:before{font-size:.55rem}
/* ---- compact size ---- */
.build-mode-grid:has(.bm-r){gap:12px 8px;padding:6px 0 0}
.build-mode-card.bm-r{padding:8px 8px 8px;row-gap:6px;border-radius:13px}
.bm-r .bm-i{width:28px;height:28px;border-radius:9px}.bm-r .bm-svg{width:18px;height:18px}.bm-r .bm-i:after{left:4px;right:4px;top:2px}
.bm-r .mode-price{font-size:.9rem}.bm-r .mode-title{font-size:.7rem}
.bm-r .bm-f span{font-size:.46rem;padding:1px 4px 1px 3px}
.bm-r .bm-rb{font-size:.44rem;padding:2px 7px;top:-7px}.bm-r .mt-badge{top:-7px;font-size:.44rem;padding:2px 6px}
.bm-chk{position:absolute;top:7px;left:42px;width:19px;height:19px;border-radius:50%;border:1.8px solid rgba(148,163,184,.45);background:rgba(15,23,42,.65);display:inline-flex;align-items:center;justify-content:center;transition:all .18s ease;z-index:2;pointer-events:none}
.bm-chk svg{width:11px;height:11px;fill:none;stroke:#fff;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform:scale(.5);transition:all .18s cubic-bezier(.34,1.56,.64,1)}
.build-mode-card.bm-r.selected .bm-chk{background:linear-gradient(135deg,#10B981,#059669);border-color:#6EE7B7;box-shadow:0 0 10px rgba(16,185,129,.55)}
.build-mode-card.bm-r.selected .bm-chk svg{opacity:1;transform:scale(1)}
/* ---- deposit amount chips + app colour ---- */
.md-row{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}
.md-chip{font:inherit;font-weight:800;font-size:.8rem;padding:11px 0;border-radius:12px;border:1.5px solid var(--border);background:var(--surface);color:var(--t2);cursor:pointer;transition:all .15s}
.md-chip.on{border-color:var(--primary);background:linear-gradient(135deg,rgba(139,92,246,.28),rgba(79,70,229,.18));color:#fff;box-shadow:0 6px 16px -6px rgba(124,77,255,.6)}
.apc-row{display:flex;flex-wrap:wrap;gap:9px;align-items:center}
.apc-sw{width:34px;height:34px;border-radius:50%;border:2px solid transparent;background:var(--c);cursor:pointer;position:relative;box-shadow:inset 0 2px 4px rgba(255,255,255,.3),0 4px 10px -3px var(--c);padding:0}
.apc-sw.on{border-color:#fff;transform:scale(1.1)}.apc-sw.on:after{content:"";position:absolute;left:11px;top:6px;width:6px;height:11px;border:solid #fff;border-width:0 2.4px 2.4px 0;transform:rotate(45deg);filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}
.apc-cu{display:inline-flex;align-items:center;gap:7px;border-radius:99px;padding:3px 12px 3px 3px;border:1.5px dashed var(--bs);cursor:pointer;font-size:.72rem;font-weight:800;color:var(--t2)}.apc-cu.on{border-style:solid;border-color:#fff}
.apc-cu input{width:28px;height:28px;border:0;padding:0;border-radius:50%;background:none;cursor:pointer;-webkit-appearance:none;appearance:none}.apc-cu input::-webkit-color-swatch-wrapper{padding:0}.apc-cu input::-webkit-color-swatch{border:0;border-radius:50%;background:conic-gradient(#f43f5e,#f59e0b,#22c55e,#38bdf8,#8b5cf6,#f43f5e)}
.apc-cur{margin-top:9px;font-size:.72rem;font-weight:700;color:var(--tm);display:flex;align-items:center;gap:7px}.apc-cur i{width:14px;height:14px;border-radius:5px;display:inline-block}
/* font boxes smaller + colour row on one line */
.font-row{gap:8px;margin-top:4px}.font-box{padding:8px 4px;font-size:.95rem;border-radius:12px;border-width:1.5px;box-shadow:none}
.apc-row{gap:7px;flex-wrap:nowrap;justify-content:space-between}.apc-sw{width:32px;height:32px;flex:none}.apc-sw.on:after{left:10px;top:5px}
/* ---- Premium Cloud APK Compiler Live Progress Dashboard ---- */
.bld{flex:0 0 100%;margin-top:12px;padding:14px 14px 12px;border-radius:18px;background:linear-gradient(155deg,rgba(17,14,34,.96) 0%,rgba(28,19,56,.94) 55%,rgba(15,23,42,.96) 100%);border:1px solid rgba(139,92,246,.38);box-shadow:0 14px 32px -12px rgba(88,28,135,.55),inset 0 1px 0 rgba(255,255,255,.1);color:#f8fafc;position:relative;overflow:hidden}
.bld::before{content:"";position:absolute;top:-50%;left:-20%;width:140%;height:120px;background:radial-gradient(ellipse at center,rgba(139,92,246,.22),transparent 70%);pointer-events:none}
.bld-err{border-color:rgba(244,63,94,.45);background:linear-gradient(155deg,rgba(36,12,24,.96),rgba(20,14,28,.96))}
.bld-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;position:relative}
.bld-tag{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:99px;background:rgba(139,92,246,.18);border:1px solid rgba(167,139,250,.35);color:#ddd6fe;font-size:.62rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.bld-tag.err{background:rgba(244,63,94,.18);border-color:rgba(251,113,133,.4);color:#fecdd3}
.bld-dot{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981;animation:bldpulse 1.5s ease-in-out infinite}
.bld-dot.err{background:#f43f5e;box-shadow:0 0 8px #f43f5e}
@keyframes bldpulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.55}}
.bld-tm{font-size:.7rem;font-weight:800;color:#cbd5e1;padding:2px 8px;border-radius:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);font-variant-numeric:tabular-nums}
.bld-tm em{font-style:normal;color:#38bdf8}
.bld-main{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;position:relative}
.bld-htx{min-width:0;flex:1}
.bld-htx b{display:block;font-size:.84rem;font-weight:800;color:#fff;letter-spacing:-.01em;line-height:1.25}
.bld-htx small{display:block;font-size:.66rem;font-weight:600;color:#94a3b8;margin-top:2px}
.bld-pct{font-size:1.35rem;font-weight:900;background:linear-gradient(135deg,#38bdf8,#a855f7,#ec4899);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-variant-numeric:tabular-nums;line-height:1}
.bld-pct span{font-size:.78rem;margin-left:1px}
.bld-bar{position:relative;height:8px;border-radius:99px;background:rgba(255,255,255,.09);margin:8px 0 12px;overflow:hidden;box-shadow:inset 0 1px 3px rgba(0,0,0,.4)}
.bld-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#06b6d4 0%,#8b5cf6 50%,#ec4899 100%);box-shadow:0 0 12px rgba(139,92,246,.8);position:relative;overflow:hidden;transition:width .9s cubic-bezier(.22,1,.36,1)}
.bld-bar i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:translateX(-100%);animation:bldshim 1.8s infinite}
@keyframes bldshim{100%{transform:translateX(100%)}}
.bld-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px}
.bld-st{padding:7px 5px;border-radius:11px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;transition:all .25s}
.bld-st.done{background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.35)}
.bld-st.act{background:rgba(139,92,246,.18);border-color:rgba(167,139,250,.55);box-shadow:0 0 14px -4px rgba(139,92,246,.5)}
.bld-si{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:.64rem;font-weight:800;background:rgba(255,255,255,.08);color:#94a3b8}
.bld-st.done .bld-si{background:#10b981;color:#fff}
.bld-st.done .bld-si svg{width:12px;height:12px;stroke-width:3}
.bld-st.act .bld-si{background:rgba(139,92,246,.3);color:#fff}
.bld-stx b{display:block;font-size:.65rem;font-weight:800;color:#e2e8f0;line-height:1.1}
.bld-stx small{display:block;font-size:.55rem;color:#94a3b8;line-height:1.15;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.bld-sp{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.25);border-top-color:#38bdf8;animation:bldsp .85s linear infinite;display:inline-block}
@keyframes bldsp{to{transform:rotate(360deg)}}
.bld-logs{padding:8px 10px;border-radius:11px;background:rgba(0,0,0,.38);border:1px solid rgba(255,255,255,.07);display:grid;gap:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.bld-lg{display:flex;align-items:flex-start;gap:6px;font-size:.68rem;line-height:1.35;word-break:break-word}
.bld-lg i{font-style:normal;font-weight:900;flex:none}
.bld-lg.old{color:#94a3b8;opacity:.78}.bld-lg.old i{color:#10b981}
.bld-lg.cur{color:#e0f2fe;font-weight:700}.bld-lg.cur i{color:#38bdf8}
.bld-ft{margin-top:8px;text-align:center;font-size:.64rem;font-weight:600;color:#94a3b8;opacity:.88}
.bld-title{display:flex;align-items:center;gap:7px;font-size:.82rem;color:#fecdd3;margin-bottom:4px}
.bld-p{font-size:.74rem;color:#cbd5e1;margin:0;line-height:1.45}
@media(prefers-reduced-motion:reduce){.bld-sp,.bld-dot,.bld-bar i::after{animation:none}}

/* ===== APK build card 16:9 (bx) - light default, dark override ===== */
.bx{flex:0 0 100%;box-sizing:border-box;margin-top:12px;aspect-ratio:16/9;min-height:172px;max-height:230px;display:flex;flex-direction:column;justify-content:space-between;gap:8px;padding:13px 14px;border-radius:18px;background:#F4F2FF;border:1px solid rgba(124,77,255,.16);color:var(--t)}
.bx-hd{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.bx-hd>div{min-width:0}
.bx-hd small{display:block;font-size:.62rem;font-weight:800;letter-spacing:.07em;color:#5B6577}
.bx-hd em{font-style:normal;font-variant-numeric:tabular-nums}
.bx-hd b{display:block;font-size:.94rem;font-weight:800;margin-top:2px;line-height:1.2}
.bx-pc{font-size:1.6rem;font-weight:800;line-height:1;color:#6D28D9;font-variant-numeric:tabular-nums;flex:none}
.bx-pc span{font-size:.8rem}
.bx-bar,.bx-st{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
.bx-bar span{position:relative;height:6px;border-radius:99px;background:rgba(15,23,42,.09);overflow:hidden}
.bx-bar i{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:linear-gradient(90deg,#8B5CF6,#6366F1);transition:width .8s ease}
.bx-bar span.ok i{background:#10B981}
.bx-bar em{position:absolute;top:0;bottom:0;width:45%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.6),rgba(255,255,255,0));animation:bxshine 1.6s ease-in-out infinite}
@keyframes bxshine{0%{transform:translateX(-100%)}100%{transform:translateX(230%)}}
.bx-s{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}
.bx-s i{width:20px;height:20px;box-sizing:border-box;border-radius:50%;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:.6rem;font-weight:800;color:#5B6577;border:1.5px solid rgba(15,23,42,.18)}
.bx-s.done i{background:#10B981;border:0}
.bx-s.now i{background:linear-gradient(135deg,#8B5CF6,#4F46E5);border:0}
.bx-s i svg{width:11px;height:11px;fill:none;stroke:#fff;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}
.bx-s i b{width:9px;height:9px;box-sizing:border-box;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;animation:bxspin .9s linear infinite}
@keyframes bxspin{to{transform:rotate(360deg)}}
.bx-s span{font-size:.62rem;font-weight:700;color:#5B6577;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bx-s.done span{color:#047857}
.bx-s.now span{color:var(--t)}
.bx-log{padding:6px 9px;border-radius:9px;background:#0B0E18;border:1px solid rgba(255,255,255,.06);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.66rem;color:#6EE7B7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bx-log i{display:inline-block;width:6px;height:11px;margin-left:3px;vertical-align:-1px;background:#C4B5FD;animation:bxblink 1s steps(1) infinite}
@keyframes bxblink{50%{opacity:0}}
.bx-note{flex:0 0 100%;display:flex;align-items:center;gap:7px;margin-top:8px;padding:0 2px;font-size:.7rem;color:#5B6577}
.bx-note svg{width:14px;height:14px;flex:none;fill:none;stroke:#6D28D9;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.bx-err{aspect-ratio:auto;min-height:0;max-height:none;justify-content:flex-start;background:#FFF1F2;border-color:rgba(244,63,94,.3)}
.bx-err .bx-hd small{color:#BE123C}
.bx-msg{margin:0;font-size:.74rem;line-height:1.45;color:#5B6577}
[data-theme=dark] .bx{background:#0F1322;border-color:rgba(255,255,255,.08)}
[data-theme=dark] .bx-hd small,[data-theme=dark] .bx-s i,[data-theme=dark] .bx-s span,[data-theme=dark] .bx-note,[data-theme=dark] .bx-msg{color:#94A3B8}
[data-theme=dark] .bx-pc{color:#C4B5FD}
[data-theme=dark] .bx-bar span{background:rgba(255,255,255,.08)}
[data-theme=dark] .bx-s i{border-color:rgba(255,255,255,.18)}
[data-theme=dark] .bx-s.done span{color:#6EE7B7}
[data-theme=dark] .bx-s.now span{color:#F8FAFC}
[data-theme=dark] .bx-note svg{stroke:#C4B5FD}
[data-theme=dark] .bx-err{background:#1E1220;border-color:rgba(244,63,94,.35)}
[data-theme=dark] .bx-err .bx-hd small{color:#FDA4AF}
html.lite .bx-bar em,html.lite .bx-log i{animation:none}
@media(prefers-reduced-motion:reduce){.bx-bar em,.bx-log i,.bx-s i b{animation:none}}


/* ===== Order Delivery Bot button: premium animation (purana look same) ===== */
.dlv-btn{border-color:transparent;background:conic-gradient(from var(--dlv-a,0deg),#5b8cff,#b25cff,#ffffff,#1c8cf0,#5b8cff);isolation:isolate;animation:dlvglow 2.8s ease-in-out infinite}
@property --dlv-a{syntax:'<angle>';inherits:false;initial-value:0deg}
.dlv-btn{animation:dlvglow 2.8s ease-in-out infinite,dlvspin 4s linear infinite}
@keyframes dlvspin{to{--dlv-a:360deg}}
@keyframes dlvglow{0%,100%{box-shadow:0 6px 15px -6px rgba(98,92,255,.6)}50%{box-shadow:0 8px 22px -6px rgba(178,92,255,.85),0 0 0 3px rgba(124,77,255,.12)}}
.dlv-bg{position:absolute;inset:1.5px;z-index:-1;border-radius:10px;background:linear-gradient(120deg,#1c8cf0 0%,#6a5cff 30%,#b25cff 50%,#6a5cff 70%,#1c8cf0 100%);background-size:220% 100%;animation:dlvflow 5s ease-in-out infinite alternate}
@keyframes dlvflow{0%{background-position:0% 50%}100%{background-position:100% 50%}}
.dlv-btn::after{z-index:0}
.dlv-i,.dlv-t,.dlv-a{position:relative;z-index:1}
.dlv-i{animation:dlvbob 2.8s ease-in-out infinite;box-shadow:0 0 0 0 rgba(255,255,255,.45)}
@keyframes dlvbob{0%,100%{transform:translateY(0);box-shadow:0 0 0 0 rgba(255,255,255,.4)}50%{transform:translateY(-1.5px);box-shadow:0 0 0 4px rgba(255,255,255,0)}}
.dlv-a{animation:dlvnudge 1.6s ease-in-out infinite}
@keyframes dlvnudge{0%,100%{transform:translateX(0)}50%{transform:translateX(3px)}}
html.lite .dlv-btn,html.lite .dlv-bg,html.lite .dlv-i,html.lite .dlv-a{animation:none}
@media(prefers-reduced-motion:reduce){.dlv-btn,.dlv-bg,.dlv-i,.dlv-a{animation:none}}

/* ===== "Yadav Store" script wordmark (Lobster) — store + admin same ===== */
:root{--ys-t:#0F172A;--ys-ink:linear-gradient(135deg,#8B5CF6 0%,#7C4DFF 40%,#6366F1 70%,#4F46E5 100%)}
[data-theme=dark],.ys.ys-dk{--ys-t:#F8FAFC;--ys-ink:linear-gradient(135deg,#C4B5FD 0%,#A78BFA 30%,#8B5CF6 65%,#7C4DFF 100%)}
.ys{position:relative;display:inline-block;white-space:nowrap;line-height:1;font-family:'Lobster',cursive;font-weight:400;font-style:normal;letter-spacing:.01em;text-transform:none;vertical-align:middle}
.ys .tx{position:relative;display:inline-block;padding:0 .1em .14em 0;clip-path:inset(-25% 100% -35% -5%);animation:ysShow 0s 4s forwards}
.ys .a{color:var(--ys-t);-webkit-text-fill-color:var(--ys-t);text-shadow:.45px 0 0 currentColor,-.2px 0 0 currentColor,0 .3px 0 currentColor}
.ys .b{position:relative;display:inline-block;background:linear-gradient(100deg,transparent 42%,rgba(255,255,255,.9) 50%,transparent 58%),var(--ys-ink);background-size:320% 100%,100% 100%;background-repeat:no-repeat;background-position:100% 0,0 0;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.ys .b::before{content:attr(data-t);position:absolute;left:.5px;top:.3px;z-index:-1;background:var(--ys-ink);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.ys .pen{position:absolute;top:6%;bottom:22%;left:0;width:3px;border-radius:3px;background:#fff;box-shadow:0 0 8px #C4B5FD,0 0 18px #7C4DFF;opacity:0;pointer-events:none}
.ys svg{position:absolute;left:1%;bottom:-.32em;width:103%;height:.5em;overflow:visible;pointer-events:none}
.ys svg path{fill:url(#ysTl);clip-path:inset(0 100% 0 0);animation:ysShow 0s 4s forwards}
[data-theme=dark] .ys svg path,.ys.ys-dk svg path{fill:url(#ysTd)}
.ys.go .tx{animation:ysW 1.15s cubic-bezier(.55,.1,.35,1) forwards}
.ys.go .pen{animation:ysP 1.15s cubic-bezier(.55,.1,.35,1) forwards}
.ys.go svg path{animation:ysT .55s cubic-bezier(.65,0,.35,1) 1.05s forwards}
.ys.go .b{animation:ysG 1.1s ease-in-out 1.75s both}
.ys.done .tx,.ys.done svg path{clip-path:none;animation:none}
.ys.done .pen{display:none}
@keyframes ysShow{to{clip-path:none}}
@keyframes ysW{from{clip-path:inset(-25% 100% -35% -5%)}to{clip-path:inset(-25% -5% -35% -5%)}}
@keyframes ysP{0%{left:0;opacity:0}6%{opacity:1}92%{left:97%;opacity:1}100%{left:97%;opacity:0}}
@keyframes ysT{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes ysG{from{background-position:100% 0,0 0}to{background-position:0 0,0 0}}
/* store header */
.ys-logo{display:flex;align-items:center;min-width:0;padding-bottom:6px}
.ys-logo .ys{font-size:1.62rem}
@media(max-width:350px){.ys-logo .ys{font-size:1.38rem}}