:root{--bg:#050606;--panel:#0a0c0d;--panel2:#0e1112;--line:#463219;--gold:#e2a93d;--gold2:#ffcc65;--text:#f5f5f5;--muted:#94989b;--danger:#d95858}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 45% 15%,#191407 0,#080909 23%,#050606 55%);color:var(--text);font-family:Tahoma,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.topbar{height:84px;display:grid;grid-template-columns:300px 1fr auto;align-items:center;gap:20px;padding:0 28px;border-bottom:1px solid #29200f;background:#060707eF;position:sticky;top:0;z-index:40;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:14px}.brand-mark{font-size:30px;font-weight:900;font-style:italic;background:linear-gradient(135deg,#fff0ad,#d18a19);color:#191108;padding:5px 10px;border-radius:8px;box-shadow:0 0 25px #d8982640}.brand b{font-size:23px;letter-spacing:2px}.brand em{color:var(--gold);font-style:normal}.brand small{display:block;color:#aaa;font-size:10px;letter-spacing:0}.topbar nav{display:flex;justify-content:center;gap:28px}.topbar nav a{padding:31px 2px 25px;color:#ddd;font-size:14px;border-bottom:2px solid transparent}.topbar nav a.active,.topbar nav a:hover{color:var(--gold2);border-color:var(--gold)}.top-actions{display:flex;gap:12px;align-items:center}.wallet-chip,.account-btn,.icon-btn{border:1px solid #342713;background:#0b0c0c;border-radius:14px;padding:9px 13px;display:flex;align-items:center;gap:10px}.wallet-chip small,.account-btn small{display:block;color:#888;font-size:10px}.wallet-chip strong{font-size:17px}.wallet-chip i{background:linear-gradient(#f5c258,#b77418);color:#111;padding:7px 10px;border-radius:8px;font-style:normal}.icon-btn{font-size:18px}.layout{display:grid;grid-template-columns:195px minmax(0,1fr) 255px;gap:18px;max-width:1540px;margin:0 auto;padding:14px}.side,.right{position:sticky;top:98px;align-self:start}.side{border:1px solid #2c2415;background:linear-gradient(180deg,#0c0e0e,#080a0a);border-radius:15px;padding:10px}.side>a{display:flex;gap:12px;align-items:center;padding:13px;border-radius:9px;color:#c8c9c9;margin:2px 0}.side>a.on,.side>a:hover{color:#fff;background:linear-gradient(90deg,#51371655,#d59a2730);border:1px solid #775323}.side-vip{margin-top:12px;border:1px solid #4e3517;background:#100d08;border-radius:12px;padding:14px}.side-vip b{color:#f1bb51}.side-vip small{color:#aaa}.progress{height:5px;background:#29220f;margin:10px 0;border-radius:8px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,#a87318,#ffd66c)}.side-vip a{display:block;text-align:center;background:linear-gradient(#e7b64d,#ac7017);color:#181006;padding:9px;border-radius:8px;margin-top:12px}.page-main{min-width:0}.right{display:grid;gap:12px}.mini-card{border:1px solid #3c2b15;background:linear-gradient(145deg,#0d0f0f,#080909);border-radius:14px;padding:16px}.wallet-box strong{font-size:26px;display:block;margin:8px 0 15px}.quick-icons{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;border-top:1px solid #27200f;padding-top:12px}.quick-icons a{text-align:center;color:var(--gold);font-size:18px}.quick-icons small{display:block;color:#aaa;font-size:9px}.promo{background:radial-gradient(circle at 80% 50%,#54350e,#100d08 55%,#090909)}.promo b{display:block;font-size:20px}.promo em{font-size:35px;color:var(--gold);font-style:normal}.promo a{display:inline-block;background:linear-gradient(#efbd4e,#bd7c1b);color:#160e04;padding:8px 18px;border-radius:7px}.recent a{display:grid;grid-template-columns:38px 1fr;gap:2px 8px;padding:11px 0;border-bottom:1px solid #252113}.recent a span{grid-row:span 2;font-size:24px}.recent a em{font-size:10px;color:#999;font-style:normal}.hero-slider{position:relative;min-height:352px;border:1px solid #3d2d18;border-radius:16px;overflow:hidden;background:radial-gradient(circle at 73% 50%,#402a0a,#0a0c0d 40%,#070808);box-shadow:inset 0 0 70px #000}.hero-slide{display:none;grid-template-columns:1.15fr .85fr;min-height:352px;padding:32px 45px;position:relative}.hero-slide.active{display:grid;animation:fade .45s ease}@keyframes fade{from{opacity:.2;transform:scale(.995)}to{opacity:1;transform:none}}.hero-copy{align-self:center}.eyebrow{color:#d5a746;font-size:11px;letter-spacing:2px}.hero-copy h1{font-size:31px;margin:12px 0 4px;font-weight:500}.hero-copy h2{font-size:35px;color:var(--gold);margin:0 0 18px}.hero-features{display:flex;gap:22px;color:#ddd;font-size:12px}.hero-search{display:flex;margin:20px 0;width:min(500px,100%)}.hero-search input{flex:1;background:#0f1111;border:1px solid #4b3519;color:#fff;padding:13px 18px;border-radius:18px 0 0 18px;outline:none}.hero-search button{width:56px;border:0;background:linear-gradient(#efbd4d,#b8781b);border-radius:0 18px 18px 0;font-size:24px}.hero-actions{display:flex;gap:10px}.primary,.ghost,.big,.enterprise-form button{border-radius:9px;padding:11px 17px;border:1px solid #9d6a20;cursor:pointer}.primary,.enterprise-form button{background:linear-gradient(#efbd4e,#b67618);color:#1a1003}.ghost{background:#101212;color:#eee;border-color:#3c3020}.hero-art{position:relative;display:grid;place-items:center}.phone{width:165px;height:278px;border:3px solid #b88534;border-radius:28px;background:linear-gradient(145deg,#151718,#050606);box-shadow:0 0 45px #e0a73555,0 30px 80px #000;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(8deg)}.phone:after{content:"";position:absolute;width:250px;height:55px;border:2px solid #a87525;border-radius:50%;bottom:-30px;box-shadow:0 0 35px #d49a2d88}.tp{font-size:50px;font-style:italic;font-weight:900;color:var(--gold)}.phone small{color:#aaa;margin-top:10px}.hex{position:absolute;width:68px;height:68px;display:grid;place-items:center;border:1px solid #a67429;background:#15130e;border-radius:22px;transform:rotate(15deg);font-size:29px;box-shadow:0 0 25px #d29a2433}.h1{left:20px;top:45px}.h2{right:20px;top:70px}.h3{right:55px;bottom:20px}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);border:0;background:#18140caa;color:#e7b54d;font-size:34px;width:38px;height:70px;cursor:pointer}.slider-arrow.prev{right:0}.slider-arrow.next{left:0}.slider-dots{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:6px}.slider-dots button{width:18px;height:4px;border:0;background:#5d4b2c}.slider-dots button.on{background:#e4ad3e}.assurance{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0}.assurance article{border:1px solid #312719;background:#0b0d0d;padding:13px 20px;border-radius:12px}.assurance b{display:block;color:#eee}.assurance small{color:#888}.category-strip{display:grid;grid-template-columns:repeat(8,1fr);border:1px solid #382b18;background:#090b0b;border-radius:14px;margin:10px 0;padding:7px}.category-strip a{text-align:center;padding:10px;border-left:1px solid #282012;color:#d4a23b;font-size:21px}.category-strip a:last-child{border:0}.category-strip span{display:block;color:#ddd;font-size:11px;margin-top:6px}.section-head{display:flex;justify-content:space-between;align-items:end;margin:16px 0}.section-head h2{margin:2px 0;font-size:19px}.section-head small,.section-head a{color:var(--gold)}.featured-cards,.product-grid,.network-grid,.gift-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.featured-cards>a,.product-card,.network-grid article{border:1px solid #433016;background:linear-gradient(#0e1010,#090a0a);border-radius:12px;overflow:hidden;padding:11px}.app-art{height:115px;border-radius:8px;background:radial-gradient(circle at 50% 30%,#725019,#15130e 50%,#080909);display:grid;place-items:center;font-weight:900;font-size:22px;color:#f0c15e}.featured-cards b{display:block;margin:10px 0 4px}.featured-cards span{color:#999;font-size:11px}.featured-cards em{display:block;text-align:center;border:1px solid #74501c;padding:7px;margin-top:10px;color:#e6b74e;font-style:normal}.stats-strip{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #372b1b;margin:18px 0;border-radius:12px;background:#0a0b0b}.stats-strip div{text-align:center;padding:15px;border-left:1px solid #2b2418}.stats-strip div:last-child{border:0}.stats-strip b{display:block;color:#f0bd51;font-size:20px}.stats-strip span{font-size:10px;color:#999}.content-hero{border:1px solid #3e2d18;border-radius:15px;padding:26px;background:radial-gradient(circle at 80% 10%,#33220a,#0b0c0d 38%,#080909);margin-bottom:14px}.content-hero small{color:var(--gold);letter-spacing:2px}.content-hero h1{font-size:29px;margin:7px 0}.content-hero p{color:#aaa;max-width:780px}.catalog-toolbar{display:flex;gap:8px;margin:12px 0}.catalog-toolbar input{flex:1;background:#0b0d0d;border:1px solid #3c2d19;border-radius:10px;color:#fff;padding:12px}.catalog-toolbar button{background:#1a140b;color:#e9b54b;border:1px solid #60451e;border-radius:10px;padding:0 15px}.product-card img{width:100%;height:130px;object-fit:cover;background:#111}.product-card .body{padding:10px}.product-card h3{font-size:14px;min-height:35px}.product-card .cat{color:#c48d2c;font-size:10px}.product-card .price{font-size:20px}.product-card .base{display:none}.product-card button{width:100%;background:#20170a;border:1px solid #875b1b;color:#f1c05a;padding:8px;border-radius:7px}.network-grid{grid-template-columns:repeat(4,1fr)}.network-grid article{text-align:center;padding:24px}.network-grid article>span{font-size:38px}.network-grid a{display:block;margin-top:12px;border:1px solid #79551e;padding:9px;color:#efbd54}.gift-grid{grid-template-columns:repeat(4,1fr)}.gift-card{min-height:180px;border:1px solid #8d6322;border-radius:16px;padding:18px;background:radial-gradient(circle at 20% 15%,#47300c,#10110f 45%,#070808);position:relative;overflow:hidden}.gift-card:after{content:"";position:absolute;width:140px;height:140px;border:1px solid #7e5921;border-radius:50%;left:-45px;bottom:-65px}.gift-logo{font-size:28px;color:#f0bd51;font-weight:900}.gift-card b{display:block;font-size:34px;margin:18px 0}.gift-card span{color:#aaa}.gift-card button{position:absolute;left:15px;bottom:15px;background:#d9a43c;color:#130e05;border:0;padding:8px;border-radius:7px;z-index:2}.notice-box,.legal-note{border:1px solid #49351c;background:#100d08;padding:15px;border-radius:10px;color:#c9b99d;margin:15px 0}.enterprise-form{max-width:760px;border:1px solid #3b2c19;background:#0b0d0d;border-radius:14px;padding:20px}.enterprise-form label,.form label{display:block;color:#b9b4aa;margin:10px 0}.enterprise-form input,.enterprise-form select,.enterprise-form textarea,.form input,.form select{width:100%;background:#080a0a;border:1px solid #3b2c1b;border-radius:8px;color:#fff;padding:11px;margin-top:5px}.enterprise-form textarea{min-height:100px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.table-card{overflow:auto;border:1px solid #3b2d1b;border-radius:12px;background:#0b0d0d;padding:10px}table{width:100%;border-collapse:collapse}th,td{padding:11px;border-bottom:1px solid #272219;text-align:right;font-size:12px}.ref-card,.security-panel{max-width:650px;border:1px solid #4b361a;background:#0b0d0d;padding:22px;border-radius:14px}.ref-card strong{display:block;font-size:30px;color:#efbd50;margin:8px 0}.ref-card input{width:100%;padding:11px;background:#070808;border:1px solid #443319;color:#fff;border-radius:8px}.danger{background:#381414;color:#ffb2b2;border:1px solid #7a2d2d;padding:9px;border-radius:8px}.modal{position:fixed;inset:0;background:#000b;display:none;place-items:center;z-index:100}.modal.show{display:grid}.dialog{width:min(520px,94vw);max-height:90vh;overflow:auto;background:#0c0e0e;border:1px solid #765221;border-radius:15px;padding:22px;position:relative}.x{position:absolute;left:12px;top:10px;background:transparent;border:0;color:#fff;font-size:27px}.tabs{display:flex;gap:5px;margin-bottom:12px}.tabs button{flex:1;background:#111;border:1px solid #332715;color:#aaa;padding:9px}.tabs button.active{color:#efbd50;border-color:#835c21}.form{display:none}.form.show{display:block}.social-btn{display:flex;gap:10px;border:1px solid #3c3020;padding:10px;margin:6px 0;border-radius:8px}.or{text-align:center;color:#777}.chat{position:fixed;left:22px;bottom:22px;z-index:80}.chat-toggle{width:55px;height:55px;border-radius:50%;border:1px solid #936824;background:#d69f34;font-size:23px}.chat-window{display:none;position:absolute;left:0;bottom:65px;width:330px;height:470px;background:#0a0c0c;border:1px solid #76521d;border-radius:14px;overflow:hidden}.chat.open .chat-window{display:flex;flex-direction:column}.chat-head{display:flex;justify-content:space-between;padding:12px;background:#151008}.chat-head small{display:block;color:#aaa}.chat-messages{flex:1;overflow:auto;padding:10px}.bubble{max-width:82%;padding:9px;margin:6px;border-radius:10px;background:#191919}.bubble.customer{margin-right:auto;background:#5a3d12}.bubble.agent{border:1px solid #9a6a23}.quick-replies{display:flex;gap:4px;overflow:auto;padding:7px}.quick-replies button{white-space:nowrap;background:#111;border:1px solid #3d2e18;color:#ddd;padding:6px}.chat form{display:flex;padding:8px}.chat form input{flex:1;background:#070808;border:1px solid #3b2c18;color:#fff;padding:9px}.chat form button{background:#c78d2a;border:0;width:42px}footer{max-width:1540px;margin:15px auto 0;border-top:1px solid #2a2217;padding:22px;display:flex;justify-content:space-between;color:#888;font-size:11px}.credit strong{color:#dca63c}@media(max-width:1250px){.layout{grid-template-columns:180px 1fr}.right{display:none}.topbar{grid-template-columns:230px 1fr auto}.topbar nav{gap:12px}.topbar nav a{font-size:12px}.featured-cards,.product-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:850px){.topbar{grid-template-columns:1fr auto;height:68px;padding:0 12px}.topbar nav{display:none}.brand b{font-size:18px}.brand small{display:none}.layout{display:block;padding:8px}.side{position:static;display:flex;overflow:auto;margin-bottom:8px}.side>a{white-space:nowrap}.side-vip{display:none}.hero-slide{grid-template-columns:1fr;padding:24px;min-height:390px}.hero-art{display:none}.hero-copy h1{font-size:24px}.hero-copy h2{font-size:27px}.assurance,.stats-strip{grid-template-columns:1fr}.category-strip{grid-template-columns:repeat(4,1fr)}.featured-cards,.product-grid,.network-grid,.gift-grid{grid-template-columns:repeat(2,1fr)}.top-actions .icon-btn,.account-btn b{display:none}.wallet-chip{padding:6px}.form-row{grid-template-columns:1fr}footer{display:block;text-align:center}.chat{left:10px;bottom:10px}}
/* === TOFY PAY V8.1 premium payment cards === */
.global-payment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.payment-choice-card{appearance:none;position:relative;min-height:172px;text-align:right;padding:16px;border:1px solid #3d2e1b;border-radius:18px;background:radial-gradient(circle at 20% 5%,rgba(226,173,67,.11),transparent 38%),linear-gradient(145deg,#111313,#090b0b 70%);color:#f6f1e8;overflow:hidden;cursor:pointer;box-shadow:0 12px 30px #0005,inset 0 1px 0 #ffffff08;transition:.22s ease}.payment-choice-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,transparent 58%,rgba(228,174,64,.07));pointer-events:none}.payment-choice-card:hover{transform:translateY(-4px);border-color:#a8792e;box-shadow:0 18px 42px #0008,0 0 0 1px #d9a64012}.payment-choice-card:disabled{cursor:not-allowed;opacity:.48;filter:saturate(.45);transform:none}.payment-card-top,.payment-card-bottom{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.country-flag{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#ffffff08;border:1px solid #ffffff0c;font-size:21px}.brand-mark{min-width:58px;height:40px;padding:0 10px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#f4ca6c,#c98c27);color:#171008;font-size:17px;font-weight:900;font-style:italic;letter-spacing:-.6px;box-shadow:0 6px 18px #0005}.payment-card-body{position:relative;z-index:1;margin:22px 0 18px}.payment-card-body b{display:block;font-size:16px;line-height:1.35;color:#fff}.payment-card-body small{display:block;margin-top:7px;color:#9d9a93;font-size:11px}.payment-card-bottom{border-top:1px solid #ffffff0a;padding-top:11px}.payment-card-bottom em{font-style:normal;font-size:10px;border-radius:999px;padding:5px 9px}.payment-card-bottom .available{color:#c9f1ce;background:#15351c;border:1px solid #285b32}.payment-card-bottom .soon{color:#f3d9a5;background:#392b12;border:1px solid #705321}.payment-card-bottom span{color:#c89b45;font-size:10px;font-weight:800;letter-spacing:1px}.brand-visa .brand-mark{font-size:15px}.brand-usdt .brand-mark{border-radius:50%;min-width:40px;width:40px;padding:0}.brand-paypal .brand-mark,.brand-payoneer .brand-mark{font-style:normal}.brand-zaincash .brand-mark,.brand-asiacell .brand-mark,.brand-shamcash .brand-mark{background:linear-gradient(135deg,#eec15a,#a96f19)}

/* === TOFY PAY V8.1 premium authentication === */
.auth-dialog{width:min(900px,96vw)!important;padding:0!important;overflow:hidden!important;border-radius:22px!important;border:1px solid #7c5824!important;background:#090b0b!important;box-shadow:0 35px 110px #000d,0 0 0 1px #e2aa3b0d!important}.auth-shell{display:grid;grid-template-columns:330px 1fr;min-height:590px}.auth-brand{position:relative;padding:52px 34px;background:radial-gradient(circle at 30% 15%,#49300c 0,transparent 40%),linear-gradient(160deg,#18130a,#0c0d0d 62%);border-left:1px solid #3b2b17;overflow:hidden}.auth-brand:after{content:"";position:absolute;width:250px;height:250px;border:1px solid #a6772b33;border-radius:50%;left:-100px;bottom:-100px;box-shadow:0 0 0 35px #a6772b0a,0 0 0 75px #a6772b06}.auth-brand-mark{width:82px;height:82px;display:grid;place-items:center;border-radius:25px;background:linear-gradient(135deg,#f1c461,#b8761c);color:#171007;font-size:31px;font-weight:1000;transform:rotate(-6deg);box-shadow:0 16px 45px #0008,0 0 32px #e9ac3730}.auth-brand small{display:block;margin-top:34px;color:#c99335;font-size:10px;letter-spacing:2px}.auth-brand h2{font-size:30px;line-height:1.3;margin:9px 0 12px}.auth-brand p{color:#aaa39a;line-height:1.8;font-size:13px}.auth-benefits{display:grid;gap:12px;margin-top:28px}.auth-benefits span{color:#d6d0c6;font-size:12px}.auth-main{padding:36px 38px 30px}.auth-heading{text-align:center;margin-bottom:19px}.auth-heading small{display:block;color:#8f8b84;font-size:11px}.auth-heading b{display:block;font-size:27px;letter-spacing:1px}.auth-heading em{font-style:normal;color:#dda63e}.auth-x{z-index:3;left:17px!important;top:15px!important;width:38px;height:38px;border-radius:50%!important;background:#ffffff08!important;border:1px solid #ffffff12!important;font-size:23px!important;line-height:1!important}.auth-tabs{padding:4px;background:#060808;border:1px solid #292116;border-radius:13px;gap:4px!important;margin-bottom:17px!important}.auth-tabs button{border:0!important;border-radius:9px!important;background:transparent!important;color:#918e88!important;padding:11px 8px!important;font-weight:700}.auth-tabs button.active{background:linear-gradient(180deg,#2b2111,#17120a)!important;color:#efbd54!important;box-shadow:inset 0 0 0 1px #7d5924}.social-login{margin-bottom:12px}.social-btn{display:flex!important;align-items:center;justify-content:center;position:relative;min-height:48px;margin:9px 0!important;border-radius:12px!important;background:#0c0e0e!important;border:1px solid #302719!important;color:#eee!important;transition:.2s}.social-btn:hover{border-color:#725124!important;background:#11130f!important}.social-icon{position:absolute;right:13px;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#fff;color:#202020;font-weight:900}.facebook-btn .social-icon{background:#1877f2;color:#fff}.or{position:relative;margin:17px 0!important;color:#777!important;font-size:10px}.or:before,.or:after{content:"";position:absolute;top:50%;width:31%;height:1px;background:#2b251c}.or:before{right:0}.or:after{left:0}.or span{background:#090b0b;padding:0 10px;position:relative;z-index:1}.auth-form label{margin:11px 0!important;color:#bcb7af!important;font-size:12px}.auth-form input,.auth-form select{box-sizing:border-box;min-height:47px!important;border-radius:11px!important;background:#070909!important;border:1px solid #322719!important;padding:12px 13px!important;transition:.2s}.auth-form input:focus,.auth-form select:focus{outline:none;border-color:#a8782b!important;box-shadow:0 0 0 3px #d39d2f12}.auth-submit{width:100%;min-height:49px;margin-top:8px;font-weight:900;font-size:14px}.auth-note{font-size:10px;color:#817b73;line-height:1.6;text-align:center}.form-msg{min-height:18px;margin:10px 0 0;font-size:11px;text-align:center;color:#e6b34e}.form-msg.error{color:#ff9d9d}.form-msg.success{color:#8fe09c}
@media(max-width:1100px){.global-payment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.global-payment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.payment-choice-card{min-height:155px;padding:12px}.auth-shell{display:block}.auth-brand{display:none}.auth-main{padding:54px 18px 22px}.auth-dialog{width:min(560px,96vw)!important}.auth-tabs button{font-size:11px}.auth-main .form-row{grid-template-columns:1fr}}

/* === V8.3 exact TOFY PAY logo from approved reference === */
.brand-reference{display:flex;align-items:center;justify-content:flex-start;min-width:220px;overflow:hidden}
.brand-reference img{display:block;width:230px;height:60px;object-fit:contain;object-position:left center}
.auth-logo-reference{display:block;width:230px;max-width:100%;height:auto;object-fit:contain;margin:0 auto 22px}
@media(max-width:850px){.brand-reference{min-width:165px}.brand-reference img{width:180px;height:48px}}

/* V8.4 precise RTL search bar fix */
.hero-search{
  direction:rtl;
  display:flex;
  align-items:stretch;
  gap:0;
  overflow:visible;
}
.hero-search input{
  direction:rtl;
  text-align:right;
  min-width:0;
  border-radius:0 18px 18px 0;
  border-left:0;
  height:48px;
}
.hero-search button{
  flex:0 0 58px;
  width:58px;
  height:48px;
  margin:0;
  border:1px solid #d49a2d;
  border-right:0;
  border-radius:18px 0 0 18px;
  display:grid;
  place-items:center;
  line-height:1;
  cursor:pointer;
}
.hero-search input:focus{
  border-color:#8f6424;
  box-shadow:inset 0 0 0 1px #5e421c;
}
.hero-search:focus-within button{
  border-color:#f1b944;
}

/* === FINAL UI: language, footer, account visibility, refined gift cards === */
.lang-switch{display:flex;align-items:center;gap:2px;border:1px solid #342713;background:#090b0b;border-radius:10px;padding:3px}.lang-switch a{min-width:29px;text-align:center;padding:6px 5px;border-radius:7px;font-size:10px;color:#999}.lang-switch a.on,.lang-switch a:hover{color:#171006;background:linear-gradient(#f3c15a,#b8781b);font-weight:800}
.pro-footer{max-width:1540px;margin:22px auto 0;padding:0 14px 18px;background:transparent;border:0}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:24px;border:1px solid #342817;border-radius:18px;padding:28px;background:linear-gradient(180deg,#0b0d0d,#070808);box-shadow:0 -12px 40px #0006}.footer-grid section{min-width:0}.footer-grid h4{margin:0 0 13px;color:#edb74a;font-size:13px}.footer-grid a{display:block;color:#aaa;font-size:11px;padding:5px 0;transition:.2s}.footer-grid a:hover{color:#fff;transform:translateX(-2px)}.footer-brand img{width:215px;max-width:90%;height:auto}.footer-brand p{max-width:390px;color:#888;line-height:1.8;font-size:11px}.footer-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.footer-badges span{border:1px solid #3b2e1d;background:#0e0e0d;color:#bfa56d;border-radius:999px;padding:5px 8px;font-size:9px}.footer-lang{margin-top:12px;display:inline-block}.footer-bottom{display:flex;justify-content:space-between;gap:16px;padding:13px 8px 0;color:#676b6d;font-size:9px}.footer-bottom strong{color:#d9a33d}
.gift-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.gift-card{min-height:235px;padding:20px;background:radial-gradient(circle at 18% 12%,#4b3510 0,#12110c 30%,#080909 68%);border-color:#8b6122;box-shadow:inset 0 0 45px #000,0 12px 32px #0005;isolation:isolate}.gift-card:before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,transparent 15%,#f2c25b10 35%,transparent 55%);z-index:-1}.gift-card .gift-logo{height:58px;width:130px;background:url('../brand/tofy-pay-logo.png') left center/contain no-repeat;font-size:0}.gift-card>b{display:block;font-size:42px;color:#f4ca71;margin:22px 0 0;letter-spacing:-1px}.gift-card>small{display:block;color:#b7a57f;letter-spacing:2px}.gift-card>span{display:block;color:#8f8f8b;font-size:10px;letter-spacing:3px;margin:4px 0 20px}.gift-card button{width:100%;border:1px solid #9a6a24;background:linear-gradient(180deg,#2d2110,#171108);color:#efbd54;border-radius:9px;padding:10px;cursor:pointer}.gift-card button:hover{background:linear-gradient(#e8b548,#a96b14);color:#130d04}.gift-card:after{width:220px;height:220px;left:-70px;bottom:-105px;box-shadow:0 0 40px #d2992522}
html[dir="ltr"] body{text-align:left}html[dir="ltr"] .topbar{direction:ltr}html[dir="ltr"] .layout{direction:ltr}html[dir="ltr"] .side>a{direction:ltr}html[dir="ltr"] .hero-search{direction:ltr}html[dir="ltr"] .hero-search input{direction:ltr;text-align:left;border-radius:18px 0 0 18px;border-left:1px solid #4b3519;border-right:0}html[dir="ltr"] .hero-search button{border-radius:0 18px 18px 0;border-right:1px solid #d49a2d;border-left:0}html[dir="ltr"] .social-icon{right:auto;left:13px}
@media(max-width:1250px){.footer-grid{grid-template-columns:1.5fr repeat(2,1fr)}.gift-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.footer-grid{grid-template-columns:1fr;gap:12px;padding:18px}.footer-grid section:not(.footer-brand){border-top:1px solid #252016;padding-top:12px}.footer-bottom{display:block;text-align:center}.footer-bottom span{display:block;margin:5px}.gift-grid{grid-template-columns:1fr}.top-actions .lang-switch{display:none}}

/* =========================================================
   TOFY PAY FINAL VISUAL SYSTEM — premium responsive UI
   ========================================================= */
:root{
 --bg:#050606;--bg-soft:#090b0b;--panel:#0b0d0d;--panel2:#0f1111;--panel3:#151611;
 --line:#342713;--line-strong:#76521e;--gold:#dca43a;--gold2:#f1c45f;--gold3:#9e6415;
 --text:#f7f5f0;--muted:#9b9b97;--muted2:#6f716f;--shadow:0 18px 55px #0009;
 --input:#080a0a;--success:#6dd48a;--danger:#ef6b6b;--header:#060707f2;
}
html[data-theme="light"]{
 --bg:#f3f0e8;--bg-soft:#ece8de;--panel:#fffdfa;--panel2:#f8f5ed;--panel3:#f1ecdf;
 --line:#d9c9a8;--line-strong:#b78630;--gold:#a96e11;--gold2:#c58a26;--gold3:#7d4d07;
 --text:#1b1b18;--muted:#6f6b63;--muted2:#918b82;--shadow:0 18px 45px #7c6a4930;
 --input:#fff;--header:#fffdfaf2;
}
body{background:radial-gradient(circle at 52% 0%,color-mix(in srgb,var(--gold) 8%,transparent),transparent 24%),var(--bg);color:var(--text);transition:background .25s,color .25s;min-height:100vh}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(color-mix(in srgb,var(--gold) 2.4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--gold) 2.4%,transparent) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#0004,transparent 60%);z-index:-1}
.topbar{height:82px;grid-template-columns:260px minmax(450px,1fr) auto;padding:0 24px;background:var(--header);border-bottom:1px solid var(--line);box-shadow:0 6px 30px #0003}
.brand-reference{min-width:240px;gap:10px;overflow:visible}.brand-reference .brand-symbol{width:55px;height:55px;object-fit:contain;filter:drop-shadow(0 5px 13px #d89b2940)}
.brand-words{display:block;line-height:1.1}.brand-words b{font-family:Arial,sans-serif;font-size:23px;font-style:italic;letter-spacing:1.5px;color:var(--text)}.brand-words em{color:var(--gold2);font-style:normal}.brand-words small{display:block;margin-top:6px;font-size:8px;color:var(--muted);letter-spacing:.2px}
.topbar nav{gap:22px}.topbar nav a{padding:30px 2px 25px;font-size:13px;color:var(--muted)}.topbar nav a.active,.topbar nav a:hover{color:var(--gold2)}
.top-actions{gap:8px}.theme-toggle{width:48px;height:38px;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--gold2);display:flex;align-items:center;justify-content:center;gap:3px;cursor:pointer}.theme-toggle span{font-size:15px}.theme-toggle .theme-sun{display:none}html[data-theme="light"] .theme-toggle .theme-sun{display:inline}html[data-theme="light"] .theme-toggle .theme-moon{display:none}
.lang-switch,.wallet-chip,.account-btn,.icon-btn{background:var(--panel);border-color:var(--line);color:var(--text)}.lang-switch a{color:var(--muted)}
.layout{grid-template-columns:205px minmax(0,1fr) 260px;gap:14px;max-width:1580px;padding:14px 16px}.side,.right{top:96px}.side{background:linear-gradient(180deg,var(--panel2),var(--panel));border-color:var(--line);box-shadow:var(--shadow);padding:9px}.side>a{min-height:44px;padding:11px 12px;font-size:12px;color:var(--muted);border:1px solid transparent}.side>a.on,.side>a:hover{background:linear-gradient(90deg,color-mix(in srgb,var(--gold) 18%,transparent),transparent);border-color:var(--line-strong);color:var(--text)}.side-vip{background:linear-gradient(145deg,color-mix(in srgb,var(--gold) 9%,var(--panel)),var(--panel));border-color:var(--line)}
.page-main{min-width:0}.mini-card{background:linear-gradient(145deg,var(--panel2),var(--panel));border-color:var(--line);box-shadow:0 12px 30px #0004}.wallet-box strong{color:var(--text)}.promo{background:radial-gradient(circle at 80% 40%,color-mix(in srgb,var(--gold) 20%,transparent),var(--panel) 57%)}
.hero-slider{min-height:365px;background:radial-gradient(circle at 72% 50%,color-mix(in srgb,var(--gold) 20%,transparent),var(--panel) 43%,var(--bg-soft));border-color:var(--line);box-shadow:var(--shadow),inset 0 0 70px #0005}.hero-slide{min-height:365px;padding:32px 42px}.hero-copy h1{font-size:31px}.hero-copy h2{font-size:38px;background:linear-gradient(90deg,var(--gold2),var(--gold));-webkit-background-clip:text;color:transparent}.hero-search{width:min(540px,100%);filter:drop-shadow(0 8px 18px #0004)}.hero-search input{height:52px;background:var(--input);color:var(--text);border-color:var(--line-strong);padding:14px 18px}.hero-search button{height:52px;flex-basis:60px;background:linear-gradient(180deg,var(--gold2),var(--gold3));color:#171006}.phone{background:linear-gradient(145deg,var(--panel3),#050606);border-color:var(--gold);box-shadow:0 0 55px color-mix(in srgb,var(--gold) 38%,transparent),0 30px 80px #000}.phone .tp{display:none}.phone:before{content:"";width:95px;height:120px;background:url('../brand/tofy-pay-icon.png') center/contain no-repeat;filter:drop-shadow(0 0 20px #dfa73b55)}
.assurance article,.category-strip,.stats-strip{background:var(--panel);border-color:var(--line)}.assurance article{box-shadow:0 8px 25px #0003}.category-strip a{border-color:var(--line);transition:.2s}.category-strip a:hover{background:color-mix(in srgb,var(--gold) 8%,transparent);transform:translateY(-2px)}
.section-head h2{font-size:21px}.featured-cards>a,.product-card,.network-grid article{background:linear-gradient(180deg,var(--panel2),var(--panel));border-color:var(--line);box-shadow:0 12px 28px #0004;transition:transform .22s,border-color .22s,box-shadow .22s}.featured-cards>a:hover,.product-card:hover,.network-grid article:hover{transform:translateY(-4px);border-color:var(--line-strong);box-shadow:0 18px 42px #0007}.app-art{background:radial-gradient(circle at 50% 28%,color-mix(in srgb,var(--gold) 26%,transparent),var(--panel3) 50%,var(--panel));border:1px solid color-mix(in srgb,var(--gold) 25%,transparent)}
.content-hero,.page-hero{border:1px solid var(--line);border-radius:18px;padding:30px;background:radial-gradient(circle at 85% 5%,color-mix(in srgb,var(--gold) 14%,transparent),var(--panel) 38%,var(--bg-soft));box-shadow:var(--shadow);margin-bottom:16px}.content-hero h1,.page-hero h1{font-size:31px;margin:8px 0}.content-hero p,.page-hero p{color:var(--muted);line-height:1.8;max-width:850px}
.catalog-toolbar{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:9px}.catalog-toolbar input{background:var(--input);border-color:var(--line);color:var(--text)}.catalog-toolbar button{background:color-mix(in srgb,var(--gold) 9%,var(--panel));border-color:var(--line-strong);color:var(--gold2)}
.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.product-card{padding:0;overflow:hidden;border-radius:14px}.product-card img{height:165px}.product-card .body{padding:14px}.product-card h3{font-size:14px;margin:7px 0}.product-card .price{font-size:22px;color:var(--gold2)}.product-card button{background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 15%,var(--panel)),var(--panel));border-color:var(--line-strong);color:var(--gold2);min-height:40px}.product-card button:hover{background:linear-gradient(var(--gold2),var(--gold3));color:#171006}
.network-grid{gap:14px}.network-grid article{border-radius:16px;padding:27px 18px}.network-grid article>span{font-size:45px}.network-grid h3{font-size:20px}.network-grid p{color:var(--muted)}
.primary,.enterprise-form button{background:linear-gradient(180deg,var(--gold2),var(--gold3));border-color:var(--gold);color:#171006;font-weight:700;box-shadow:0 8px 18px color-mix(in srgb,var(--gold) 18%,transparent)}.ghost{background:var(--panel);border-color:var(--line);color:var(--text)}.primary:hover,.enterprise-form button:hover{filter:brightness(1.08)}.ghost:hover{border-color:var(--line-strong)}
.panel,.table-card,.security-panel,.ref-card,.enterprise-form,.notice-box,.legal-note,.support-block{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 12px 32px #0003}.enterprise-form{max-width:900px;margin:0 auto}.enterprise-form label,.kyc-form label{display:grid;gap:7px;color:var(--muted);font-size:12px;margin-bottom:12px}.enterprise-form input,.enterprise-form select,.enterprise-form textarea,.kyc-form input,.kyc-form select{width:100%;background:var(--input);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:12px;outline:none}.enterprise-form textarea{min-height:120px}.enterprise-form input:focus,.enterprise-form select:focus,.enterprise-form textarea:focus,.kyc-form input:focus,.kyc-form select:focus{border-color:var(--line-strong);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 10%,transparent)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:13px}.table-wrap table,.table-card table{width:100%;border-collapse:collapse;min-width:700px}.table-wrap th,.table-wrap td,.table-card th,.table-card td{padding:13px 14px;text-align:start;border-bottom:1px solid var(--line);font-size:12px}.table-wrap th,.table-card th{color:var(--gold2);background:color-mix(in srgb,var(--gold) 5%,var(--panel));font-size:11px}.table-wrap tr:last-child td,.table-card tr:last-child td{border-bottom:0}.empty-cell{text-align:center!important;color:var(--muted);padding:28px!important}
.status-pill{display:inline-flex;align-items:center;border:1px solid var(--line);background:var(--panel3);padding:6px 10px;border-radius:999px;font-size:10px;color:var(--muted)}.status-pill.gold{color:#211405;background:linear-gradient(var(--gold2),var(--gold3));border-color:var(--gold)}
/* Account */
.account-dashboard-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line);border-radius:18px;padding:22px 24px;background:radial-gradient(circle at 83% 10%,color-mix(in srgb,var(--gold) 17%,transparent),var(--panel) 45%);box-shadow:var(--shadow)}.account-profile{display:flex;align-items:center;gap:15px}.account-avatar{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,var(--gold2),var(--gold3));color:#171006;font-size:25px;font-weight:900;box-shadow:0 10px 28px color-mix(in srgb,var(--gold) 28%,transparent)}.account-profile h1{margin:3px 0;font-size:25px}.account-profile p{margin:0;color:var(--muted);font-size:11px}.account-badges{display:flex;gap:7px;flex-wrap:wrap}.account-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}.account-stat-grid article{border:1px solid var(--line);border-radius:14px;padding:16px;background:linear-gradient(145deg,var(--panel2),var(--panel));box-shadow:0 10px 24px #0003}.account-stat-grid span{display:block;color:var(--muted);font-size:10px}.account-stat-grid strong{display:block;font-size:23px;margin:7px 0;color:var(--text)}.account-stat-grid a{font-size:10px;color:var(--gold2)}.account-main-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.7fr);gap:14px}.premium-panel{padding:18px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.panel-head h2{margin:3px 0 0;font-size:20px}.wallet-summary{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--gold) 4%,var(--panel));margin-bottom:14px}.wallet-summary small{display:block;color:var(--muted)}.wallet-summary b{display:block;font-size:30px;margin-top:5px}.wallet-actions{display:flex;gap:8px;flex-wrap:wrap}.wallet-actions a{padding:9px 12px;border:1px solid var(--line);border-radius:9px;font-size:10px;color:var(--gold2);background:var(--panel)}.vip-account-card{background:radial-gradient(circle at 90% 5%,color-mix(in srgb,var(--gold) 22%,transparent),var(--panel) 45%)}.vip-crown{font-size:42px;color:var(--gold2)}.vip-current{display:grid;gap:5px;padding:17px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.vip-current small,.vip-current span{color:var(--muted);font-size:10px}.vip-current strong{font-size:26px;color:var(--gold2)}.progress.large{height:8px}.vip-account-card p{color:var(--muted);font-size:11px}.wide{display:block;width:100%;text-align:center}.section-space{margin-top:14px}.kyc-panel .muted{color:var(--muted);line-height:1.8}.file-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.file-drop{border:1px dashed var(--line-strong)!important;border-radius:12px;padding:15px!important;background:var(--input);cursor:pointer}.file-drop input{padding:8px!important}.file-drop span{font-size:10px;color:var(--muted)}.settings-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.settings-cards a{display:grid;grid-template-columns:35px 1fr;grid-template-rows:auto auto;gap:3px 7px;border:1px solid var(--line);border-radius:12px;padding:15px;background:var(--panel)}.settings-cards b{font-size:13px}.settings-cards small{grid-column:2;color:var(--muted);font-size:10px}
/* Gift cards */
.gift-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.gift-card{min-height:270px;border-radius:20px;padding:20px;position:relative;overflow:hidden;background:linear-gradient(135deg,#171713,#090a09 62%,#11100b);border:1px solid #9c6b24;box-shadow:0 22px 45px #0008,inset 0 0 45px #0007;display:flex;flex-direction:column;align-items:flex-start;isolation:isolate}.gift-card:before{content:"";position:absolute;inset:-2px;background:linear-gradient(115deg,transparent 25%,#f4cc6b18 45%,transparent 65%);transform:translateX(-70%);transition:.6s;z-index:-1}.gift-card:hover:before{transform:translateX(70%)}.gift-card:hover{transform:translateY(-4px);box-shadow:0 28px 55px #0009,0 0 30px #d99d2c20}.gift-card-glow{position:absolute;width:220px;height:220px;border-radius:50%;background:#d99d2c18;filter:blur(20px);right:-90px;top:-100px;z-index:-1}.gift-card-top{display:flex;align-items:center;justify-content:space-between;width:100%}.gift-card-top img{width:52px;height:52px;object-fit:contain}.gift-card-top span{font-weight:800;color:#e9b852;letter-spacing:1px}.gift-chip{width:46px;height:34px;border-radius:8px;margin:16px 0 5px;background:linear-gradient(135deg,#ffe39a,#c8871b);position:relative;box-shadow:inset 0 0 0 1px #fff5}.gift-chip:after,.gift-chip:before{content:"";position:absolute;background:#9d6c20}.gift-chip:after{width:1px;top:0;bottom:0;left:50%}.gift-chip:before{height:1px;left:0;right:0;top:50%}.gift-card>b{font-size:38px;color:#f4c968;margin:8px 0 0}.gift-card>small{color:#a9a49a;font-size:9px;letter-spacing:2px}.gift-code{margin-top:12px;font-family:monospace;letter-spacing:2px;color:#dad5ca;font-size:12px}.gift-card-footer{display:flex;align-items:center;justify-content:space-between;width:100%;margin:auto 0 12px;padding-top:16px}.gift-card-footer span{font-size:10px;color:#d5a23b}.gift-card-footer em{font-size:8px;color:#777;font-style:normal;letter-spacing:1px}.gift-card button{width:100%;min-height:40px;border:1px solid #8b5f1d;background:linear-gradient(180deg,#2a200f,#151008);color:#efbd54;border-radius:9px;cursor:pointer}.gift-card button:hover{background:linear-gradient(var(--gold2),var(--gold3));color:#171006}
/* Payment cards */
.global-payment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.global-payments{border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:18px;box-shadow:var(--shadow)}.payment-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.payment-toolbar b{display:block;font-size:18px}.payment-toolbar small{color:var(--muted)}.payment-search{display:flex;max-width:370px;flex:1}.payment-search input{flex:1;background:var(--input);color:var(--text);border:1px solid var(--line);padding:11px 13px;border-radius:0 10px 10px 0}.payment-search button{width:45px;border:1px solid var(--line-strong);background:linear-gradient(var(--gold2),var(--gold3));border-radius:10px 0 0 10px}.payment-choice-card{min-height:175px;border-radius:15px;border:1px solid var(--line);background:linear-gradient(145deg,var(--panel2),var(--panel));color:var(--text);padding:14px;display:flex;flex-direction:column;justify-content:space-between;text-align:start;cursor:pointer;box-shadow:0 10px 24px #0003;transition:.2s}.payment-choice-card:hover:not(:disabled){transform:translateY(-4px);border-color:var(--line-strong)}.payment-card-top{display:flex;justify-content:space-between;align-items:center}.country-flag{font-size:24px}.payment-choice-card .brand-mark{width:auto;min-width:48px;height:38px;display:grid;place-items:center;background:linear-gradient(var(--gold2),var(--gold3));color:#171006;border-radius:9px;font-size:17px;font-weight:900;padding:0 10px}.payment-card-body b{display:block;font-size:14px;margin:10px 0 5px}.payment-card-body small{color:var(--muted)}.payment-card-bottom{display:flex;justify-content:space-between;align-items:center;font-size:9px}.payment-card-bottom em{font-style:normal;padding:5px 8px;border-radius:999px}.payment-card-bottom .available{color:#79d48e;background:#18311f}.payment-card-bottom .soon{color:#d6ad62;background:#332812}.payment-note{margin-top:14px;padding:12px;border-radius:10px;background:color-mix(in srgb,var(--gold) 5%,var(--panel));color:var(--muted);font-size:10px}
/* VIP */
.vip-section.standalone{border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,var(--panel2),var(--panel));padding:20px}.vip-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.vip-levels article{min-height:135px;border:1px solid var(--line);border-radius:14px;padding:16px;background:radial-gradient(circle at 85% 10%,color-mix(in srgb,var(--gold) 15%,transparent),var(--panel));box-shadow:0 12px 28px #0003}.vip-levels article span{display:inline-flex;padding:5px 9px;border-radius:999px;background:linear-gradient(var(--gold2),var(--gold3));color:#171006;font-size:10px;font-weight:900}.vip-levels article b{display:block;font-size:20px;margin:15px 0 5px}.vip-levels article small{color:var(--muted)}
/* Modal & auth */
.modal{background:#000b;backdrop-filter:blur(9px)}.dialog{background:var(--panel);border-color:var(--line-strong);box-shadow:0 30px 100px #000}.auth-dialog{background:var(--panel)!important}.auth-main{background:var(--panel)!important}.auth-brand{background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--gold) 24%,transparent),#080909 55%)!important}.auth-logo-reference{content:url('../brand/tofy-pay-logo-vertical.png');width:170px!important;max-height:190px;object-fit:contain}.auth-form input,.auth-form select{background:var(--input)!important;color:var(--text)!important;border-color:var(--line)!important}.social-btn{background:var(--panel2)!important;border-color:var(--line)!important;color:var(--text)!important}
.pro-footer{max-width:1580px}.footer-grid{background:linear-gradient(180deg,var(--panel2),var(--panel));border-color:var(--line);box-shadow:var(--shadow)}.footer-brand img{content:url('../brand/tofy-pay-logo-vertical.png');width:115px;max-height:125px;object-fit:contain}.footer-grid a,.footer-brand p{color:var(--muted)}
.chat-toggle{background:linear-gradient(var(--gold2),var(--gold3))!important;color:#171006!important;border:0!important;box-shadow:0 12px 35px #0008}.chat-window{background:var(--panel)!important;border-color:var(--line)!important;color:var(--text)!important}
/* light-mode adjustments for dark source assets */
html[data-theme="light"] .gift-card{background:linear-gradient(135deg,#26231b,#15140f);color:#fff}html[data-theme="light"] .gift-card .gift-code{color:#e8e3d7}html[data-theme="light"] .phone{background:#121311}html[data-theme="light"] .auth-brand{color:#fff}html[data-theme="light"] .auth-brand p{color:#c6c3bb}
@media(max-width:1320px){.topbar{grid-template-columns:220px 1fr auto}.topbar nav{gap:13px}.layout{grid-template-columns:185px minmax(0,1fr) 235px}.global-payment-grid{grid-template-columns:repeat(3,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1080px){.topbar nav{display:none}.topbar{grid-template-columns:1fr auto}.right{display:none}.layout{grid-template-columns:185px minmax(0,1fr)}.featured-cards{grid-template-columns:repeat(3,1fr)}.gift-grid{grid-template-columns:repeat(2,1fr)}.account-main-grid{grid-template-columns:1fr}.account-stat-grid{grid-template-columns:repeat(2,1fr)}.vip-levels{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.topbar{height:70px;padding:0 10px}.brand-reference{min-width:0}.brand-reference .brand-symbol{width:44px;height:44px}.brand-words b{font-size:17px}.brand-words small{display:none}.top-actions .wallet-chip,.top-actions .account-btn,.top-actions .icon-btn{display:none}.layout{display:block;padding:9px}.side{position:static;display:flex;overflow:auto;border-radius:12px;margin-bottom:10px;gap:4px}.side>a{flex:0 0 auto;min-height:38px;padding:9px 10px}.side>a span{white-space:nowrap}.side-vip{display:none}.hero-slide{grid-template-columns:1fr;padding:22px 18px}.hero-art{display:none}.hero-copy h1{font-size:24px}.hero-copy h2{font-size:29px}.hero-features{flex-wrap:wrap;gap:10px}.assurance{grid-template-columns:1fr}.category-strip{grid-template-columns:repeat(4,1fr);overflow:auto}.featured-cards,.product-grid,.network-grid,.global-payment-grid{grid-template-columns:repeat(2,1fr)}.gift-grid,.vip-levels{grid-template-columns:1fr}.stats-strip{grid-template-columns:repeat(2,1fr)}.account-dashboard-hero{display:block}.account-badges{margin-top:12px}.account-stat-grid{grid-template-columns:1fr 1fr}.wallet-summary{display:block}.wallet-actions{margin-top:12px}.settings-cards{grid-template-columns:1fr}.form-row,.file-grid{grid-template-columns:1fr}.payment-toolbar{display:block}.payment-search{margin-top:12px;max-width:none}.pro-footer{padding:0 9px 12px}.footer-grid{grid-template-columns:1fr}.theme-toggle{width:40px}.lang-switch{display:none}}
@media(max-width:470px){.featured-cards,.product-grid,.network-grid,.global-payment-grid,.account-stat-grid{grid-template-columns:1fr}.top-actions .primary,.top-actions .ghost{padding:8px 10px;font-size:10px}.brand-words{display:none}}


/* V9.1 account approval */
.approval-shell{min-height:68vh;display:grid;place-items:center;padding:48px 20px}.approval-card{width:min(820px,100%);text-align:center;background:linear-gradient(145deg,var(--panel,#0d0e0e),var(--panel2,#12110d));border:1px solid rgba(226,166,45,.32);border-radius:28px;padding:48px;box-shadow:0 30px 90px rgba(0,0,0,.35)}.approval-icon{width:86px;height:86px;margin:0 auto 22px;border-radius:26px;display:grid;place-items:center;font-size:38px;font-weight:900;color:#080808;background:linear-gradient(145deg,#f7d36b,#c88416);box-shadow:0 12px 40px rgba(224,160,38,.24)}.approval-card .eyebrow{letter-spacing:.18em;color:#dca73f;font-size:12px}.approval-card h1{font-size:clamp(30px,5vw,46px);margin:12px 0}.approval-card>p{max-width:650px;margin:0 auto 26px;color:var(--muted,#aaa);line-height:1.9}.approval-progress{display:flex;align-items:center;justify-content:center;margin:30px auto 10px;max-width:520px}.approval-progress span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid #66532c;background:#121212;color:#9d8c67;font-weight:800}.approval-progress span.done,.approval-progress span.active{background:#d79b27;color:#080808;border-color:#f0c661}.approval-progress i{height:2px;flex:1;background:#3f3420}.approval-steps{display:grid;grid-template-columns:repeat(3,1fr);max-width:610px;margin:0 auto 30px;color:var(--muted,#aaa);font-size:13px}.approval-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.approval-meta>div{padding:18px;border:1px solid rgba(218,166,59,.2);border-radius:16px;background:rgba(255,255,255,.018)}.approval-meta small{display:block;color:var(--muted,#aaa);margin-bottom:7px}.pending-badge{color:#efb63e}.approval-notice{padding:16px 18px;border-radius:14px;background:rgba(224,161,39,.08);border:1px solid rgba(224,161,39,.22);color:var(--text,#eee);margin:20px 0}.approval-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:26px}.btn-gold,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;min-width:150px;padding:13px 20px;border-radius:12px;text-decoration:none;font-weight:800}.btn-gold{background:linear-gradient(135deg,#efbd4f,#bd7811);color:#080808}.btn-ghost{border:1px solid rgba(226,166,45,.3);color:var(--text,#eee);background:rgba(255,255,255,.025)}@media(max-width:700px){.approval-card{padding:28px 18px}.approval-meta{grid-template-columns:1fr}.approval-steps{font-size:11px}}

.account-approval-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;margin-bottom:18px;border:1px solid rgba(226,166,45,.28);border-radius:16px;background:rgba(215,155,39,.08)}.account-approval-banner b{display:block;color:#efb84b;margin-bottom:5px}.account-approval-banner span{color:var(--muted,#aaa);font-size:13px}.account-approval-banner a,.approval-lock a{color:#e9b84c;font-weight:800}.approval-lock{line-height:1.9}@media(max-width:700px){.account-approval-banner{align-items:flex-start;flex-direction:column}}

/* === TOFY PAY V9.2 / premium gift-card marketplace === */
.gift-market{--gm-line:color-mix(in srgb,var(--gold) 34%,transparent);display:grid;gap:16px}.gift-market-head{min-height:160px;padding:28px 30px;border:1px solid var(--gm-line);border-radius:22px;background:radial-gradient(circle at 85% 15%,color-mix(in srgb,var(--gold) 13%,transparent),transparent 38%),linear-gradient(145deg,var(--panel2),var(--panel));display:flex;align-items:center;justify-content:space-between;gap:20px;overflow:hidden;position:relative}.gift-market-head:after{content:"";position:absolute;width:360px;height:180px;border:1px solid color-mix(in srgb,var(--gold) 22%,transparent);border-radius:50%;inset:auto -120px -110px auto;box-shadow:0 0 50px color-mix(in srgb,var(--gold) 9%,transparent)}.gift-kicker{color:var(--gold);font-size:11px;letter-spacing:.18em;font-weight:800}.gift-market-head h1{font-size:34px;margin:8px 0 9px}.gift-market-head p{margin:0;color:var(--muted);font-size:14px}.gift-head-badge{min-width:102px;aspect-ratio:1;border:1px solid var(--gm-line);border-radius:24px;background:linear-gradient(145deg,color-mix(in srgb,var(--gold) 14%,var(--panel2)),var(--panel));display:grid;place-items:center;align-content:center;box-shadow:inset 0 0 35px #0005}.gift-head-badge b{font-size:27px;color:var(--gold2)}.gift-head-badge small{color:var(--muted)}
.gift-assurance-row{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--gm-line);border-radius:18px;background:linear-gradient(180deg,var(--panel2),var(--panel));overflow:hidden}.gift-assurance-row article{min-height:80px;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 16px;border-inline-start:1px solid var(--line)}.gift-assurance-row article:first-child{border-inline-start:0}.gift-assurance-row article>span{font-size:25px;color:var(--gold)}.gift-assurance-row b,.gift-assurance-row small{display:block}.gift-assurance-row b{font-size:13px}.gift-assurance-row small{font-size:10px;color:var(--muted);margin-top:4px}
.gift-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:8px}.gift-tabs{display:flex;align-items:stretch;flex:1;max-width:780px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel)}.gift-tabs button{min-width:142px;flex:1;padding:11px 17px;border:0;border-inline-start:1px solid var(--line);background:transparent;color:var(--text);cursor:pointer}.gift-tabs button:first-child{border-inline-start:0}.gift-tabs button b,.gift-tabs button small{display:block}.gift-tabs button small{color:var(--muted);font-size:9px;margin-top:2px}.gift-tabs button.on{background:linear-gradient(145deg,color-mix(in srgb,var(--gold) 18%,var(--panel2)),var(--panel));box-shadow:inset 0 0 0 1px var(--gold);color:var(--gold2)}.gift-sort{display:flex;gap:8px}.gift-sort>span,.gift-sort select{height:45px;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--text)}.gift-sort>span{width:45px;display:grid;place-items:center}.gift-sort select{padding:0 14px;min-width:120px}
.gift-premium-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px}.digital-gift-card{min-width:0}.digital-gift-card[hidden]{display:none}.dg-card-face{height:302px;position:relative;overflow:hidden;border-radius:18px;border:1px solid currentColor;padding:18px 16px;background:#080a0c;color:#2587ff;box-shadow:0 18px 45px #0008,inset 0 0 55px #0008,0 0 20px color-mix(in srgb,currentColor 24%,transparent);isolation:isolate;transition:.28s ease}.digital-gift-card:hover .dg-card-face{transform:translateY(-7px);box-shadow:0 26px 58px #000a,inset 0 0 55px #0008,0 0 34px color-mix(in srgb,currentColor 40%,transparent)}.dg-card-face:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 20%,color-mix(in srgb,currentColor 20%,transparent),transparent 42%),linear-gradient(125deg,transparent 15%,color-mix(in srgb,currentColor 12%,transparent) 42%,transparent 65%);z-index:-2}.dg-card-face:after{content:"";position:absolute;inset:-40%;background-image:linear-gradient(color-mix(in srgb,currentColor 9%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,currentColor 9%,transparent) 1px,transparent 1px);background-size:21px 21px;transform:perspective(500px) rotateX(62deg);opacity:.48;z-index:-1}.dg-grid-glow{position:absolute;width:210px;height:210px;left:-80px;bottom:-90px;border-radius:50%;border:1px solid currentColor;box-shadow:0 0 50px currentColor;opacity:.2}.dg-card-top{display:flex;align-items:flex-start;justify-content:space-between}.dg-card-top img{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 0 14px #d8a13a55)}.dg-card-top>span{text-align:end;font-size:8px;color:#fff;letter-spacing:.08em}.dg-card-top small{display:block;font-size:9px;color:#d3d5da;margin-top:3px}.dg-crown{position:absolute;top:19px;inset-inline-end:19px;font-size:31px;color:#f2c85c;text-shadow:0 0 18px #e2a53a88}.tier-premium .dg-card-top>span{display:none}.dg-brand{margin-top:10px;font-weight:900;font-style:italic;font-size:18px;color:#f5f5f5}.dg-brand b{color:#e4aa39}.dg-value{position:absolute;left:50%;top:50%;transform:translate(-50%,-35%);width:128px;height:105px;display:grid;place-items:center;align-content:center;border:1px solid currentColor;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:color-mix(in srgb,currentColor 9%,#080a0c);box-shadow:inset 0 0 30px color-mix(in srgb,currentColor 17%,transparent)}.dg-value strong{font-size:37px;color:#f7f7f7;letter-spacing:-2px}.tier-premium .dg-value strong{color:#f2c454}.dg-value small{color:currentColor}.dg-caption{position:absolute;inset-inline-start:16px;bottom:39px;font-size:9px;color:#e6e6e6}.dg-security{position:absolute;inset-inline-start:16px;bottom:16px;font-size:8px;color:#b7bcc0}.dg-card-buyrow{margin-top:8px;height:52px;border:1px solid var(--line);border-radius:12px;background:var(--panel);display:flex;align-items:center;justify-content:space-between;padding:7px 8px 7px 13px}.dg-card-buyrow>strong{font-size:16px}.dg-card-buyrow button{height:36px;min-width:48px;padding:0 11px;border:1px solid var(--line-strong);border-radius:9px;background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 14%,var(--panel2)),var(--panel));color:var(--gold2);cursor:pointer;display:flex;align-items:center;gap:7px}.dg-card-buyrow button em{font-style:normal;font-size:10px;display:none}.digital-gift-card:hover .dg-card-buyrow button em{display:inline}.tone-blue{color:#1685ff}.tone-purple{color:#8949ff}.tone-green{color:#27d145}.tone-gold{color:#f1b90b}.tone-black{color:#c79332}.tone-black .dg-card-face{background:linear-gradient(145deg,#121212,#050606 65%,#161107)}
.gift-trust-panel{display:grid;grid-template-columns:1.1fr 1.1fr 1.1fr auto;align-items:center;gap:0;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,var(--panel2),var(--panel));padding:14px 18px}.gift-trust-panel article{display:flex;align-items:center;gap:12px;padding:7px 18px;border-inline-start:1px solid var(--line)}.gift-trust-panel article:first-child{border-inline-start:0}.trust-icon{min-width:42px;height:42px;display:grid;place-items:center;color:var(--gold2);border:1px solid var(--gold);border-radius:13px;font-weight:900}.gift-trust-panel b,.gift-trust-panel small{display:block}.gift-trust-panel b{font-size:12px}.gift-trust-panel small{font-size:9px;color:var(--muted);margin-top:3px}.trust-payments{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.trust-payments b{padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--panel2);font-size:12px;color:#ddd}
.gift-payment-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,var(--panel2),var(--panel));margin-bottom:2px}.gift-payment-strip>div:first-child{display:flex;align-items:center;gap:12px}.gift-payment-strip>div:first-child>span{font-size:30px;color:var(--gold)}.gift-payment-strip p{margin:0}.gift-payment-strip p b,.gift-payment-strip p small{display:block}.gift-payment-strip p small{color:var(--muted);font-size:9px;margin-top:3px}.payment-brand-row{display:flex;gap:9px;flex-wrap:wrap}.payment-brand-row span{border:1px solid var(--line);padding:10px 14px;border-radius:10px;background:var(--panel2);font-size:11px;font-weight:800}.gift-security-note{text-align:center;color:var(--muted);font-size:10px;margin:3px 0 16px}
html[data-theme="light"] .dg-card-face{color:#2176e7;background:#090c12}html[data-theme="light"] .tone-black .dg-card-face{background:#0a0b0b}.digital-gift-card{color:#1685ff}
@media(max-width:1460px){.gift-premium-grid{grid-template-columns:repeat(4,1fr)}.gift-trust-panel{grid-template-columns:repeat(3,1fr)}.trust-payments{grid-column:1/-1;justify-content:center;border-top:1px solid var(--line);padding-top:12px}.dg-card-buyrow button em{display:inline}}
@media(max-width:980px){.gift-assurance-row{grid-template-columns:repeat(2,1fr)}.gift-toolbar{align-items:stretch;flex-direction:column}.gift-tabs{max-width:none;overflow:auto}.gift-premium-grid{grid-template-columns:repeat(2,1fr)}.gift-payment-strip{align-items:flex-start;flex-direction:column}.gift-trust-panel{grid-template-columns:1fr}.gift-trust-panel article{border-inline-start:0;border-top:1px solid var(--line)}.gift-trust-panel article:first-child{border-top:0}.trust-payments{grid-column:auto}}
@media(max-width:580px){.gift-market-head{padding:20px;min-height:0}.gift-market-head h1{font-size:26px}.gift-head-badge{display:none}.gift-assurance-row{grid-template-columns:1fr}.gift-assurance-row article{justify-content:flex-start;border-inline-start:0;border-top:1px solid var(--line)}.gift-assurance-row article:first-child{border-top:0}.gift-premium-grid{grid-template-columns:1fr}.dg-card-face{height:330px}.gift-tabs button{min-width:125px}}

.hero-image-art{display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-image-art img{width:100%;height:100%;max-height:390px;object-fit:contain;filter:drop-shadow(0 20px 35px #0008)}
.cmsb{margin:16px 0;border:1px solid var(--line,#302719);border-radius:18px;overflow:hidden}.cmsb-hero{min-height:430px;display:flex;align-items:center;padding:48px;background:linear-gradient(90deg,#050606e8,#05060677),var(--cmsb-bg,radial-gradient(circle at 70% 40%,#9b6a1c55,transparent 35%));background-size:cover;background-position:center}.cmsb-hero>div{max-width:620px}.cmsb-hero h1{font-size:42px;color:#f1bd57}.cmsb-hero p{font-size:20px;color:#d7d4cc}.cmsb-text,.cmsb-image,.cmsb-html{padding:28px;background:#0b0d0d}.cmsb-image img{max-width:100%;border-radius:14px}.cmsb-cta{display:flex;justify-content:space-between;align-items:center;padding:28px;background:linear-gradient(135deg,#13100a,#080909)}.cms-page{max-width:1100px;margin:20px auto;padding:30px;border:1px solid #302719;border-radius:18px;background:#0b0d0d}.cms-content{line-height:1.9}@media(max-width:700px){.cmsb-hero{min-height:330px;padding:26px}.cmsb-hero h1{font-size:30px}.cmsb-cta{display:grid;gap:14px}}

/* TOFY PAY V14 Gift checkout */
.gift-wallet-summary{display:flex;align-items:center;gap:14px;padding:16px 20px;margin:18px 0;border:1px solid rgba(226,178,77,.28);background:linear-gradient(135deg,rgba(226,178,77,.1),rgba(17,22,31,.92));border-radius:18px}.gift-wallet-summary span{color:var(--muted,#9ea6b3)}.gift-wallet-summary strong{font-size:24px;color:#f2c761;margin-inline-start:auto}.gift-wallet-summary a{padding:9px 14px;border:1px solid rgba(226,178,77,.35);border-radius:10px;color:#f2c761;text-decoration:none}.dg-custom-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.34;z-index:0}.dg-card-face>*:not(.dg-custom-bg){position:relative;z-index:1}.dg-card-buyrow>div{display:flex;flex-direction:column}.dg-card-buyrow small{font-size:11px;color:#8d97a8}.gift-checkout,.reveal-gift-code{cursor:pointer}.gift-modal[hidden]{display:none!important}.gift-modal{position:fixed;inset:0;z-index:9999;background:rgba(2,4,8,.82);backdrop-filter:blur(12px);display:grid;place-items:center;padding:20px}.gift-modal-card{width:min(520px,100%);background:linear-gradient(145deg,#171c26,#0b0e14);border:1px solid rgba(231,184,75,.35);box-shadow:0 30px 90px rgba(0,0,0,.65),0 0 50px rgba(213,164,55,.1);border-radius:26px;padding:30px;position:relative}.gift-modal-card h2{margin:8px 0 18px;font-size:26px}.gift-modal-close{position:absolute;top:14px;left:14px;border:0;background:#252b36;color:#fff;width:36px;height:36px;border-radius:50%;font-size:22px}.gift-order-preview{display:grid;grid-template-columns:1fr auto;gap:12px;padding:18px;background:#0b0f16;border:1px solid #222a36;border-radius:16px;margin:16px 0}.gift-order-preview strong{color:#f3c65a}.gift-modal-actions{display:flex;gap:10px;margin-top:18px}.gift-modal-actions button,.gift-modal-card>a.primary{flex:1;padding:13px 16px;border-radius:12px;border:0;font-weight:800;text-align:center;text-decoration:none}.gift-modal-card .primary{background:linear-gradient(135deg,#f0c25a,#bd8122);color:#161008}.gift-modal-card .secondary{background:#232a35;color:#fff}.gift-modal-card .form-msg{color:#ff818e;padding-top:12px}.gift-modal-card.success{text-align:center}.success-check{display:grid;place-items:center;width:66px;height:66px;margin:auto;border-radius:50%;background:#143725;color:#6ef0a2;font-size:34px}.gift-code-box{margin:18px 0;padding:18px;border:1px dashed rgba(235,191,83,.55);background:#080b10;border-radius:16px;display:grid;gap:8px}.gift-code-box strong{font-size:20px;color:#f1c55d;letter-spacing:1px;word-break:break-all}.gift-code-box button{margin:auto;border:1px solid #4f4025;background:#1e1a12;color:#eec55f;border-radius:10px;padding:8px 14px}.my-gifts{margin-top:34px}.modal-open{overflow:hidden}

/* =========================================================
   TOFY PAY V15 — VIP & Loyalty Royal Page
   ========================================================= */
.vip15-wrap{display:grid;gap:14px;padding-bottom:18px}.vip15-wrap *{box-sizing:border-box}.vip15-hero{min-height:132px;border:1px solid #6b4b1d;border-radius:22px;background:radial-gradient(circle at 50% 0,#9b65172d,transparent 43%),linear-gradient(135deg,#090a0a,#050606);display:flex;align-items:center;justify-content:center;text-align:center;padding:22px 30px;position:relative;overflow:hidden;box-shadow:inset 0 0 70px #000,0 20px 55px #0008}.vip15-hero:before,.vip15-hero:after{content:"";position:absolute;top:0;width:150px;height:9px;background:linear-gradient(90deg,transparent,#e7b952,#fff0b0,#e7b952,transparent)}.vip15-hero:before{left:6%;transform:skewX(-35deg)}.vip15-hero:after{right:6%;transform:skewX(35deg)}.vip15-kicker{font-size:10px;letter-spacing:4px;color:#e4b64d}.vip15-hero h1{margin:5px 0 6px;font-size:30px}.vip15-hero h1 em{font-style:normal;color:#efbd54}.vip15-hero p{margin:0;color:#a9a9a4;font-size:11px}.vip15-laurel{font-size:54px;color:#d9a438;transform:rotate(23deg);margin:0 36px}.vip15-laurel.mirror{transform:scaleX(-1) rotate(23deg)}
.vip15-level-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;border:1px solid #352917;border-radius:20px;padding:12px;background:linear-gradient(180deg,#0a0b0b,#060707);box-shadow:0 15px 40px #0007}.vip15-level{min-width:0;text-align:center;border:1px solid transparent;border-radius:16px;padding:7px 6px 10px;position:relative;transition:.25s}.vip15-level:hover,.vip15-level.is-active{border-color:#8d6526;background:radial-gradient(circle at 50% 30%,#d49d2820,transparent 55%);transform:translateY(-3px)}.vip15-level.is-active:after{content:"المستوى الحالي";position:absolute;top:7px;right:7px;font-size:7px;padding:3px 6px;background:#dba73f;color:#161007;border-radius:999px;font-weight:900}.vip15-badge-shell{height:135px;display:grid;place-items:center;overflow:hidden}.vip15-badge-shell img{width:100%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:screen;filter:drop-shadow(0 8px 18px #000)}.vip15-level strong,.vip15-level b,.vip15-level i{display:block}.vip15-level strong{font-size:12px}.vip15-level strong small{font-size:9px;color:#aaa;font-weight:600}.vip15-level b{margin-top:5px;color:#efc259;font-size:14px}.vip15-level b span{font-size:8px}.vip15-level i{font-style:normal;font-size:8px;color:#8d8f8d;margin-top:4px}
.vip15-dashboard{display:grid;grid-template-columns:1.08fr 1.55fr .92fr;gap:12px}.vip15-profile-card,.vip15-roadmap-card,.vip15-upgrade-card,.vip15-benefits,.vip15-requirements,.vip15-rules,.vip15-admin-mini,.vip15-royal-callout{border:1px solid #352a18;border-radius:19px;background:linear-gradient(145deg,#0e1111,#080909);box-shadow:0 16px 42px #0007}.vip15-profile-card{padding:17px}.vip15-profile-head{display:grid;grid-template-columns:58px 1fr 80px;align-items:center;gap:11px}.vip15-avatar{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;border:2px solid #d0a13f;background:radial-gradient(circle at 35% 25%,#3c2c12,#0a0b0b 68%);color:#efc25a;font-size:20px;font-weight:900}.vip15-profile-head small{color:#808584;font-size:8px}.vip15-profile-head h2{font-size:17px;margin:2px 0 5px}.vip15-rank-chip{display:inline-block;border:1px solid #72521e;background:#171207;color:#efbd54;border-radius:999px;padding:5px 9px;font-size:9px}.vip15-current-badge{width:80px;height:72px;object-fit:cover;mix-blend-mode:screen;border-radius:12px}.vip15-points-box{border:1px solid #126c8d;border-radius:15px;padding:14px;margin-top:15px;position:relative;background:linear-gradient(145deg,#0b1012,#090b0b)}.vip15-points-box>div:first-child span,.vip15-points-box>div:first-child strong{display:block}.vip15-points-box>div:first-child span{font-size:9px;color:#9a9f9e}.vip15-points-box>div:first-child strong{font-size:29px;margin:3px 0 8px}.vip15-percent{position:absolute;top:20px;left:14px;background:#d8a328;color:#171007;border-radius:999px;padding:3px 7px;font-size:8px;font-weight:900}.vip15-progress{height:10px;border-radius:999px;background:#303740;overflow:hidden}.vip15-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1ab6ff,#65dcff,#e7b63c);box-shadow:0 0 20px #1ab6ff55}.vip15-points-box p{font-size:9px;color:#a1a5a5;margin:8px 0 0}.vip15-points-box p b{color:#efbd54}.vip15-manual{display:block;color:#b6955a;margin-top:8px}.vip15-login{display:block;text-align:center;margin-top:10px;border:1px solid #745521;border-radius:10px;padding:10px;color:#eabb57;background:#151008}
.vip15-roadmap-card{padding:18px}.vip15-section-head{display:flex;align-items:center;justify-content:space-between}.vip15-section-head small{color:#8b8e8e;font-size:8px}.vip15-section-head h2{font-size:17px;margin:3px 0}.vip15-section-head>span{font-size:25px;color:#e9b84c}.vip15-roadmap{display:flex;align-items:center;justify-content:space-between;position:relative;margin:22px 5px 13px}.vip15-roadmap:before{content:"";position:absolute;left:7%;right:7%;top:34px;height:3px;background:linear-gradient(90deg,#8c5b1c,#2f3540,#1486bd,#9452d4,#e2ad3c);z-index:0}.vip15-road-node{width:62px;text-align:center;position:relative;z-index:1;opacity:.48}.vip15-road-node.done,.vip15-road-node.current{opacity:1}.vip15-road-node.current{transform:scale(1.13)}.vip15-road-node img{width:62px;height:62px;object-fit:cover;border-radius:50%;mix-blend-mode:screen;background:#070808;box-shadow:0 0 0 3px #15181a}.vip15-road-node.current img{box-shadow:0 0 0 2px #e9b648,0 0 24px #e9b64866}.vip15-road-node span{display:block;font-size:8px;margin-top:3px}.vip15-road-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.vip15-road-stats article{background:#11161c;border:1px solid #26303b;border-radius:10px;padding:10px;text-align:center}.vip15-road-stats small,.vip15-road-stats b{display:block}.vip15-road-stats small{font-size:7px;color:#8f969d}.vip15-road-stats b{font-size:14px;margin-top:3px}.vip15-next-action{margin-top:10px;text-align:center;padding:10px;border:1px solid #9b6a22;border-radius:10px;background:linear-gradient(180deg,#33200b,#171008);color:#efc15b;font-size:9px}.vip15-next-action.royal{font-size:11px}
.vip15-upgrade-card{padding:14px;text-align:center;overflow:hidden;position:relative;background:radial-gradient(circle at 50% 35%,#23466e55,#090a0a 62%)}.vip15-upgrade-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 25%,#ffffff09 45%,transparent 65%);pointer-events:none}.vip15-congrats{display:block;color:#efbd54;font-weight:900;font-size:12px}.vip15-upgrade-card img{width:88%;height:185px;object-fit:cover;mix-blend-mode:screen;margin:-4px auto -18px}.vip15-upgrade-card h2{font-size:34px;color:#f1c35a;text-shadow:0 0 28px #d6992f77;margin:0}.vip15-upgrade-card p{margin:0;color:#8fd5ff;font-size:17px;font-weight:800}.vip15-reward-mini{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:12px}.vip15-reward-mini span{font-size:7px;border:1px solid #60491f;background:#17140d;border-radius:8px;padding:6px;color:#d8c08e}
.vip15-benefits{padding:18px}.vip15-section-title{text-align:center;margin-bottom:14px}.vip15-section-title span{font-size:8px;letter-spacing:3px;color:#c99432}.vip15-section-title h2{font-size:20px;margin:4px 0}.vip15-benefit-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.vip15-benefit{border:1px solid #303030;border-radius:13px;padding:10px;background:#090b0b;min-width:0;opacity:.72}.vip15-benefit.unlocked{opacity:1;border-color:#6f5224}.vip15-benefit img{display:block;width:75px;height:70px;object-fit:cover;mix-blend-mode:screen;margin:auto}.vip15-benefit h3{text-align:center;margin:3px 0 9px;font-size:12px}.vip15-benefit h3 small{display:block;color:#8e9292;font-size:7px}.vip15-benefit ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}.vip15-benefit li{font-size:8px;color:#b3b4b0}.vip15-benefit li:before{content:"✓";color:#e3ac3e;margin-inline-end:5px}.vip15-lock{display:block;margin-top:10px;border-top:1px solid #242525;padding-top:7px;text-align:center;color:#b4904d;font-size:7px}
.vip15-bottom-grid{display:grid;grid-template-columns:1.05fr 1.05fr 1.2fr;gap:12px}.vip15-requirements,.vip15-rules,.vip15-admin-mini,.vip15-royal-callout{padding:17px}.vip15-req-row{display:grid;grid-template-columns:42px 52px 1fr auto;align-items:center;gap:7px;border-bottom:1px solid #202220;padding:5px 0}.vip15-req-row:last-child{border-bottom:0}.vip15-req-row img{width:42px;height:38px;object-fit:cover;mix-blend-mode:screen}.vip15-req-row b{font-size:10px}.vip15-req-row span{font-size:9px;color:#b0b2b0}.vip15-req-row em{font-style:normal;color:#e7b84c;font-size:9px}.vip15-rule{display:grid;grid-template-columns:32px 1fr;gap:9px;padding:8px 0;border-bottom:1px solid #202220}.vip15-rule:last-child{border-bottom:0}.vip15-rule>b{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#17130c;border:1px solid #6b4d1f;color:#d9a63f;font-size:9px}.vip15-rule p{margin:0}.vip15-rule strong,.vip15-rule span{display:block}.vip15-rule strong{font-size:10px}.vip15-rule span{font-size:8px;color:#8d9291;margin-top:2px}.vip15-admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:16px 0}.vip15-admin-stats article{border:1px solid #254057;border-radius:10px;padding:12px;text-align:center;background:#0e151b}.vip15-admin-stats small,.vip15-admin-stats b{display:block}.vip15-admin-stats small{font-size:7px;color:#89939a}.vip15-admin-stats b{font-size:18px;color:#efbd54}.vip15-admin-mini>a{display:block;text-align:center;border:1px solid #7c5921;border-radius:10px;padding:10px;color:#efbd54;background:#171208}.vip15-royal-callout{display:grid;grid-template-columns:150px 1fr;align-items:center;background:radial-gradient(circle at 15% 50%,#b77a1e33,#090a0a 62%)}.vip15-royal-callout img{width:150px;height:145px;object-fit:cover;mix-blend-mode:screen}.vip15-royal-callout small{color:#b7842c;letter-spacing:2px;font-size:7px}.vip15-royal-callout h2{font-size:22px;margin:3px 0;color:#edbd57}.vip15-royal-callout p{font-size:9px;color:#969a98;line-height:1.7}.vip15-royal-callout b{color:#f0c35e}.vip15-slogan{text-align:center;border:1px solid #503c1e;border-radius:14px;padding:13px;background:linear-gradient(90deg,transparent,#8b5d1922,transparent);color:#e2b24a}.vip15-slogan b{margin:0 12px}
@media(max-width:1280px){.vip15-level-strip{grid-template-columns:repeat(3,1fr)}.vip15-dashboard{grid-template-columns:1fr 1.45fr}.vip15-upgrade-card{grid-column:1/-1}.vip15-upgrade-card img{width:240px;height:180px}.vip15-benefit-grid{grid-template-columns:repeat(3,1fr)}.vip15-bottom-grid{grid-template-columns:1fr 1fr}.vip15-bottom-grid>:last-child{grid-column:1/-1}}
@media(max-width:760px){.vip15-laurel{display:none}.vip15-hero h1{font-size:23px}.vip15-level-strip{grid-template-columns:repeat(2,1fr)}.vip15-badge-shell{height:120px}.vip15-dashboard,.vip15-bottom-grid{grid-template-columns:1fr}.vip15-upgrade-card,.vip15-bottom-grid>:last-child{grid-column:auto}.vip15-roadmap{overflow:auto;gap:12px;justify-content:flex-start;padding-bottom:5px}.vip15-roadmap:before{display:none}.vip15-road-node{min-width:62px}.vip15-road-stats{grid-template-columns:1fr}.vip15-benefit-grid{grid-template-columns:repeat(2,1fr)}.vip15-royal-callout{grid-template-columns:110px 1fr}.vip15-royal-callout img{width:110px;height:110px}}
@media(max-width:470px){.vip15-level-strip,.vip15-benefit-grid{grid-template-columns:1fr}.vip15-profile-head{grid-template-columns:52px 1fr}.vip15-current-badge{display:none}.vip15-royal-callout{grid-template-columns:1fr;text-align:center}.vip15-royal-callout img{margin:auto}.vip15-kicker{letter-spacing:2px}}

/* === V16 PREMIUM BLACK / GOLD SITE THEME + APP COMING SOON FOOTER === */
:root{
  --v16-bg:#060707;--v16-panel:#0a0c0c;--v16-panel2:#0e1111;--v16-line:#2d2619;
  --v16-gold:#e6ad3e;--v16-gold2:#f6d275;--v16-text:#f4f2ec;--v16-muted:#98958e;
}
body{background:
 radial-gradient(circle at 50% -20%,rgba(202,143,35,.12),transparent 35%),
 linear-gradient(180deg,#070808 0,#050606 100%);color:var(--v16-text)}
.topbar{background:rgba(6,7,7,.94);border-bottom:1px solid rgba(230,173,62,.18);box-shadow:0 10px 35px #0008;backdrop-filter:blur(14px)}
.topbar nav a{border-radius:9px}.topbar nav a:hover,.topbar nav a.active{color:var(--v16-gold2);background:linear-gradient(180deg,#17130c,#0b0c0b);box-shadow:inset 0 0 0 1px #4b3718}
.side,.right .mini-card,.page-main>.panel,.card,.panel{background:linear-gradient(180deg,rgba(14,16,16,.96),rgba(8,9,9,.96));border-color:#302619;box-shadow:0 18px 45px #0005}
.primary,.gold-btn{background:linear-gradient(135deg,#f0c35b,#b87516);color:#171006;border:1px solid #f3d27b;box-shadow:0 9px 24px #b47a1f25}.primary:hover,.gold-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.hero-slide,.account-dashboard-hero{border:1px solid #49331b;background:radial-gradient(circle at 80% 30%,#d49a2420,transparent 26%),linear-gradient(135deg,#11130f,#080909 72%);box-shadow:0 25px 65px #0008,inset 0 0 70px #0004}
.section-head h2,.page-title h1{color:#f1c35d}.section-head:after{content:"";display:block;width:74px;height:1px;margin-top:9px;background:linear-gradient(90deg,var(--v16-gold),transparent)}

.pro-footer-v16{max-width:1600px;margin:38px auto 0;padding:0 14px 16px;border:0}.footer-shell{overflow:hidden;border:1px solid #332a1d;border-radius:20px;background:linear-gradient(180deg,#090b0b,#060707);box-shadow:0 30px 90px #000a,0 0 0 1px #000 inset;position:relative}.footer-shell:before{content:"";position:absolute;left:12%;right:12%;top:-1px;height:1px;background:linear-gradient(90deg,transparent,#dba54199,transparent)}
.footer-top-v16{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr 1.35fr;gap:0;padding:30px 28px 25px}.footer-top-v16>section{padding:0 26px;border-inline-start:1px solid #24211a;min-width:0}.footer-top-v16>section:first-child{border-inline-start:0}.footer-top-v16 h4{margin:0 0 18px;color:#efb944;font-size:15px}.footer-top-v16 a{display:block;color:#c1bfba;font-size:12px;padding:6px 0;transition:.2s}.footer-top-v16 a:hover{color:#f5c75d;transform:translateX(-3px)}
.footer-brand-v16 img{width:145px;max-height:76px;object-fit:contain;object-position:right center}.footer-brand-v16 p{max-width:260px;color:#aaa7a1;line-height:1.9;font-size:11px}.footer-socials{display:flex;gap:10px;margin-top:18px}.footer-socials a{display:grid;place-items:center;width:36px;height:36px;padding:0;border-radius:50%;border:1px solid #805b20;color:#efbd4a;background:#0b0c0b}.footer-socials a:hover{background:#1a140a;transform:translateY(-2px)}
.payment-logo-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.payment-logo-grid span{min-height:45px;display:flex;align-items:center;justify-content:center;gap:5px;padding:6px;border:1px solid #61461f;border-radius:8px;background:linear-gradient(180deg,#11120f,#090a09);font-weight:800;font-size:12px;color:#e8b74a;text-align:center;letter-spacing:.2px}.payment-logo-grid .mc i{width:14px;height:14px;border-radius:50%;background:#e2462e;display:inline-block;margin-left:-5px}.payment-logo-grid .mc i+ i{background:#e7a922}

.app-coming-section{min-height:510px;display:grid;grid-template-columns:1.08fr .85fr .9fr;align-items:center;gap:25px;padding:35px 46px 24px;border-top:1px solid #242119;background:radial-gradient(circle at 58% 56%,rgba(218,155,44,.14),transparent 20%),linear-gradient(180deg,#080a0a,#070808);position:relative;isolation:isolate}.app-coming-section:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 38%,rgba(218,155,44,.035) 50%,transparent 62%);pointer-events:none;z-index:-1}.app-promo-copy{align-self:center}.app-title-row{display:flex;align-items:center;gap:18px;margin-bottom:24px}.app-mini-icon{width:70px;height:70px;border-radius:15px;display:grid;place-items:center;border:1px solid #74521f;background:#0a0b0a;box-shadow:0 0 30px #d69c2720}.app-mini-icon img{width:48px;height:48px;object-fit:contain}.app-title-row small{display:block;color:#e3ad3d;font-weight:800;font-size:16px}.app-title-row h2{font-size:42px;line-height:1;margin:4px 0;color:#fff;letter-spacing:1px}.app-title-row h2 em{font-style:normal;color:#e8b245}.app-promo-copy h3{font-size:30px;margin:0 0 14px;color:#eee}.app-promo-copy h3 span{color:#e8ae32}.app-promo-copy>p{max-width:520px;color:#b5b3ae;line-height:1.9;font-size:14px}.app-teaser-line{display:block;margin-top:12px;color:#efb63f;font-size:14px}.app-benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:29px}.app-benefits-grid>div{min-width:0;text-align:center;padding:14px 6px;border-inline-start:1px solid #302719}.app-benefits-grid>div:first-child{border-inline-start:0}.app-benefits-grid b{display:block;font-size:27px;color:#e9b143;margin-bottom:5px}.app-benefits-grid strong{display:block;font-size:11px;color:#e9b64a}.app-benefits-grid small{display:block;color:#8d8b86;font-size:9px;line-height:1.6;margin-top:5px}
.app-phone-stage{height:470px;display:grid;place-items:center;position:relative}.app-phone-stage img{position:relative;z-index:2;width:min(390px,100%);max-height:470px;object-fit:cover;object-position:center;border-radius:24px;filter:drop-shadow(0 32px 45px #000b);transform:rotate(1deg)}.app-orbit{position:absolute;width:340px;height:340px;border:1px solid #9c6c23;border-radius:50%;box-shadow:0 0 60px #d2912720,inset 0 0 45px #d2912710}.app-stage-glow{position:absolute;width:290px;height:70px;bottom:12px;border-radius:50%;background:#d79e3030;filter:blur(24px)}
.app-coming-copy{text-align:center}.app-coming-copy>small{display:inline-block;color:#efbd58;font-weight:800;font-size:15px;letter-spacing:2px}.coming-rule{display:block;width:80px;height:1px;margin:0 auto 12px;background:linear-gradient(90deg,transparent,#bb812c,transparent)}.app-coming-copy h2{font-size:68px;margin:10px 0 7px;color:#efbd58;text-shadow:0 0 28px #d3942f45}.app-coming-copy p{max-width:340px;margin:0 auto;color:#bdbab5;line-height:1.9;font-size:14px}.store-badges{display:flex;justify-content:center;gap:10px;margin-top:25px}.store-badges span{min-width:150px;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;text-align:left;align-items:center;padding:9px 13px;border:1px solid #70501f;border-radius:8px;background:#090a09;color:#fff}.store-badges b{grid-row:1/3;font-size:28px}.store-badges i{font-style:normal;font-size:8px;color:#aaa}.store-badges strong{font-size:15px}
.footer-bottom-v16{display:flex;justify-content:center;align-items:center;gap:24px;flex-wrap:wrap;padding:18px 25px;border-top:1px solid #57401e;background:linear-gradient(180deg,#090a09,#070808);color:#b8b5af;font-size:12px}.footer-bottom-v16 strong{color:#e6ad3e}.footer-bottom-v16 .credit{padding-inline-start:24px;border-inline-start:1px solid #2d281f}

@media(max-width:1180px){.footer-top-v16{grid-template-columns:1.4fr 1fr 1fr}.footer-top-v16>section{border:0;border-bottom:1px solid #222019;padding:20px}.app-coming-section{grid-template-columns:1fr 1fr}.app-coming-copy{grid-column:1/-1;padding-bottom:20px}.app-benefits-grid{grid-template-columns:repeat(2,1fr)}.app-phone-stage{height:430px}}
@media(max-width:760px){.pro-footer-v16{padding:0 8px 10px}.footer-top-v16{display:block;padding:14px}.footer-top-v16>section{padding:16px 8px}.footer-brand-v16{text-align:center}.footer-brand-v16 p{margin:10px auto}.footer-socials{justify-content:center}.payment-logo-grid{grid-template-columns:repeat(2,1fr)}.app-coming-section{display:block;padding:28px 18px}.app-title-row{justify-content:center}.app-title-row h2{font-size:34px}.app-promo-copy{text-align:center}.app-promo-copy>p{margin-inline:auto}.app-benefits-grid{grid-template-columns:repeat(2,1fr)}.app-phone-stage{height:400px;margin:25px 0}.app-phone-stage img{max-height:390px}.app-coming-copy h2{font-size:52px}.store-badges{flex-direction:column;align-items:center}.footer-bottom-v16{display:block;text-align:center}.footer-bottom-v16 .credit{display:block;margin-top:8px;padding:0;border:0}}
/* V16.1 - reliable embedded store icons (no font/emoji dependency) */
.store-badges .store-badge{position:relative;display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:11px;align-items:center;text-align:left}
.store-badges .store-icon{grid-row:1/3;width:38px;height:38px;display:grid;place-items:center;line-height:1}
.store-badges .store-icon svg{display:block;width:36px;height:36px}
.store-badges .app-store .store-icon{color:#fff}
.store-badges .store-badge i,.store-badges .store-badge strong{grid-column:2;margin:0}

/* TOFY PAY V20.1 — VIP alignment + complete light-mode safety */
.vip15-badge-shell{height:145px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:8px!important;overflow:visible!important}.vip15-badge-shell img{width:126px!important;height:126px!important;max-width:100%!important;object-fit:contain!important;object-position:center!important;mix-blend-mode:screen;display:block;margin:auto}.vip15-level{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.vip15-level strong,.vip15-level b,.vip15-level i{text-align:center;width:100%}.vip15-current-badge{object-fit:contain!important;object-position:center!important;padding:3px}
html[data-theme="light"] body{background:#f5f6f8;color:#17191c}html[data-theme="light"] .topbar{background:#fffffff2;border-color:#ddd4c2}html[data-theme="light"] .topbar nav a{color:#3b3d40}html[data-theme="light"] .side,html[data-theme="light"] .mini-card,html[data-theme="light"] .content-hero,html[data-theme="light"] .pc-card,html[data-theme="light"] .pc-filters,html[data-theme="light"] .pc-bottom-benefits{box-shadow:0 8px 28px #1a1a1a10}html[data-theme="light"] input,html[data-theme="light"] select,html[data-theme="light"] textarea{color:#17191c}html[data-theme="light"] input::placeholder,html[data-theme="light"] textarea::placeholder{color:#74777c}html[data-theme="light"] .side>a{color:#33383d}html[data-theme="light"] .side>a.on,html[data-theme="light"] .side>a:hover{color:#17191c}html[data-theme="light"] .pc-card-brand,html[data-theme="light"] .pc-card-body h3,html[data-theme="light"] .pc-bottom-benefits b{color:var(--text)}

/* TOFY PAY V20.2 — VIP definitive centering/crop fix */
.vip15-level-strip{align-items:stretch}.vip15-level{overflow:hidden}.vip15-badge-shell{width:100%!important;height:132px!important;padding:0!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:14px}.vip15-badge-shell img{width:138px!important;height:132px!important;max-width:none!important;object-fit:cover!important;object-position:50% 42%!important;transform:scale(1.08)!important;transform-origin:center!important;display:block!important;margin:0 auto!important}.vip15-current-badge{width:88px!important;height:78px!important;object-fit:cover!important;object-position:50% 42%!important;transform:scale(1.05);border-radius:12px;overflow:hidden}.vip15-roadmap{align-items:flex-start!important}.vip15-road-node{width:64px!important;min-width:64px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important}.vip15-road-node img{width:58px!important;height:58px!important;object-fit:cover!important;object-position:50% 42%!important;transform:scale(1.08);border-radius:16px!important}.vip15-road-node span{width:100%;text-align:center}.vip15-upgrade-card>img{object-fit:cover!important;object-position:50% 42%!important;transform:scale(1.02);border-radius:18px}.vip15-benefit>img{object-fit:cover!important;object-position:50% 42%!important}.vip15-req-row img{object-fit:cover!important;object-position:50% 42%!important}.vip15-royal-callout>img{object-fit:cover!important;object-position:50% 42%!important}
@media(max-width:760px){.vip15-badge-shell{height:128px!important}.vip15-badge-shell img{width:134px!important;height:128px!important}}

/* V24 Profile + VIP lifecycle */
.avatar-upload{display:grid;justify-items:center;gap:6px}.account-avatar{position:relative;overflow:hidden;cursor:pointer}.account-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.account-avatar input{display:none}.account-avatar>span{position:absolute;inset:auto 2px 2px auto;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#d9a92e;color:#090b10;font-size:13px}.avatar-help{font-size:10px;opacity:.65}.royal-dynamic{box-shadow:0 0 0 2px #d9a92e,0 0 24px #8b5cf6;animation:royalGlow 2.2s ease-in-out infinite alternate}@keyframes royalGlow{to{box-shadow:0 0 0 2px #f5d76e,0 0 38px #a855f7}}.vip-maintenance{margin:14px 0;padding:12px;border:1px solid rgba(217,169,46,.25);border-radius:14px;background:rgba(217,169,46,.05);display:grid;gap:8px}.vip-maintenance span{font-size:12px;opacity:.8}.vip-maintenance-royal{margin:24px 0;padding:26px;border-radius:24px;border:1px solid rgba(217,169,46,.28);background:radial-gradient(circle at 15% 0%,rgba(139,92,246,.16),transparent 35%),linear-gradient(135deg,rgba(217,169,46,.09),rgba(8,10,16,.96));display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;box-shadow:0 18px 60px rgba(0,0,0,.25)}.vip-maintenance-royal h2{margin:4px 0 8px}.vip-maint-ring{width:110px;height:110px;border-radius:50%;display:grid;place-content:center;text-align:center;border:2px solid #d9a92e;box-shadow:inset 0 0 24px rgba(217,169,46,.14),0 0 26px rgba(139,92,246,.14)}.vip-maint-ring strong{font-size:25px;color:#f1cc61}.vip-maint-ring span{font-size:10px;opacity:.65}.vip-maint-bar{grid-column:1/-1;height:9px;background:#171b25;border-radius:20px;overflow:hidden}.vip-maint-bar i{display:block;height:100%;background:linear-gradient(90deg,#7c3aed,#d9a92e);border-radius:inherit}.vip-maint-warning,.vip-maint-safe{grid-column:1/-1;margin:0;font-size:12px}.vip-maint-warning{color:#f2c15d}.vip-maint-safe{color:#7ee2a8}@media(max-width:800px){.vip-maintenance-royal{grid-template-columns:1fr}.vip-maint-ring{width:90px;height:90px}.vip-maint-bar,.vip-maint-warning,.vip-maint-safe{grid-column:1}}

/* TOFY PAY V24.1 — complete VIP visual rebuild. Scoped to .v25-vip; footer untouched. */
.v25-vip{display:grid;gap:16px;min-width:0;padding:0 0 20px}.v25-vip *{box-sizing:border-box}.v25-vip-hero{min-height:270px;border:1px solid #5e4320;border-radius:24px;overflow:hidden;position:relative;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(240px,.55fr);align-items:center;padding:34px 38px;background:radial-gradient(circle at 84% 36%,#6e39c82e 0,transparent 24%),radial-gradient(circle at 24% 8%,#e2a93d23 0,transparent 31%),linear-gradient(135deg,#0b0d11 0,#060708 58%,#100c18 100%);box-shadow:0 24px 70px #0008,inset 0 0 90px #0006}.v25-vip-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 48%,#d7a33d08 49% 50%,transparent 51%);pointer-events:none}.v25-eyebrow{color:#e5b64f;font-size:10px;font-weight:800;letter-spacing:3px}.v25-hero-copy{position:relative;z-index:2}.v25-hero-copy h1{font-size:34px;line-height:1.35;margin:10px 0 9px;max-width:700px}.v25-hero-copy h1 em{font-style:normal;color:#efbf58}.v25-hero-copy p{max-width:760px;color:#aeb0b5;line-height:1.9;margin:0;font-size:12px}.v25-hero-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.v25-hero-pills span{border:1px solid #4b3a21;background:#ffffff05;color:#d9d9d7;border-radius:999px;padding:8px 12px;font-size:10px}.v25-hero-royal{position:relative;display:grid;justify-items:center;align-content:center;min-height:215px}.v25-hero-royal:before{content:"";position:absolute;width:225px;height:225px;border-radius:50%;border:1px solid #9b6e2e55;box-shadow:0 0 0 24px #9b6e2e0a,0 0 70px #8756d52b,inset 0 0 50px #d9a4370d}.v25-hero-royal img{position:relative;width:180px;height:145px;object-fit:contain;filter:drop-shadow(0 18px 25px #0009)}.v25-hero-royal strong{position:relative;font-size:32px;color:#f0c160;line-height:1}.v25-hero-royal small{position:relative;color:#a98ede;letter-spacing:5px;font-weight:900;margin-top:4px}.v25-crown{position:absolute;top:7px;font-size:30px;color:#f0c160;filter:drop-shadow(0 0 12px #dca538)}
.v25-level-rail{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;border:1px solid #30281c;border-radius:21px;padding:10px;background:linear-gradient(180deg,#0b0d0f,#070809);box-shadow:0 16px 45px #0006}.v25-level-card{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid #25272b;border-radius:16px;padding:9px 7px 11px;background:linear-gradient(180deg,#101216,#0a0b0d);overflow:hidden;transition:.2s}.v25-level-card.active{border-color:#d8a443;box-shadow:inset 0 0 35px #d7a33d17,0 0 24px #d7a33d12;transform:translateY(-2px)}.v25-level-card.lv6{background:radial-gradient(circle at 50% 20%,#7048b923,transparent 48%),linear-gradient(180deg,#111017,#0a0b0d)}.v25-level-state{position:absolute;top:7px;right:7px;min-height:16px;color:#dfb253;font-size:7px;font-weight:900}.v25-badge-box{width:100%;height:92px;display:flex;align-items:center;justify-content:center;overflow:visible}.v25-badge-box img{width:102px;height:88px;object-fit:contain!important;object-position:center!important;transform:none!important;mix-blend-mode:normal!important;filter:drop-shadow(0 9px 14px #0008)}.v25-level-card h3{font-size:11px;margin:1px 0 6px}.v25-level-card h3 small{color:#8f9399;font-size:8px;font-weight:500}.v25-level-card>b{font-size:12px;color:#e8b650}.v25-level-card>span:not(.v25-level-state){font-size:7px;color:#767b82;margin-top:2px}.v25-level-card>em{margin-top:6px;font-style:normal;font-size:8px;color:#aeb0b4}
.v25-vip-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr);gap:14px}.v25-profile-card,.v25-maint-card,.v25-rules-card,.v25-royal-card{border:1px solid #34301f;border-radius:22px;background:linear-gradient(145deg,#0e1114,#080a0c);box-shadow:0 18px 50px #0006}.v25-profile-card{padding:21px;overflow:hidden}.v25-profile-card.royal{background:radial-gradient(circle at 10% 0,#6f42c41a,transparent 35%),linear-gradient(145deg,#101116,#080a0c)}.v25-profile-top{display:grid;grid-template-columns:72px minmax(0,1fr) 92px;gap:13px;align-items:center}.v25-avatar{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;overflow:hidden;border:2px solid #b78332;background:radial-gradient(circle at 35% 20%,#40341f,#101318 66%);font-size:25px;font-weight:900;color:#efbf5b}.v25-avatar img{width:100%;height:100%;object-fit:cover}.v25-avatar.royal-avatar{animation:v25RoyalGlow 2.1s ease-in-out infinite alternate;border-color:#e2b451;box-shadow:0 0 0 3px #6e42c43d,0 0 24px #a168ff44}@keyframes v25RoyalGlow{to{box-shadow:0 0 0 3px #e2b45135,0 0 38px #a168ff77}}.v25-profile-copy small{color:#777d84;font-size:8px}.v25-profile-copy h2{margin:3px 0 7px;font-size:19px}.v25-rank-badge{display:inline-flex;border:1px solid #765526;background:#1a140b;color:#efbf58;border-radius:999px;padding:6px 10px;font-size:9px}.v25-current-emblem{width:92px;height:78px;object-fit:contain!important;transform:none!important;mix-blend-mode:normal!important}.v25-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:17px}.v25-stat-row div{padding:12px;border-radius:13px;border:1px solid #242830;background:#090c10}.v25-stat-row small{display:block;color:#7e858d;font-size:8px}.v25-stat-row b{display:block;font-size:16px;margin-top:4px;color:#e8b750}.v25-upgrade-progress{margin-top:14px;padding:14px;border:1px solid #2b3038;border-radius:15px;background:#080b0e}.v25-upgrade-progress>div:first-child{display:flex;justify-content:space-between;font-size:9px;color:#8e949b}.v25-upgrade-progress>div:first-child b{color:#e6b44d}.v25-bar{height:8px!important;margin:10px 0 7px!important;border-radius:999px;background:#222833!important;overflow:hidden}.v25-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7c45d5,#3bbdf2,#e1ac3e);box-shadow:0 0 16px #50bff555}.v25-upgrade-progress p{margin:0;color:#a1a6ac;font-size:9px}.v25-secondary,.v25-primary{display:block;text-align:center;margin-top:12px;border-radius:11px;padding:10px;font-size:10px;font-weight:800}.v25-secondary{border:1px solid #3b3122;background:#101214;color:#d9d9d7}.v25-primary{border:1px solid #9b6d27;background:linear-gradient(#e8b650,#ad741c);color:#171005}
.v25-maint-card{padding:21px;background:radial-gradient(circle at 100% 0,#6f43c319,transparent 33%),linear-gradient(145deg,#0e1114,#080a0d)}.v25-card-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.v25-card-title small{color:#c09a4b;font-size:8px;letter-spacing:2px}.v25-card-title h2{font-size:18px;margin:3px 0}.v25-days{border:1px solid #684b24;background:#171108;color:#edba55;border-radius:999px;padding:7px 10px;font-size:9px}.v25-maint-main{display:grid;grid-template-columns:105px 1fr;align-items:center;gap:16px;margin-top:17px;padding:16px;border-radius:17px;border:1px solid #2a2f38;background:#080b0f}.v25-ring{--pct:0;width:92px;height:92px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at center,#0b0e13 57%,transparent 59%),conic-gradient(#d7a33d calc(var(--pct)*1%),#242935 0);box-shadow:0 0 28px #8054d51c}.v25-ring strong{font-size:20px;color:#efbf58}.v25-ring span{font-size:7px;color:#7f858c}.v25-maint-main>div:last-child>small{color:#7f858d;font-size:8px}.v25-maint-main>div:last-child>b{display:block;font-size:20px;margin:4px 0}.v25-maint-main>div:last-child>b i{font-style:normal;color:#737a82;font-size:11px}.v25-maint-main p{margin:0;color:#d5aa54;font-size:9px;line-height:1.6}.v25-maint-levels{display:flex;gap:6px;overflow:auto;margin-top:10px;padding-bottom:3px}.v25-maint-levels>span{flex:1;min-width:82px;border:1px solid #292d34;border-radius:11px;padding:8px;text-align:center;background:#090c0f}.v25-maint-levels>span.safe{border-color:#3d735d;background:#0b1613}.v25-maint-levels b,.v25-maint-levels small,.v25-maint-levels i{display:block}.v25-maint-levels b{font-size:10px}.v25-maint-levels small{font-size:7px;color:#777e86;margin:2px 0}.v25-maint-levels i{font-style:normal;font-size:7px;color:#b4b8bd}.v25-maint-levels .safe i{color:#77d5aa}.v25-maint-note{margin:11px 0 0;color:#848a91;font-size:8px;line-height:1.7}.v25-empty-maint{text-align:center;padding:50px 10px 35px}.v25-empty-maint b{font-size:18px}.v25-empty-maint p{color:#858b91;font-size:10px}
.v25-section{border:1px solid #302a1e;border-radius:22px;padding:18px;background:linear-gradient(180deg,#0b0d10,#080a0b);box-shadow:0 18px 50px #0005}.v25-section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:13px}.v25-section-heading small{color:#d6a746;font-size:8px;letter-spacing:2px}.v25-section-heading h2{font-size:20px;margin:4px 0}.v25-section-heading p{max-width:450px;margin:0;color:#7e848b;font-size:9px;line-height:1.7}.v25-benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.v25-benefit{border:1px solid #292d34;border-radius:16px;padding:13px;background:linear-gradient(145deg,#101319,#090b0e);opacity:.72}.v25-benefit.unlocked{opacity:1;border-color:#544224}.v25-benefit.lv6{background:radial-gradient(circle at 90% 0,#794bd02a,transparent 38%),linear-gradient(145deg,#11131a,#090b0e)}.v25-benefit-head{display:grid;grid-template-columns:58px 1fr auto;gap:9px;align-items:center}.v25-benefit-head img{width:58px;height:52px;object-fit:contain!important;transform:none!important;mix-blend-mode:normal!important}.v25-benefit-head small{font-size:7px;color:#8a9097}.v25-benefit-head h3{font-size:15px;margin:1px 0}.v25-benefit-head>span{font-size:12px;color:#dcb052}.v25-benefit ul{padding:0 17px 0 0;margin:10px 0;color:#aeb2b7;font-size:8px;line-height:1.9}.v25-card-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #252932;padding-top:8px;font-size:8px;color:#8a9097}.v25-card-foot b{color:#d8aa4b}.v25-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.v25-rules-card{padding:20px}.v25-rule{display:grid;grid-template-columns:35px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid #23272e}.v25-rule:last-child{border-bottom:0}.v25-rule>b{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:#17130d;color:#d9aa4e;border:1px solid #514024;font-size:9px}.v25-rule p{margin:0}.v25-rule strong,.v25-rule span{display:block}.v25-rule strong{font-size:10px}.v25-rule span{font-size:8px;color:#7f858c;margin-top:3px}.v25-royal-card{position:relative;overflow:hidden;display:grid;grid-template-columns:165px 1fr;align-items:center;padding:22px;background:radial-gradient(circle at 9% 50%,#7b4fd537,transparent 31%),linear-gradient(135deg,#10121a,#090a0d)}.v25-royal-card>img{position:relative;z-index:2;width:160px;height:145px;object-fit:contain!important;transform:none!important;mix-blend-mode:normal!important;filter:drop-shadow(0 18px 22px #0009)}.v25-royal-card>div:not(.v25-royal-glow){position:relative;z-index:2}.v25-royal-card small{color:#c29bff;font-size:8px;letter-spacing:2px}.v25-royal-card h2{margin:4px 0 7px;font-size:20px}.v25-royal-card p{font-size:9px;color:#9ba0a8;line-height:1.8}.v25-royal-card b,.v25-royal-card span{display:block}.v25-royal-card b{color:#efbb55;font-size:12px;margin-top:9px}.v25-royal-card span{font-size:8px;color:#997be0;margin-top:4px}.v25-royal-glow{position:absolute;width:220px;height:220px;border-radius:50%;background:#8356db22;filter:blur(35px);right:-50px;top:-80px}
html[data-theme="light"] .v25-vip-hero,html[data-theme="light"] .v25-level-rail,html[data-theme="light"] .v25-profile-card,html[data-theme="light"] .v25-maint-card,html[data-theme="light"] .v25-section,html[data-theme="light"] .v25-rules-card,html[data-theme="light"] .v25-royal-card{color:#16191d;background:#fff;border-color:#ded3bf;box-shadow:0 12px 34px #1c1c1c12}html[data-theme="light"] .v25-level-card,html[data-theme="light"] .v25-stat-row div,html[data-theme="light"] .v25-upgrade-progress,html[data-theme="light"] .v25-maint-main,html[data-theme="light"] .v25-maint-levels>span,html[data-theme="light"] .v25-benefit{background:#f7f8fa;color:#16191d;border-color:#e0e2e5}html[data-theme="light"] .v25-hero-copy p,html[data-theme="light"] .v25-section-heading p,html[data-theme="light"] .v25-benefit ul,html[data-theme="light"] .v25-rule span{color:#5d646d}
@media(max-width:1320px){.v25-level-rail{grid-template-columns:repeat(3,1fr)}.v25-vip-grid{grid-template-columns:1fr}.v25-benefits-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.v25-vip-hero{grid-template-columns:1fr;padding:24px 18px}.v25-hero-copy h1{font-size:26px}.v25-hero-royal{min-height:190px}.v25-level-rail{grid-template-columns:repeat(2,1fr)}.v25-profile-top{grid-template-columns:58px 1fr}.v25-avatar{width:58px;height:58px}.v25-current-emblem{display:none}.v25-stat-row{grid-template-columns:1fr}.v25-maint-main{grid-template-columns:82px 1fr}.v25-ring{width:78px;height:78px}.v25-benefits-grid,.v25-bottom-grid{grid-template-columns:1fr}.v25-section-heading{display:block}.v25-section-heading p{margin-top:6px}.v25-royal-card{grid-template-columns:120px 1fr;padding:16px}.v25-royal-card>img{width:115px;height:110px}}
@media(max-width:460px){.v25-level-rail{grid-template-columns:1fr 1fr}.v25-badge-box{height:78px}.v25-badge-box img{width:88px;height:76px}.v25-royal-card{grid-template-columns:1fr;text-align:center}.v25-royal-card>img{margin:auto}.v25-hero-pills{display:grid;grid-template-columns:1fr 1fr}.v25-maint-main{grid-template-columns:1fr}.v25-ring{margin:auto}}
/* V24.3 VIP4+ Dynamic Profile + approved motivational slider */
.v26-vip-slider{position:relative;min-height:365px;border:1px solid #604719;border-radius:26px;overflow:hidden;background:#07080b;box-shadow:0 24px 70px #0008;margin-bottom:18px}.v26-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .65s ease,transform .65s ease;transform:scale(1.015);display:flex;align-items:center;padding:48px 8%;isolation:isolate}.v26-slide.active{opacity:1;visibility:visible;transform:scale(1)}.v26-slide:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#07080bf2 0%,#090a0dcc 42%,#090a0d35 72%,#07080b9c 100%)}.v26-slide-approved{background:url('../vip/vip-hero-approved.png') center 16%/cover no-repeat}.v26-slide-dynamic{background:radial-gradient(circle at 75% 45%,#3183c63b,transparent 28%),radial-gradient(circle at 86% 40%,#8457ff42,transparent 32%),linear-gradient(125deg,#07090d,#0b1018 58%,#090810)}.v26-slide-maintain{background:radial-gradient(circle at 78% 45%,#d89d2942,transparent 28%),radial-gradient(circle at 86% 45%,#7b42e332,transparent 34%),linear-gradient(125deg,#08090c,#111019 62%,#09080b)}.v26-slide>img{position:absolute;left:9%;width:290px;height:290px;object-fit:contain;filter:drop-shadow(0 0 34px #d5a53c45);z-index:-1}.v26-slide-copy{max-width:610px;margin-right:auto}.v26-slide-copy>span{color:#e9b84d;font-size:11px;font-weight:900;letter-spacing:3px}.v26-slide-copy h1,.v26-slide-copy h2{font-size:clamp(34px,4vw,62px);line-height:1.08;margin:13px 0;color:#f7f7f5}.v26-slide-copy em{font-style:normal;color:#efbd54}.v26-slide-copy p{color:#b9bbc2;font-size:15px;line-height:1.9;max-width:570px}.v26-slide-copy a{display:inline-flex;margin-top:12px;padding:12px 22px;border-radius:12px;background:linear-gradient(#f1c45e,#b97c1d);color:#160f04;font-weight:900}.v26-prev,.v26-next{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:44px;height:44px;border-radius:50%;border:1px solid #d9aa45;background:#090b0dcc;color:#f3c762;font-size:30px;cursor:pointer}.v26-prev{right:18px}.v26-next{left:18px}.v26-dots{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:5}.v26-dots button{width:9px;height:9px;border:0;border-radius:20px;background:#74767d;cursor:pointer}.v26-dots button.active{width:34px;background:#e9b84d}.vip-dynamic{position:relative;isolation:isolate}.vip-dynamic:after{content:"";position:absolute;inset:-5px;border-radius:inherit;pointer-events:none;z-index:-1;animation:vipFramePulse 2.4s ease-in-out infinite alternate}.vip-dynamic-4{border-color:#8fd4ff!important;box-shadow:0 0 0 2px #8fd4ff35,0 0 26px #4ab9ff48!important}.vip-dynamic-4:after{background:conic-gradient(from 0deg,#d8f2ff,#5dbdff,#d7e7f0,#8fd4ff,#d8f2ff);filter:blur(7px)}.vip-dynamic-5{border-color:#64a8ff!important;box-shadow:0 0 0 2px #8f6cff45,0 0 30px #3f8cff66!important}.vip-dynamic-5:after{background:conic-gradient(from 0deg,#5dd7ff,#765cff,#d9f8ff,#347cff,#5dd7ff);filter:blur(8px)}.vip-dynamic-6{border-color:#e6b74f!important;box-shadow:0 0 0 2px #e6b74f55,0 0 36px #8d4cff77!important}.vip-dynamic-6:after{background:conic-gradient(from 0deg,#f7d56e,#8d4cff,#f7c84e,#5b2bb7,#f7d56e);filter:blur(9px)}@keyframes vipFramePulse{to{transform:rotate(7deg) scale(1.035);opacity:.72}}@media(max-width:900px){.v26-vip-slider{min-height:410px}.v26-slide{padding:38px 55px 58px}.v26-slide>img{left:4%;width:210px;height:210px;opacity:.52}.v26-slide-copy{max-width:75%}.v26-slide-copy h1,.v26-slide-copy h2{font-size:34px}}@media(max-width:650px){.v26-vip-slider{min-height:430px}.v26-slide{padding:35px 42px 60px;align-items:flex-end}.v26-slide-approved{background-position:center top}.v26-slide:after{background:linear-gradient(0deg,#07080bf8 15%,#08090da8 60%,#07080b35)}.v26-slide-copy{max-width:100%}.v26-slide-copy h1,.v26-slide-copy h2{font-size:28px}.v26-slide-copy p{font-size:12px}.v26-slide>img{left:50%;top:18px;transform:translateX(-50%);width:190px;height:190px}.v26-prev,.v26-next{width:36px;height:36px}.v26-prev{right:8px}.v26-next{left:8px}}

/* TOFY PAY V24.4 — cinematic VIP slider. Replaces V26 slider visually; footer untouched. */
.v27-vip-slider{position:relative;height:clamp(330px,31vw,480px);border:1px solid rgba(218,164,52,.72);border-radius:26px;overflow:hidden;background:#050609;box-shadow:0 24px 72px rgba(0,0,0,.46),inset 0 0 0 1px rgba(255,255,255,.015);margin-bottom:20px;isolation:isolate}
.v27-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:scale(1.02);transition:opacity .8s ease,transform 1.2s cubic-bezier(.2,.75,.2,1);background-position:center;background-size:cover;background-repeat:no-repeat;display:flex;align-items:center}
.v27-slide.active{opacity:1;visibility:visible;transform:scale(1)}
.v27-slide-royal{background:#050609}.v27-full-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;border:0;display:block}
.v27-slide-dynamic{background-image:linear-gradient(90deg,rgba(4,6,10,.04) 0%,rgba(4,6,10,.12) 36%,rgba(4,6,10,.08) 100%),url('../vip/slider/dynamic.webp')}
.v27-slide-maintain{background-image:linear-gradient(90deg,rgba(4,5,8,.04) 0%,rgba(4,5,8,.12) 38%,rgba(4,5,8,.05) 100%),url('../vip/slider/maintenance.webp')}
.v27-copy{position:relative;z-index:3;width:min(570px,49%);margin-right:7%;padding:26px 28px;border-radius:22px;background:linear-gradient(115deg,rgba(3,5,9,.88),rgba(8,8,13,.57) 72%,transparent);backdrop-filter:blur(3px);box-shadow:0 25px 70px rgba(0,0,0,.25)}
.v27-copy>span{display:inline-flex;color:#eaba53;font-size:11px;font-weight:900;letter-spacing:2.7px;margin-bottom:9px}.v27-copy h2{margin:0 0 12px;color:#fff;font-size:clamp(30px,3.2vw,50px);line-height:1.12;font-weight:950}.v27-copy h2 em{color:#efbd54;font-style:normal}.v27-copy p{margin:0;color:#c4c5cb;font-size:14px;line-height:1.85;max-width:530px}.v27-pills{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0 0}.v27-pills b{padding:7px 11px;border:1px solid rgba(226,179,80,.28);border-radius:999px;background:rgba(8,10,15,.64);color:#e9e0cc;font-size:10px;font-weight:800}.v27-copy>a{display:inline-flex;align-items:center;justify-content:center;margin-top:18px;padding:12px 22px;border-radius:12px;background:linear-gradient(180deg,#f4cc69,#c9891e);box-shadow:0 9px 25px rgba(213,153,39,.25);color:#160f04;font-weight:950;text-decoration:none;transition:.2s transform,.2s filter}.v27-copy>a:hover{transform:translateY(-2px);filter:brightness(1.06)}
.v27-prev,.v27-next{position:absolute;z-index:8;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(235,187,84,.72);background:rgba(5,7,10,.76);backdrop-filter:blur(8px);color:#f1c660;font-size:34px;line-height:1;cursor:pointer;box-shadow:0 8px 25px rgba(0,0,0,.35);transition:.2s}.v27-prev:hover,.v27-next:hover{background:#c98a22;color:#100b03}.v27-prev{right:18px}.v27-next{left:18px}
.v27-dots{position:absolute;z-index:9;bottom:15px;left:50%;transform:translateX(-50%);display:flex;gap:7px;padding:6px 10px;border-radius:999px;background:rgba(2,3,5,.35);backdrop-filter:blur(5px)}.v27-dots button{width:9px;height:9px;padding:0;border:0;border-radius:999px;background:#7b7d82;cursor:pointer;transition:.25s}.v27-dots button.active{width:34px;background:linear-gradient(90deg,#f2c459,#be7e1d)}
@media(max-width:900px){.v27-vip-slider{height:420px}.v27-full-art{object-fit:cover;object-position:center}.v27-copy{width:min(610px,75%);margin-right:7%;padding:22px}.v27-copy h2{font-size:34px}.v27-prev,.v27-next{width:42px;height:42px;font-size:28px}}
@media(max-width:650px){.v27-vip-slider{height:500px;border-radius:20px}.v27-slide-dynamic,.v27-slide-maintain{background-position:70% center}.v27-slide-dynamic:after,.v27-slide-maintain:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#050609 12%,rgba(5,6,9,.95) 40%,rgba(5,6,9,.2) 80%)}.v27-copy{position:absolute;z-index:4;bottom:42px;right:14px;left:14px;width:auto;margin:0;padding:18px;background:linear-gradient(180deg,rgba(5,6,9,.15),rgba(5,6,9,.94) 30%)}.v27-copy h2{font-size:27px}.v27-copy p{font-size:12px;line-height:1.65}.v27-pills{display:none}.v27-copy>a{padding:10px 17px;margin-top:12px}.v27-prev,.v27-next{top:44%;width:36px;height:36px}.v27-prev{right:7px}.v27-next{left:7px}.v27-full-art{object-position:center;transform:scale(1.2)}}

/* V24.5 cinematic VIP slider — scene based, no cropped banner artwork */
.v28-vip-slider{position:relative;height:430px;margin:0 0 22px;border:1px solid #8f6516;border-radius:28px;overflow:hidden;background:#050608;box-shadow:0 24px 80px #0009,inset 0 0 80px #d7941110;isolation:isolate}
.v28-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .75s ease,transform 1s ease;transform:scale(1.015);display:grid;grid-template-columns:48% 52%;direction:ltr;background:radial-gradient(circle at 70% 48%,#2b124c 0,#0a0b11 38%,#030405 78%)}
.v28-slide.active{opacity:1;visibility:visible;transform:scale(1);z-index:2}.v28-copy{direction:rtl;align-self:center;padding:48px 38px 55px 70px;z-index:5;text-align:right}.v28-copy small{color:#f3bd42;letter-spacing:4px;font-weight:900}.v28-copy h2{font-size:48px;line-height:1.08;margin:12px 0;color:#fff;font-weight:950}.v28-copy h2 em{display:block;color:#f4bd45;font-style:normal;text-shadow:0 0 28px #d9973044}.v28-copy p{color:#c7c5cb;font-size:16px;line-height:1.9;max-width:580px}.v28-features{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.v28-features b{border:1px solid #795617;background:#0b0c0fdd;color:#eee;border-radius:999px;padding:9px 14px;font-size:12px}.v28-copy>a{display:inline-block;background:linear-gradient(135deg,#ffd66a,#c8840d);color:#171006!important;font-weight:900;padding:13px 25px;border-radius:14px;box-shadow:0 12px 35px #d8912738}.v28-scene{position:relative;overflow:hidden;min-width:0;background:radial-gradient(circle at 50% 50%,#351650 0,#10101a 34%,#050608 70%)}
.v28-scene:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 15%,#e2a22b12 40%,transparent 55%),repeating-linear-gradient(115deg,transparent 0 70px,#fff 71px 72px,transparent 73px 145px);opacity:.13}.v28-hero-badge{position:absolute;width:min(360px,70%);height:min(360px,80%);object-fit:contain;left:50%;top:48%;transform:translate(-50%,-50%);filter:drop-shadow(0 0 28px #e8a22c88) drop-shadow(0 25px 30px #000);z-index:4;animation:v28float 4.8s ease-in-out infinite}.v28-pedestal{position:absolute;width:66%;height:70px;border-radius:50%;left:50%;bottom:25px;transform:translateX(-50%);background:radial-gradient(ellipse,#ffbf3b88 0,#9c551744 30%,transparent 70%);box-shadow:0 -8px 45px #ffbd3844}.v28-crystal{position:absolute;width:24px;height:90px;background:linear-gradient(160deg,#cf7cff,#6b2dba 55%,#241040);clip-path:polygon(50% 0,100% 25%,75% 100%,25% 100%,0 25%);filter:drop-shadow(0 0 16px #a94fff);opacity:.8}.v28-crystal.c1{left:12%;top:18%;transform:rotate(-13deg)}.v28-crystal.c2{right:11%;top:25%;transform:rotate(14deg) scale(.8)}.v28-crystal.c3{right:22%;bottom:8%;transform:rotate(-5deg) scale(.55)}
.v28-dynamic{background:radial-gradient(circle at 28% 50%,#142e50 0,#0a0b12 34%,#030405 78%)}.v28-dynamic-scene{background:radial-gradient(circle at 50% 50%,#14385d 0,#11152a 35%,#050608 73%)}.v28-orbit{position:absolute;border:1px solid #5bc5ff55;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.v28-orbit.o1{width:420px;height:420px;box-shadow:0 0 55px #7544ff22}.v28-orbit.o2{width:300px;height:300px;border-color:#e6a73c55}.v28-tier{position:absolute;object-fit:contain;filter:drop-shadow(0 15px 30px #000) drop-shadow(0 0 18px #62baff44);z-index:3}.v28-tier.t4{width:280px;height:280px;left:36%;top:50%;transform:translate(-50%,-50%);z-index:5}.v28-tier.t5{width:190px;height:190px;left:68%;top:38%;transform:translate(-50%,-50%) rotate(4deg)}.v28-tier.t6{width:155px;height:155px;left:72%;top:72%;transform:translate(-50%,-50%) rotate(-3deg);filter:drop-shadow(0 0 25px #e9a22d77)}.v28-spark{position:absolute;color:#ffd568;font-size:30px;text-shadow:0 0 20px #ffd568}.v28-spark.s1{left:17%;top:22%}.v28-spark.s2{right:14%;bottom:17%}
.v28-maintain{background:radial-gradient(circle at 30% 50%,#3a1a08 0,#0c0a0c 38%,#030405 80%)}.v28-maintain-scene{background:radial-gradient(circle at 50% 50%,#3b1f12 0,#121018 38%,#050608 75%)}.v28-clock{position:absolute;left:26%;top:45%;transform:translate(-50%,-50%);width:190px;height:190px;border-radius:50%;display:grid;place-content:center;text-align:center;border:10px solid #d99b29;box-shadow:0 0 0 8px #2c1c0c,0 0 55px #d99b2955,inset 0 0 35px #000}.v28-clock:before{content:"";position:absolute;inset:13px;border-radius:50%;border:1px solid #f4ca7155}.v28-clock strong{font-size:70px;color:#ffd15f;line-height:.85}.v28-clock span{color:#fff;margin-top:8px}.v28-road{position:absolute;right:4%;left:42%;top:27%;bottom:18%;display:flex;align-items:center;justify-content:space-around;border-bottom:2px solid #d69a2f66}.v28-road:before{content:"";position:absolute;left:0;right:0;bottom:-3px;height:5px;background:linear-gradient(90deg,#777,#d99c2e,#7749d9);filter:blur(3px)}.v28-road img{width:30%;height:80%;object-fit:contain;filter:drop-shadow(0 12px 25px #000)}.v28-road img:nth-child(2){transform:translateY(-16px)}.v28-road img:nth-child(3){transform:translateY(-35px);filter:drop-shadow(0 0 25px #d99b2955)}.v28-flare{position:absolute;right:5%;top:8%;width:170px;height:170px;background:radial-gradient(circle,#ffd76a55,transparent 65%);filter:blur(10px)}
.v28-prev,.v28-next{position:absolute;z-index:10;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:1px solid #b67c16;background:#08090bdc;color:#f8c44e;font-size:35px;display:grid;place-items:center;cursor:pointer}.v28-prev{right:18px}.v28-next{left:18px}.v28-dots{position:absolute;z-index:10;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.v28-dots button{width:9px;height:9px;border:0;border-radius:20px;background:#8c8d92;padding:0}.v28-dots button.active{width:38px;background:#f0b943}.v28-slide.active .v28-copy{animation:v28copy .7s ease both}.v28-slide.active .v28-scene{animation:v28scene 1.2s ease both}@keyframes v28float{50%{transform:translate(-50%,-53%)}}@keyframes v28copy{from{opacity:0;transform:translateX(22px)}to{opacity:1;transform:none}}@keyframes v28scene{from{opacity:.5;transform:scale(1.04)}to{opacity:1;transform:none}}
@media(max-width:900px){.v28-vip-slider{height:620px}.v28-slide{grid-template-columns:1fr;grid-template-rows:54% 46%}.v28-scene{grid-row:1}.v28-copy{grid-row:2;padding:22px 45px 45px;text-align:center}.v28-copy h2{font-size:34px}.v28-copy p{margin:auto}.v28-features{justify-content:center}.v28-hero-badge{height:90%;width:55%}.v28-tier.t4{width:220px;height:220px}.v28-tier.t5{width:145px;height:145px}.v28-tier.t6{width:120px;height:120px}.v28-clock{width:130px;height:130px;left:20%}.v28-clock strong{font-size:48px}}
@media(max-width:560px){.v28-vip-slider{height:650px;border-radius:20px}.v28-slide{grid-template-rows:48% 52%}.v28-copy{padding:15px 24px 48px}.v28-copy small{font-size:9px;letter-spacing:2px}.v28-copy h2{font-size:29px}.v28-copy p{font-size:12px;line-height:1.7}.v28-features b{font-size:9px;padding:7px 9px}.v28-prev,.v28-next{width:38px;height:38px;font-size:26px}.v28-prev{right:8px}.v28-next{left:8px}.v28-tier.t4{width:170px;height:170px;left:42%}.v28-tier.t5{width:110px;height:110px;left:70%}.v28-tier.t6{width:90px;height:90px;left:73%}.v28-clock{width:105px;height:105px;border-width:6px;left:18%}.v28-clock strong{font-size:38px}.v28-road{left:36%;right:2%}}

/* V29.5 profile avatar + VIP level frames */
.user-avatar{width:36px;height:36px;flex:0 0 36px;border-radius:50%;display:grid;place-items:center;overflow:hidden;position:relative;background:linear-gradient(145deg,#2a2138,#111522);color:#fff;font-weight:900;border:1px solid rgba(255,255,255,.12);box-sizing:border-box}.user-avatar img{width:100%;height:100%;object-fit:cover;display:block}.user-avatar b{font-size:14px}.account-btn .header-avatar{width:38px;height:38px;flex-basis:38px}.home28-user-mini .home-avatar{width:38px;height:38px;flex-basis:38px}.home28-user-mini .avatar{display:none!important}.vip-avatar-frame{overflow:visible!important;isolation:isolate}.vip-avatar-frame>img,.vip-avatar-frame>b{border-radius:50%;position:relative;z-index:2}.vip-avatar-frame:before{content:"";position:absolute;inset:-4px;border-radius:50%;z-index:1;pointer-events:none}.vip-avatar-1:before{background:linear-gradient(135deg,#6f391d,#d08a46,#7b4125);box-shadow:0 0 13px #b76c334d}.vip-avatar-2:before{background:linear-gradient(135deg,#7d8797,#eef3fa,#8995a8);box-shadow:0 0 14px #c9d5e64d}.vip-avatar-3:before{background:linear-gradient(135deg,#a56c12,#ffd96a,#c88e1f);box-shadow:0 0 18px #f6bb3f61}.vip-avatar-4:before{background:conic-gradient(#b9f1ff,#67bfff,#eee,#8fd4ff,#b9f1ff);box-shadow:0 0 20px #67c7ff66}.vip-avatar-5:before{background:conic-gradient(#7af1ff,#685dff,#d9fbff,#358cff,#7af1ff);box-shadow:0 0 24px #4f9cff7a}.vip-avatar-6:before{background:conic-gradient(#ffe477,#9b55ff,#ffc43d,#6d35cf,#ffe477);box-shadow:0 0 27px #a45cff80,0 0 14px #ffc94f66}.vip-avatar-4:before,.vip-avatar-5:before,.vip-avatar-6:before{animation:tofyVipAvatarSpin 7s linear infinite}.vip-avatar-frame>img{width:100%;height:100%;object-fit:cover}.account-avatar.vip-avatar-frame{overflow:visible}.account-avatar.vip-avatar-frame img{border-radius:17px;z-index:2}.account-avatar.vip-avatar-frame:before{border-radius:20px}.account-avatar.vip-avatar-frame>span{z-index:4}@keyframes tofyVipAvatarSpin{to{transform:rotate(360deg)}}

/* V29.6 larger profile avatars */
.account-btn{gap:11px}
.account-btn .header-avatar{width:52px;height:52px;flex:0 0 52px}
.home28-user-mini .home-avatar{width:54px;height:54px;flex:0 0 54px}
.account-dashboard-hero .account-avatar{width:96px;height:96px;border-radius:26px;font-size:34px}
.account-dashboard-hero .account-avatar.vip-avatar-frame:before{inset:-6px;border-radius:31px}
.account-dashboard-hero .account-avatar.vip-avatar-frame img{border-radius:26px}
.account-dashboard-hero .account-avatar>span{width:30px;height:30px;font-size:15px;right:2px;bottom:2px}
.v25-profile-top{grid-template-columns:96px minmax(0,1fr) 92px}
.v25-avatar{width:96px;height:96px;font-size:30px}
.v25-avatar.vip-avatar-frame:before{inset:-6px}
.vip15-profile-head{grid-template-columns:86px 1fr 80px}
.vip15-avatar{width:86px;height:86px;font-size:26px}
@media(max-width:760px){
  .account-btn .header-avatar{width:46px;height:46px;flex-basis:46px}
  .home28-user-mini .home-avatar{width:48px;height:48px;flex-basis:48px}
  .account-dashboard-hero .account-avatar{width:78px;height:78px;border-radius:22px}
  .account-dashboard-hero .account-avatar.vip-avatar-frame img{border-radius:22px}
  .account-dashboard-hero .account-avatar.vip-avatar-frame:before{border-radius:27px}
  .v25-profile-top{grid-template-columns:78px 1fr}
  .v25-avatar{width:78px;height:78px}
  .vip15-profile-head{grid-template-columns:72px 1fr}
  .vip15-avatar{width:72px;height:72px}
}


/* V29.7 extra-large profile avatar + reliable upload feedback */
.account-btn .header-avatar{width:64px!important;height:64px!important;flex:0 0 64px!important}
.home28-user-mini .home-avatar{width:72px!important;height:72px!important;flex:0 0 72px!important}
.account-dashboard-hero .account-avatar{width:142px!important;height:142px!important;border-radius:34px!important;font-size:48px!important}
.account-dashboard-hero .account-avatar.vip-avatar-frame:before{inset:-8px!important;border-radius:41px!important}
.account-dashboard-hero .account-avatar.vip-avatar-frame img{border-radius:34px!important}
.account-dashboard-hero .account-avatar>span{width:38px!important;height:38px!important;font-size:18px!important;right:4px!important;bottom:4px!important}
.v25-avatar{width:128px!important;height:128px!important;font-size:38px!important}
.vip15-avatar{width:118px!important;height:118px!important;font-size:34px!important}
.avatar-help{font-size:11px!important;min-height:18px;text-align:center;transition:.2s}
.avatar-help.avatar-success{color:#45d889!important;opacity:1!important}
.avatar-help.avatar-error{color:#ff647c!important;opacity:1!important}
.account-avatar img,.user-avatar img,.v25-avatar img,.vip15-avatar img{object-position:center center}
@media(max-width:760px){
 .account-btn .header-avatar{width:54px!important;height:54px!important;flex-basis:54px!important}
 .home28-user-mini .home-avatar{width:62px!important;height:62px!important;flex-basis:62px!important}
 .account-dashboard-hero .account-avatar{width:116px!important;height:116px!important;border-radius:30px!important}
 .account-dashboard-hero .account-avatar.vip-avatar-frame img{border-radius:30px!important}
 .account-dashboard-hero .account-avatar.vip-avatar-frame:before{border-radius:37px!important}
 .v25-avatar{width:104px!important;height:104px!important}
 .vip15-avatar{width:98px!important;height:98px!important}
}

/* V30 wallet: simple customer wallet + automatic VIP 1-6 identity */
.wallet30{--w30a:#7c3aed;--w30b:#d946ef;--w30c:#22d3ee;--w30metal:#b7a8ff;display:grid;gap:18px}.wallet30-vip1{--w30a:#8b451f;--w30b:#d97745;--w30c:#f5b56b;--w30metal:#d28a50}.wallet30-vip2{--w30a:#64748b;--w30b:#b8c6db;--w30c:#dce8f5;--w30metal:#e8eef6}.wallet30-vip3{--w30a:#b7791f;--w30b:#f5b942;--w30c:#ffe08a;--w30metal:#ffd45d}.wallet30-vip4{--w30a:#3b82f6;--w30b:#a5d8ff;--w30c:#e5f5ff;--w30metal:#ccecff}.wallet30-vip5{--w30a:#2563eb;--w30b:#7c3aed;--w30c:#38d8ff;--w30metal:#8be9ff}.wallet30-vip6{--w30a:#6d28d9;--w30b:#d49b32;--w30c:#ffe27a;--w30metal:#ffd45d}.wallet30-hero{min-height:390px;position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--w30b) 38%,var(--line));border-radius:30px;padding:42px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);align-items:center;gap:30px;background:radial-gradient(circle at 14% 10%,color-mix(in srgb,var(--w30b) 30%,transparent),transparent 34%),radial-gradient(circle at 86% 76%,color-mix(in srgb,var(--w30c) 20%,transparent),transparent 32%),linear-gradient(135deg,#11102b 0%,#17113b 45%,#090b19 100%);box-shadow:0 24px 70px #0005}.wallet30-vip1 .wallet30-hero{background:radial-gradient(circle at 15% 10%,#a958303d,transparent 35%),linear-gradient(135deg,#1b100d,#2b1711 50%,#0b0a10)}.wallet30-vip2 .wallet30-hero{background:radial-gradient(circle at 15% 10%,#dce8f52b,transparent 35%),linear-gradient(135deg,#18202b,#273142 50%,#0b0d12)}.wallet30-vip3 .wallet30-hero{background:radial-gradient(circle at 15% 10%,#f6bf4538,transparent 35%),linear-gradient(135deg,#241708,#34220a 50%,#0d0b08)}.wallet30-vip4 .wallet30-hero{background:radial-gradient(circle at 15% 10%,#72c5ff38,transparent 35%),linear-gradient(135deg,#0d1c31,#132a45 50%,#080b12)}.wallet30-vip5 .wallet30-hero{background:radial-gradient(circle at 15% 10%,#3ce3ff40,transparent 35%),linear-gradient(135deg,#091b3d,#17164d 50%,#08091a)}.wallet30-vip6 .wallet30-hero{background:radial-gradient(circle at 15% 10%,#ffd65a35,transparent 30%),radial-gradient(circle at 85% 75%,#8b5cf63d,transparent 32%),linear-gradient(135deg,#211238,#160d2b 55%,#09080e)}.wallet30-glow{position:absolute;border-radius:50%;filter:blur(3px);pointer-events:none}.wallet30-glow.g1{width:280px;height:280px;left:-110px;bottom:-130px;background:color-mix(in srgb,var(--w30b) 24%,transparent)}.wallet30-glow.g2{width:220px;height:220px;right:18%;top:-130px;background:color-mix(in srgb,var(--w30c) 16%,transparent)}.wallet30-copy,.wallet30-identity{position:relative;z-index:2}.wallet30-kicker{display:inline-flex;padding:7px 11px;border:1px solid color-mix(in srgb,var(--w30metal) 38%,transparent);border-radius:999px;color:var(--w30metal);font-size:10px;font-weight:900;letter-spacing:1px;background:#ffffff0a}.wallet30-copy h1{font-size:42px;margin:14px 0 8px;color:#fff}.wallet30-copy>p{color:#c9c7dc;max-width:600px;line-height:1.9;margin:0 0 22px}.wallet30-balance{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.wallet30-balance small,.wallet30-balance span{color:#b9b7ca}.wallet30-balance strong{font-size:45px;color:#fff}.wallet30-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.wallet30-actions a{padding:12px 17px;border:1px solid #ffffff24;border-radius:13px;color:#fff;background:#ffffff0a}.wallet30-actions .w30-primary{border:0;background:linear-gradient(135deg,var(--w30a),var(--w30b));box-shadow:0 10px 30px color-mix(in srgb,var(--w30b) 30%,transparent)}.wallet30-identity{justify-self:center;text-align:center;display:grid;justify-items:center;gap:7px}.wallet30-avatar-wrap{position:relative;margin-bottom:6px}.wallet30-avatar{width:150px!important;height:150px!important;flex:0 0 150px!important;font-size:48px!important;border:4px solid #111827!important;box-shadow:0 0 0 3px var(--w30metal),0 0 42px color-mix(in srgb,var(--w30b) 50%,transparent)}.wallet30-avatar.vip-avatar-frame:before{inset:-9px}.wallet30-level{position:absolute;right:50%;transform:translateX(50%);bottom:-8px;z-index:8;background:linear-gradient(135deg,var(--w30a),var(--w30b));border:1px solid #ffffff45;color:#fff;border-radius:999px;padding:5px 13px;font-size:10px;font-weight:900;white-space:nowrap}.wallet30-identity>b{font-size:20px;color:#fff}.wallet30-identity>small{color:var(--w30metal);font-weight:800}.wallet30-card-art{width:230px;height:112px;margin-top:12px;padding:17px;border-radius:19px;position:relative;overflow:hidden;text-align:left;background:radial-gradient(circle at 90% 10%,color-mix(in srgb,var(--w30c) 35%,transparent),transparent 40%),linear-gradient(135deg,color-mix(in srgb,var(--w30a) 65%,#111827),color-mix(in srgb,var(--w30b) 55%,#0f172a));box-shadow:0 16px 35px #0006;transform:rotate(-3deg)}.wallet30-card-art i{display:block;width:29px;height:20px;border-radius:6px;background:linear-gradient(135deg,#ffe08a,#b98724);margin-bottom:12px}.wallet30-card-art em{font-style:normal;color:#fff;font-weight:900}.wallet30-card-art strong{color:var(--w30metal);margin-left:5px}.wallet30-card-art span{position:absolute;right:16px;bottom:14px;color:#e9e7f5;font-size:11px}.wallet30-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.wallet30-quick a{min-height:112px;border:1px solid var(--line);border-radius:20px;padding:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--w30a) 8%,var(--panel)),var(--panel));display:grid;grid-template-columns:46px 1fr;grid-template-rows:auto auto;align-items:center;gap:3px 12px;box-shadow:0 12px 30px #0002}.wallet30-quick span{grid-row:1/3;width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,var(--w30a),var(--w30b));color:#fff;font-size:20px}.wallet30-quick b{color:var(--text);font-size:14px}.wallet30-quick small{color:var(--muted);font-size:10px}.wallet30-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,.65fr);gap:14px}.wallet30-panel,.wallet30-mini,.wallet30-vipbox,.wallet30-secure{border:1px solid var(--line);border-radius:22px;background:var(--panel);box-shadow:0 14px 35px #0002}.wallet30-panel{padding:20px}.wallet30-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.wallet30-head small{color:var(--w30b);font-weight:900}.wallet30-head h2{margin:3px 0;color:var(--text)}.wallet30-head>span{color:var(--muted);font-size:10px}.wallet30-transactions{display:grid}.wallet30-row{display:grid;grid-template-columns:42px 1fr auto auto;gap:12px;align-items:center;padding:13px 4px;border-bottom:1px solid var(--line)}.wallet30-row:last-child{border:0}.wallet30-row>i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--w30a) 12%,var(--panel2));color:var(--w30b);font-style:normal}.wallet30-row div{display:grid;gap:3px}.wallet30-row div b{color:var(--text)}.wallet30-row div small{color:var(--muted);font-size:9px}.wallet30-row>strong{font-size:13px}.wallet30-row>strong.plus{color:#34d399}.wallet30-row>strong.minus{color:#fb7185}.wallet30-empty{text-align:center;color:var(--muted);padding:45px}.wallet30-side{display:grid;gap:12px;align-content:start}.wallet30-mini,.wallet30-vipbox{padding:20px}.wallet30-mini>small{color:var(--muted)}.wallet30-mini>div{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.wallet30-mini>div:last-child{border:0}.wallet30-mini span{color:var(--muted)}.wallet30-mini b{color:var(--text)}.wallet30-vipbox{background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--w30b) 20%,transparent),var(--panel) 48%)}.wallet30-vipbox>span{font-size:35px;color:var(--w30metal)}.wallet30-vipbox small{display:block;color:var(--muted)}.wallet30-vipbox strong{display:block;font-size:27px;color:var(--w30metal);margin:4px 0}.wallet30-vipbox p{color:var(--muted);line-height:1.7;font-size:11px}.wallet30-vipbox a{color:var(--w30b);font-weight:800;font-size:11px}.wallet30-secure{padding:16px;display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,color-mix(in srgb,#10b981 9%,var(--panel)),var(--panel))}.wallet30-secure>span{font-size:26px}.wallet30-secure div{display:grid}.wallet30-secure b{color:var(--text)}.wallet30-secure small{color:var(--muted);font-size:9px}
@media(max-width:980px){.wallet30-hero{grid-template-columns:1fr}.wallet30-identity{grid-row:1}.wallet30-grid{grid-template-columns:1fr}.wallet30-quick{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.wallet30-hero{padding:26px 18px;border-radius:22px}.wallet30-copy h1{font-size:31px}.wallet30-balance strong{font-size:37px}.wallet30-avatar{width:126px!important;height:126px!important;flex-basis:126px!important}.wallet30-card-art{width:205px;height:100px}.wallet30-quick{grid-template-columns:1fr}.wallet30-row{grid-template-columns:38px 1fr auto}.wallet30-row>.status-pill{grid-column:2/4;justify-self:start}.wallet30-actions a{flex:1;text-align:center;min-width:120px}}
/* V30.1 avatar uploader: explicit controls avoid hidden-label/file-picker failures */
.avatar-upload{min-width:180px}.avatar-file-real{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.avatar-controls{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:8px}.avatar-controls button{font-size:11px;padding:9px 12px;border-radius:10px;cursor:pointer}.avatar-controls button:disabled{opacity:.45;cursor:not-allowed}.avatar-help{display:block;max-width:240px;text-align:center;line-height:1.5}.avatar-help.avatar-success{color:#34d399;opacity:1}.avatar-help.avatar-error{color:#fb7185;opacity:1}.account-avatar .avatar-initial{font-size:48px;line-height:1}.account-avatar img{display:block;width:100%!important;height:100%!important;object-fit:cover!important}

/* V30.2 Yaahlan-style profile avatar: tap the large circle, preview and upload immediately */
.yaahlan-avatar-upload{display:grid;justify-items:center;gap:8px}.avatar-tap{position:relative;appearance:none;-webkit-appearance:none;padding:0;cursor:pointer;overflow:visible;background:transparent}.account-avatar.avatar-tap{width:190px!important;height:190px!important;flex:0 0 190px!important;border-radius:50%;border:5px solid color-mix(in srgb,var(--gold) 65%,#fff 15%)!important;box-shadow:0 0 0 7px #ffffff0b,0 18px 50px #0006!important}.account-avatar.avatar-tap img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%;display:block}.avatar-camera{position:absolute;z-index:12;right:5px;bottom:13px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#7c3aed,#ec4899);border:3px solid var(--panel);color:#fff;font-size:22px;font-weight:900;box-shadow:0 8px 22px #0006;transform:rotate(-35deg)}.avatar-tap:disabled{opacity:.72;cursor:wait}.yaahlan-avatar-upload .avatar-help{max-width:none;font-size:11px}
@media(max-width:620px){.account-avatar.avatar-tap{width:154px!important;height:154px!important;flex-basis:154px!important}.avatar-camera{width:39px;height:39px;right:1px;bottom:8px}}

/* V30.3 — One unified customer sidebar on every public page.
   Page content is intentionally untouched; only the shared shell/sidebar is normalized. */
.layout.layout-global-side{grid-template-columns:205px minmax(0,1fr) 260px;gap:14px;max-width:1580px;margin:0 auto;padding:14px 16px;align-items:start}
body[data-page="products"] .layout.layout-global-side{grid-template-columns:205px minmax(0,1fr)}
.layout-global-side>.side{min-width:0}
.layout-global-side>.page-main{min-width:0;width:100%}
.layout-global-side>.side>a{display:flex;align-items:center;gap:11px;border-radius:11px;transition:.18s ease}
.layout-global-side>.side>a.on{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gold) 35%,transparent)}
.layout-global-side>.side>a span{flex:1}
@media(max-width:1250px){.layout.layout-global-side{grid-template-columns:190px minmax(0,1fr)}.layout-global-side>.right,.layout-global-side>.home28-rail-right{display:none}}
@media(max-width:760px){.layout.layout-global-side{display:block;padding:9px}.layout-global-side>.side{position:static;display:flex;overflow-x:auto;overflow-y:hidden;gap:4px;margin-bottom:10px;scrollbar-width:thin}.layout-global-side>.side>a{flex:0 0 auto}.layout-global-side>.side-vip{display:none}}
.auth-dialog{width:min(980px,97vw)!important;max-height:96vh;overflow-y:auto;overscroll-behavior:contain}.auth-dialog .auth-shell{min-height:0}.auth-dialog .auth-main{max-height:calc(96vh - 2px);overflow-y:auto}
.v28-royal-scene{background-image:linear-gradient(135deg,#07090de8,#151020b5),url('../vip/slider/royal.webp');background-size:cover;background-position:center}.v28-dynamic-scene{background-image:linear-gradient(135deg,#07101be8,#15102cb8),url('../vip/slider/dynamic.webp');background-size:cover;background-position:center}.v28-maintain-scene{background-image:linear-gradient(135deg,#120b08e8,#1c1224b8),url('../vip/slider/maintenance.webp');background-size:cover;background-position:center}.v28-scene img{object-fit:contain;object-position:center;max-width:100%;filter:drop-shadow(0 16px 30px #000b)}.v25-badge-box img,.v25-benefit-head img,.v25-royal-card img{object-fit:contain!important;object-position:center!important}
.v28-vip-slider{height:470px;border-radius:18px;border-color:#9c6d1d;background:#07080d;box-shadow:0 20px 65px #000b,inset 0 0 100px #7d3cff18}.v28-slide{grid-template-columns:52% 48%;direction:rtl;background:linear-gradient(90deg,#050608 0,#080912 48%,#10091b 100%)}.v28-copy{padding:48px 48px 58px 34px;text-align:left;direction:rtl;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.v28-copy h2{font-size:clamp(36px,4.2vw,58px);max-width:610px;text-shadow:0 5px 25px #000}.v28-copy p{max-width:520px}.v28-features{justify-content:flex-start}.v28-scene{order:2;background-color:#090a11;background-position:center}.v28-copy{order:1}.v28-hero-badge{width:min(430px,82%);height:min(430px,88%)}.v28-dynamic-scene,.v28-maintain-scene{background-blend-mode:screen,normal}.v25-level-rail{gap:10px;padding:12px;border-radius:18px;background:linear-gradient(180deg,#111116,#08090c);border-color:#3d3324}.v25-level-card{min-height:205px;padding:10px 8px 13px;border-color:#332f2a;background:linear-gradient(180deg,#151519,#090b0e)}.v25-level-card:hover{transform:translateY(-3px);border-color:#d49a2f}.v25-badge-box{height:108px}.v25-badge-box img{width:112px;height:102px;filter:drop-shadow(0 8px 16px #000) drop-shadow(0 0 12px #d99d3040)}.v25-level-card h3{font-size:13px}.v25-level-card>b{font-size:15px}.v25-level-card>em{font-size:9px;color:#f1c155}.v25-profile-card,.v25-maint-card,.v25-rules-card,.v25-royal-card{border-color:#3f3527;box-shadow:0 16px 48px #0008}.v25-section{border-color:#3f3527}
@media(max-width:900px){.v28-vip-slider{height:650px}.v28-slide{grid-template-columns:1fr;grid-template-rows:54% 46%;direction:rtl}.v28-scene{order:1;grid-row:1}.v28-copy{order:2;grid-row:2;padding:20px 35px 42px;align-items:center;text-align:center}.v28-features{justify-content:center}.v28-hero-badge{width:58%;height:92%}}