@import url("usability-v31.css");
/* TOFY PAY V30.6 — global neon skin. Home is intentionally excluded. */
:root{
  --neon-bg:#020817;
  --neon-bg-2:#050a1d;
  --neon-panel:#071127;
  --neon-panel-2:#0a1430;
  --neon-line:#1f3f72;
  --neon-blue:#168cff;
  --neon-cyan:#19e6ff;
  --neon-violet:#7b3cff;
  --neon-purple:#b53cff;
  --neon-pink:#ff2fb3;
  --neon-text:#f8fbff;
  --neon-muted:#9fb0d0;
}
body:not([data-page="home"]){
  --bg:var(--neon-bg)!important;--panel:var(--neon-panel)!important;--panel2:var(--neon-panel-2)!important;
  --line:var(--neon-line)!important;--gold:var(--neon-purple)!important;--gold2:#e9bcff!important;
  --text:var(--neon-text)!important;--muted:var(--neon-muted)!important;
  background:
    radial-gradient(circle at 12% 12%,rgba(32,107,255,.14),transparent 31%),
    radial-gradient(circle at 86% 16%,rgba(255,47,179,.12),transparent 30%),
    radial-gradient(circle at 55% 75%,rgba(123,60,255,.10),transparent 34%),
    linear-gradient(145deg,#020713 0%,#03091b 47%,#020611 100%)!important;
  color:var(--neon-text)!important;
  min-height:100vh;
}
html[data-theme="light"] body:not([data-page="home"]){
  /* Light mode stays neon instead of turning white. */
  background:
    radial-gradient(circle at 10% 8%,rgba(22,140,255,.20),transparent 32%),
    radial-gradient(circle at 90% 10%,rgba(255,47,179,.16),transparent 30%),
    linear-gradient(145deg,#09152d,#071127 56%,#0b1330)!important;
  color:#f8fbff!important;
}
body:not([data-page="home"]) .topbar{
  background:linear-gradient(90deg,rgba(2,7,20,.97),rgba(7,10,31,.97),rgba(8,5,26,.97))!important;
  border-bottom:1px solid rgba(105,79,255,.48)!important;
  box-shadow:0 7px 32px rgba(0,0,0,.48),0 1px 0 rgba(23,143,255,.22),0 0 38px rgba(181,60,255,.10)!important;
}
body:not([data-page="home"]) .brand img{filter:drop-shadow(0 0 9px rgba(25,230,255,.38)) drop-shadow(0 0 16px rgba(255,47,179,.32))}
body:not([data-page="home"]) .topbar nav a{color:#bec9df!important}
body:not([data-page="home"]) .topbar nav a.active,
body:not([data-page="home"]) .topbar nav a:hover{color:#fff!important;border-color:var(--neon-pink)!important;text-shadow:0 0 12px rgba(255,47,179,.85)}
body:not([data-page="home"]) .wallet-chip,
body:not([data-page="home"]) .account-btn,
body:not([data-page="home"]) .icon-btn{
  background:linear-gradient(145deg,rgba(12,22,51,.95),rgba(7,12,31,.95))!important;
  border-color:rgba(37,125,245,.44)!important;
  box-shadow:inset 0 0 20px rgba(20,105,255,.05),0 0 16px rgba(22,140,255,.09)!important;
}
body:not([data-page="home"]) .wallet-chip i{background:linear-gradient(135deg,var(--neon-violet),var(--neon-pink))!important;color:#fff!important;box-shadow:0 0 18px rgba(181,60,255,.62)!important}

/* Shared sidebar */
body:not([data-page="home"]) .side{
  background:linear-gradient(180deg,rgba(5,13,31,.98),rgba(2,8,21,.98))!important;
  border:1px solid rgba(39,95,169,.45)!important;
  box-shadow:inset 0 0 34px rgba(25,119,255,.035),0 18px 45px rgba(0,0,0,.28)!important;
}
body:not([data-page="home"]) .side>a{color:#b8c4da!important;border:1px solid transparent!important;transition:.2s ease!important}
body:not([data-page="home"]) .side>a i,
body:not([data-page="home"]) .side>a span:first-child{filter:drop-shadow(0 0 5px rgba(68,173,255,.42))}
body:not([data-page="home"]) .side>a.on,
body:not([data-page="home"]) .side>a:hover{
  color:#fff!important;
  background:linear-gradient(90deg,rgba(35,97,255,.20),rgba(181,60,255,.19),rgba(255,47,179,.14))!important;
  border-color:rgba(181,60,255,.60)!important;
  box-shadow:inset 0 0 22px rgba(106,54,255,.10),0 0 16px rgba(181,60,255,.17)!important;
  text-shadow:0 0 10px rgba(255,255,255,.20)!important;
}
body:not([data-page="home"]) .side-vip{
  background:radial-gradient(circle at 80% 0,rgba(255,47,179,.14),transparent 42%),linear-gradient(145deg,#0a1130,#070b21)!important;
  border-color:rgba(181,60,255,.45)!important;
  box-shadow:0 0 22px rgba(181,60,255,.08)!important;
}
body:not([data-page="home"]) .side-vip b{color:#f4c4ff!important;text-shadow:0 0 12px rgba(255,47,179,.52)}
body:not([data-page="home"]) .progress{background:#111a33!important}
body:not([data-page="home"]) .progress span{background:linear-gradient(90deg,var(--neon-blue),var(--neon-purple),var(--neon-pink))!important;box-shadow:0 0 12px rgba(181,60,255,.72)}
body:not([data-page="home"]) .side-vip a{background:linear-gradient(135deg,var(--neon-violet),var(--neon-pink))!important;color:#fff!important;box-shadow:0 0 18px rgba(181,60,255,.28)!important}

/* Right rail and generic cards */
body:not([data-page="home"]) :is(.mini-card,.card,.panel,.box,.notice-box,.wallet-card,.settings-card,.security-card,.referral-card,.transfer-card,.payout-card,.invoice-card){
  background:linear-gradient(150deg,rgba(8,18,42,.96),rgba(4,10,27,.98))!important;
  border-color:rgba(35,101,183,.42)!important;
  color:#f8fbff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 15px 42px rgba(0,0,0,.25),0 0 18px rgba(20,112,255,.045)!important;
}
body:not([data-page="home"]) :is(.mini-card,.card,.panel,.box):hover{border-color:rgba(102,66,255,.55)!important}
body:not([data-page="home"]) .promo{background:radial-gradient(circle at 84% 45%,rgba(255,47,179,.22),transparent 40%),linear-gradient(145deg,#0c1230,#070b20)!important}
body:not([data-page="home"]) .promo em{color:#ff86d7!important;text-shadow:0 0 14px rgba(255,47,179,.65)}
body:not([data-page="home"]) .promo a,
body:not([data-page="home"]) .btn.primary,
body:not([data-page="home"]) button.primary{
  background:linear-gradient(90deg,#5328ff,#a72eff,#ff2fa8)!important;
  border-color:#b34dff!important;color:#fff!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.04),0 0 17px rgba(169,46,255,.37),0 10px 24px rgba(0,0,0,.24)!important;
}

/* Typography */
body:not([data-page="home"]) :is(h1,h2,h3,h4,strong,b){color:#f8fbff}
body:not([data-page="home"]) :is(p,small,.muted,.sub,.hint){color:#9fb0d0}
body:not([data-page="home"]) a{transition:color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}

/* Inputs/forms */
body:not([data-page="home"]) :is(input,select,textarea){
  background:#040b1d!important;color:#f7fbff!important;border-color:rgba(47,92,155,.56)!important;
  box-shadow:inset 0 0 18px rgba(0,26,72,.28)!important;
}
body:not([data-page="home"]) :is(input,select,textarea):focus{
  outline:0!important;border-color:#7c54ff!important;
  box-shadow:0 0 0 3px rgba(123,60,255,.13),0 0 18px rgba(76,111,255,.16)!important;
}
body:not([data-page="home"]) input::placeholder,
body:not([data-page="home"]) textarea::placeholder{color:#62708d!important}

/* Generic tables */
body:not([data-page="home"]) table{color:#eef5ff!important}
body:not([data-page="home"]) :is(table,.table-wrap,.orders-table,.transactions-table){border-color:rgba(39,92,164,.42)!important}
body:not([data-page="home"]) th{background:#09142d!important;color:#a9bbda!important;border-color:rgba(34,79,145,.42)!important}
body:not([data-page="home"]) td{border-color:rgba(31,67,121,.34)!important}
body:not([data-page="home"]) tr:hover td{background:rgba(31,73,151,.08)!important}

/* Product marketplace — keep structure, transform visual language */
body[data-page="products"] :is(.products28-hero,.products-hero,.product-hero,.product29-hero){
  background:radial-gradient(circle at 14% 25%,rgba(22,140,255,.26),transparent 38%),radial-gradient(circle at 86% 28%,rgba(255,47,179,.22),transparent 36%),linear-gradient(135deg,#071633,#0a0b28 52%,#19092b)!important;
  border-color:rgba(94,71,255,.62)!important;
  box-shadow:0 0 38px rgba(51,72,255,.12),0 24px 60px rgba(0,0,0,.30)!important;
}
body[data-page="products"] :is(.product-card,.app-card,.package-card,.category-card,.products28-app,.products29-card){
  background:linear-gradient(155deg,#09142d,#050b1e)!important;border-color:rgba(33,91,168,.48)!important;
  box-shadow:inset 0 0 24px rgba(20,78,161,.06),0 12px 30px rgba(0,0,0,.24)!important;
}
body[data-page="products"] :is(.product-card,.app-card,.package-card,.category-card,.products28-app,.products29-card):hover{
  border-color:#8c55ff!important;box-shadow:0 0 20px rgba(106,72,255,.20),0 18px 34px rgba(0,0,0,.30)!important;transform:translateY(-3px)
}
body[data-page="products"] :is(.product-card img,.app-card img,.package-card img,.category-card img,.products28-app img,.products29-card img){
  filter:drop-shadow(0 0 11px rgba(58,155,255,.36)) drop-shadow(0 0 18px rgba(255,47,179,.12))!important;
}

/* Deposit / payment gateway cards */
body[data-page="deposit"] .deposit-head{
  background:radial-gradient(circle at 10% 20%,rgba(35,117,255,.28),transparent 35%),radial-gradient(circle at 88% 10%,rgba(255,47,179,.24),transparent 34%),linear-gradient(135deg,#07142f,#0b0c2d 55%,#1a082b)!important;
  border-color:rgba(114,67,255,.68)!important;box-shadow:0 0 34px rgba(91,60,255,.12),0 24px 60px rgba(0,0,0,.30)!important;
}
body[data-page="deposit"] .deposit-step{background:linear-gradient(145deg,#071329,#040b1d)!important;border-color:rgba(39,100,180,.50)!important;box-shadow:0 18px 45px rgba(0,0,0,.28)!important}
body[data-page="deposit"] .payment-card{
  background:linear-gradient(155deg,#091630,#060c21)!important;border-color:rgba(45,96,174,.55)!important;
  box-shadow:inset 0 0 22px rgba(20,90,190,.07),0 0 12px rgba(10,95,255,.07)!important;
}
body[data-page="deposit"] .payment-card:hover{border-color:#6f55ff!important;box-shadow:0 0 18px rgba(48,130,255,.25),0 0 28px rgba(181,60,255,.14),0 18px 38px rgba(0,0,0,.28)!important}
body[data-page="deposit"] .payment-card.active{border-color:#ff39b8!important;box-shadow:0 0 0 2px rgba(255,47,179,.16),0 0 22px rgba(255,47,179,.32),0 0 38px rgba(58,99,255,.15)!important}
body[data-page="deposit"] .payment-logo{background:#071127!important;border:1px solid rgba(71,128,219,.40)!important;box-shadow:inset 0 0 20px rgba(22,140,255,.12),0 0 18px rgba(22,140,255,.18)!important}
body[data-page="deposit"] .payment-logo img{filter:drop-shadow(0 0 7px rgba(255,255,255,.22)) drop-shadow(0 0 12px rgba(22,140,255,.32))!important}
body[data-page="deposit"] .payment-card:nth-child(3n+2) .payment-logo{box-shadow:inset 0 0 20px rgba(255,47,179,.09),0 0 18px rgba(255,47,179,.18)!important}
body[data-page="deposit"] .payment-card:nth-child(3n+2) .payment-logo img{filter:drop-shadow(0 0 7px rgba(255,255,255,.20)) drop-shadow(0 0 13px rgba(255,47,179,.30))!important}
body[data-page="deposit"] .payment-card:nth-child(3n) .payment-logo{box-shadow:inset 0 0 20px rgba(25,230,255,.09),0 0 18px rgba(25,230,255,.17)!important}
body[data-page="deposit"] .amount-input{background:#040b1d!important;border-color:rgba(43,95,174,.62)!important}
body[data-page="deposit"] .deposit-submit{background:linear-gradient(90deg,#582cff,#a32dff,#ff2fb3)!important;box-shadow:0 0 22px rgba(181,60,255,.36),0 12px 30px rgba(0,0,0,.25)!important}

/* Wallet */
body[data-page="wallet"] :is(.wallet30-hero,.wallet-hero,.wallet-vip-hero){
  background:radial-gradient(circle at 16% 38%,rgba(123,60,255,.32),transparent 37%),radial-gradient(circle at 86% 22%,rgba(22,140,255,.23),transparent 35%),linear-gradient(135deg,#09102c,#140a32 58%,#071735)!important;
  border-color:rgba(120,73,255,.67)!important;box-shadow:0 0 34px rgba(102,55,255,.17),0 24px 60px rgba(0,0,0,.30)!important;
}
body[data-page="wallet"] :is(.wallet30-card,.wallet-action,.wallet-stat,.wallet-quick,.wallet-transaction-card){background:linear-gradient(145deg,#08142d,#050a1d)!important;border-color:rgba(38,96,178,.50)!important}
body[data-page="wallet"] :is(.wallet30-card,.wallet-action,.wallet-stat,.wallet-quick):hover{border-color:#8357ff!important;box-shadow:0 0 18px rgba(95,67,255,.18)!important}

/* Gift cards */
body[data-page="giftcards"] :is(.gc18-hero,.giftcards-hero,.gc-hero){background:radial-gradient(circle at 14% 30%,rgba(22,140,255,.25),transparent 38%),radial-gradient(circle at 86% 25%,rgba(255,47,179,.27),transparent 37%),linear-gradient(135deg,#07142e,#15092e)!important;border-color:rgba(126,73,255,.62)!important;box-shadow:0 0 34px rgba(125,61,255,.12)!important}
body[data-page="giftcards"] :is(.gc18-card,.gift-card,.gc-card){background:linear-gradient(150deg,#09152f,#050a1c)!important;border-color:rgba(43,101,181,.48)!important;box-shadow:0 12px 30px rgba(0,0,0,.25),0 0 14px rgba(22,140,255,.06)!important}
body[data-page="giftcards"] :is(.gc18-card,.gift-card,.gc-card):hover{border-color:#a044ff!important;box-shadow:0 0 19px rgba(181,60,255,.25),0 18px 35px rgba(0,0,0,.30)!important}

/* Transfers, payouts, referrals, account, security, invoices, support */
body:is([data-page="transfers"],[data-page="payouts"],[data-page="referrals"],[data-page="account"],[data-page="security"],[data-page="invoices"],[data-page="support"],[data-page="payments"],[data-page="design"],[data-page="telecom"],[data-page="games"],[data-page="vip"]) main :is(section,article,.card,.panel,.box){border-color:rgba(41,96,174,.44)}
body:is([data-page="transfers"],[data-page="payouts"],[data-page="referrals"],[data-page="account"],[data-page="security"],[data-page="invoices"],[data-page="support"],[data-page="payments"],[data-page="design"],[data-page="telecom"],[data-page="games"]) main :is(.hero,.page-hero,.section-hero,.account-dashboard-hero,.referral-hero,.security-hero,.support-hero){background:radial-gradient(circle at 18% 28%,rgba(22,140,255,.24),transparent 38%),radial-gradient(circle at 85% 25%,rgba(255,47,179,.18),transparent 36%),linear-gradient(135deg,#07142f,#0a0c28 55%,#160925)!important;border-color:rgba(108,67,255,.58)!important;box-shadow:0 0 30px rgba(80,64,255,.11)!important}

/* Existing icons across public pages */
body:not([data-page="home"]) :is(.icon,.ico,.action-icon,.quick-icon,.stat-icon,.feature-icon,.method-icon,.service-icon){filter:drop-shadow(0 0 7px rgba(39,149,255,.50)) drop-shadow(0 0 12px rgba(181,60,255,.20))}
body:not([data-page="home"]) img[src*="payment-logos/"]{filter:drop-shadow(0 0 7px rgba(255,255,255,.18)) drop-shadow(0 0 12px rgba(47,138,255,.32))!important}

/* Footer: same content/layout, neon treatment only on non-home pages. */
body:not([data-page="home"]) footer,
body:not([data-page="home"]) .site-footer{
  background:linear-gradient(180deg,#040a1b,#020611)!important;border-top-color:rgba(69,73,193,.42)!important;
  box-shadow:0 -10px 40px rgba(48,45,161,.08)!important;
}
body:not([data-page="home"]) .site-footer img{filter:drop-shadow(0 0 12px rgba(82,108,255,.25))}

/* V32 luminous footer — consistent with the neon home page. */
.pro-footer-v16{position:relative;isolation:isolate}
.pro-footer-v16:before{content:"";position:absolute;z-index:-1;left:8%;right:8%;top:8px;height:160px;background:radial-gradient(ellipse at center,rgba(43,116,255,.28),rgba(175,43,255,.15) 38%,transparent 72%);filter:blur(38px);pointer-events:none}
.footer-shell{border-color:rgba(73,118,255,.62)!important;background:radial-gradient(circle at 12% 8%,rgba(33,107,255,.20),transparent 34%),radial-gradient(circle at 88% 16%,rgba(214,45,255,.17),transparent 32%),linear-gradient(155deg,#07142b,#080b1d 52%,#160b27)!important;box-shadow:0 0 0 1px rgba(143,67,255,.18),0 0 38px rgba(45,112,255,.25),0 22px 70px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.06)!important}
.footer-shell:before{height:2px!important;left:5%!important;right:5%!important;background:linear-gradient(90deg,transparent,#159dff,#9744ff,#ff38d1,#f4bd49,transparent)!important;box-shadow:0 0 18px rgba(83,119,255,.85)}
.footer-top-v16>section{border-color:rgba(78,105,180,.28)!important}
.footer-top-v16 h4{color:#fff!important;text-shadow:0 0 12px rgba(91,137,255,.65),0 0 20px rgba(191,65,255,.30)}
.footer-top-v16 a{color:#cbd5f5!important}
.footer-top-v16 a:hover{color:#fff!important;text-shadow:0 0 10px #38a9ff,0 0 16px #c248ff}
.footer-brand-v16 img{filter:drop-shadow(0 0 10px rgba(53,144,255,.38)) drop-shadow(0 0 18px rgba(227,55,255,.24))}
.footer-brand-v16 p{color:#aebadd!important}
.footer-socials a{border-color:rgba(105,113,255,.68)!important;background:linear-gradient(145deg,#102556,#19103e)!important;color:#fff!important;box-shadow:0 0 16px rgba(77,107,255,.28)}
.footer-socials a:hover{border-color:#f047da!important;box-shadow:0 0 20px rgba(240,71,218,.48)}
.app-coming-section{border-top-color:rgba(87,103,255,.38)!important;background:radial-gradient(circle at 58% 52%,rgba(44,116,255,.22),transparent 24%),radial-gradient(circle at 88% 24%,rgba(224,45,255,.15),transparent 30%),linear-gradient(150deg,#07142c,#080b20 55%,#160a29)!important}
.app-mini-icon,.payment-logo-grid span,.store-badges a{border-color:rgba(85,112,255,.55)!important;background:linear-gradient(145deg,#0d214b,#171039)!important;box-shadow:0 0 16px rgba(52,118,255,.20),inset 0 1px 0 rgba(255,255,255,.05)!important}
.app-title-row small,.app-title-row h2 em,.app-promo-copy h3 span,.app-teaser-line{color:#74cfff!important;text-shadow:0 0 12px rgba(53,154,255,.42)}
.app-benefits-grid strong{color:#e9c2ff!important}.app-benefits-grid b{color:#ff77e0!important;text-shadow:0 0 14px rgba(255,53,207,.38)}
.footer-bottom-v16{border-color:rgba(92,99,255,.42)!important;background:linear-gradient(90deg,rgba(9,25,61,.96),rgba(24,10,50,.96))!important;color:#bdc9ec!important;box-shadow:inset 0 1px 0 rgba(80,152,255,.12)}
.footer-bottom-v16 strong{color:#f3c761!important;text-shadow:0 0 12px rgba(244,190,57,.42)}

/* Keep all common text readable when legacy light rules are loaded later. */
html[data-theme="light"] body:not([data-page="home"]) :is(h1,h2,h3,h4,h5,h6,p,span,label,small,strong,b,td,th,a){color:inherit}
html[data-theme="light"] body:not([data-page="home"]) :is(.page-main,.right,.side){color:#f8fbff!important}

@media(max-width:900px){
  body:not([data-page="home"]) .side{box-shadow:0 8px 25px rgba(0,0,0,.24)!important}
}