.deposit-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px;border:1px solid color-mix(in srgb,#8b5cf6 38%,transparent);border-radius:26px;background:radial-gradient(circle at 12% 15%,#7c3aed55,transparent 34%),radial-gradient(circle at 88% 0,#2563eb44,transparent 32%),linear-gradient(135deg,#161127,#0a1024 72%);box-shadow:0 24px 70px #0005;margin-bottom:20px}.deposit-kicker{font-size:12px;letter-spacing:.14em;color:#c4b5fd}.deposit-head h1{font-size:34px;margin:7px 0;color:#fff}.deposit-head p{margin:0;color:#c6c4da}.deposit-balance{min-width:190px;padding:18px 22px;border-radius:20px;background:#ffffff0c;border:1px solid #ffffff1c}.deposit-balance small{display:block;color:#aaa8c7;margin-bottom:6px}.deposit-balance strong{font-size:29px;color:#fff}.deposit-shell{display:grid;gap:20px}.deposit-step{padding:24px;border-radius:25px;border:1px solid var(--border,#ffffff16);background:var(--card,#0f1117);box-shadow:0 14px 45px #0003}.step-title{display:flex;align-items:center;gap:13px;margin-bottom:20px}.step-title>span{width:39px;height:39px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#7c3aed,#ec4899);color:#fff;font-weight:900;box-shadow:0 8px 25px #7c3aed55}.step-title h2{margin:0 0 4px;font-size:21px}.step-title p{margin:0;color:var(--muted,#9ca3af);font-size:13px}.payment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.payment-card{position:relative;min-height:150px;padding:16px 14px;border-radius:20px;border:1px solid var(--border,#ffffff18);background:linear-gradient(155deg,color-mix(in srgb,var(--card,#111827) 93%,#7c3aed 7%),var(--card,#0c0f18));color:var(--text,#fff);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;cursor:pointer;transition:.2s ease}.payment-card:hover{transform:translateY(-3px);border-color:#8b5cf6;box-shadow:0 16px 38px #7c3aed24}.payment-card.active{border-color:#a855f7;box-shadow:0 0 0 2px #a855f733,0 18px 42px #7c3aed2c}.payment-logo{width:112px;height:62px;border-radius:14px;overflow:hidden;background:#fff;display:grid;place-items:center;box-shadow:0 8px 20px #0002}.payment-logo img{width:100%;height:100%;object-fit:contain}.payment-copy{text-align:center}.payment-copy b{display:block;font-size:15px;margin-bottom:5px}.payment-copy small{color:var(--muted,#9ca3af)}.payment-card i{position:absolute;top:10px;left:10px;width:23px;height:23px;border-radius:50%;display:none;place-items:center;background:#22c55e;color:#fff;font-style:normal;font-weight:900}.payment-card.active i{display:grid}.payment-card em{position:absolute;top:10px;left:10px;background:#f59e0b22;color:#fbbf24;border:1px solid #f59e0b55;border-radius:999px;padding:4px 8px;font-size:11px;font-style:normal}.payment-card.is-soon{opacity:.55;cursor:not-allowed}.amount-step{display:grid;gap:15px}.amount-box label{display:block;margin-bottom:8px;font-weight:800}.amount-input{display:flex;align-items:center;border-radius:18px;border:1px solid var(--border,#ffffff18);background:var(--input,#090b11);overflow:hidden}.amount-input input{flex:1;background:transparent!important;border:0!important;outline:0!important;font-size:30px;font-weight:900;color:var(--text,#fff);padding:19px 20px}.amount-input b{padding:0 20px;color:#c4b5fd}.deposit-summary{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:18px;background:#7c3aed0e;border:1px solid #8b5cf633}.deposit-summary img{width:78px;height:46px;object-fit:contain;background:#fff;border-radius:10px}.deposit-summary>div:nth-child(2){display:grid;gap:2px}.deposit-summary small,.deposit-summary span{color:var(--muted,#9ca3af);font-size:12px}.summary-amount{margin-inline-start:auto;text-align:end}.summary-amount b{display:block;font-size:20px;color:#c4b5fd}.deposit-submit{border:0;border-radius:17px;padding:16px 22px;background:linear-gradient(135deg,#7c3aed,#ec4899);color:#fff;font-weight:900;font-size:16px;cursor:pointer;box-shadow:0 12px 30px #7c3aed33}.deposit-submit:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.deposit-msg{min-height:24px;text-align:center;font-size:14px}.deposit-msg.success{padding:14px;border-radius:14px;background:#22c55e13;border:1px solid #22c55e44;color:#86efac}.deposit-msg.error{padding:14px;border-radius:14px;background:#ef444413;border:1px solid #ef444444;color:#fca5a5}.deposit-loading,.deposit-error{grid-column:1/-1;padding:25px;text-align:center;color:var(--muted,#9ca3af)}
html[data-theme="light"] .deposit-head{background:radial-gradient(circle at 10% 10%,#ddd6fe,transparent 35%),radial-gradient(circle at 90% 10%,#dbeafe,transparent 35%),linear-gradient(135deg,#f8f7ff,#eef2ff);box-shadow:0 18px 50px #4c1d9512}html[data-theme="light"] .deposit-head h1,html[data-theme="light"] .deposit-balance strong{color:#19152d}html[data-theme="light"] .deposit-head p{color:#6f6a80}html[data-theme="light"] .deposit-balance{background:#fff;border-color:#ddd6fe}html[data-theme="light"] .deposit-step{--card:#fbf9ff;--text:#17152a;--muted:#716b82;--border:#ddd7ec;--input:#fff;background:#fbf9ff;box-shadow:0 14px 35px #3b17620d}html[data-theme="light"] .payment-card{background:linear-gradient(155deg,#fff,#f6f3ff)}html[data-theme="light"] .amount-input input{color:#17152a}
@media(max-width:1050px){.payment-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.deposit-head{align-items:flex-start;padding:22px}.deposit-balance{min-width:140px}.payment-grid{grid-template-columns:repeat(2,1fr)}.payment-card{min-height:140px}.payment-logo{width:96px;height:54px}}@media(max-width:520px){.deposit-head{display:grid}.deposit-balance{width:auto}.deposit-head h1{font-size:28px}.deposit-step{padding:17px}.payment-grid{gap:10px}.payment-card{padding:12px 8px}.payment-copy b{font-size:13px}.payment-copy small{font-size:11px}.payment-logo{width:82px;height:48px}.deposit-summary{align-items:flex-start;flex-wrap:wrap}.summary-amount{margin-inline-start:0;width:100%;text-align:start}.amount-input input{font-size:24px;padding:16px}.amount-input b{padding:0 13px}}
/* V31 customer-first three-step deposit */
.deposit-progress{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;border:1px solid #ffffff14;border-radius:18px;background:#0b0d14}.deposit-progress span{display:flex;align-items:center;gap:7px;color:#777b8b;font-weight:900}.deposit-progress span b{font-size:12px}.deposit-progress span.on{color:#d8b4fe}.deposit-progress i{width:48px;height:2px;background:#292435}.deposit-progress span.on+i{background:linear-gradient(90deg,#8b5cf6,#ec4899)}
.local-preview{display:block;margin-top:8px;color:#a9a7b9}.gift-code-deposit{padding:18px;border:1px solid #8b5cf655;border-radius:18px;background:#7c3aed0b}.gift-code-deposit>label{display:block;font-weight:900;margin-bottom:9px}.gift-code-deposit>div{display:flex;gap:9px}.gift-code-deposit input{flex:1;min-width:0;padding:14px;border:1px solid #ffffff1c;border-radius:13px;background:#090b11;color:#fff;text-transform:uppercase}.gift-code-deposit button{border:0;border-radius:13px;padding:0 18px;background:linear-gradient(135deg,#7c3aed,#ec4899);color:#fff;font-weight:900}.gift-code-deposit small{display:block;margin-top:9px;color:#9ca3af}.summary-amount strong{display:block;margin-top:3px;color:#86efac;font-size:12px}
@media(max-width:520px){.deposit-progress span b{display:none}.deposit-progress i{width:28px}.gift-code-deposit>div{display:grid}.gift-code-deposit button{padding:14px}}
/* V30.6 stronger gateway icon illumination */
.payment-logo{border:1px solid #2f68b777!important;box-shadow:inset 0 0 22px #157dff16,0 0 18px #1e8cff33!important}.payment-logo img{filter:drop-shadow(0 0 7px #ffffff44) drop-shadow(0 0 13px #168cff66)!important}.payment-card:nth-child(2n) .payment-logo{box-shadow:inset 0 0 22px #ff2fb312,0 0 18px #ff2fb33b!important}.payment-card:nth-child(2n) .payment-logo img{filter:drop-shadow(0 0 7px #ffffff44) drop-shadow(0 0 13px #ff2fb35c)!important}
.manual-payment-details{display:grid;gap:6px;margin:12px 0;padding:14px;border:1px solid #8c6225;border-radius:13px;background:#281b0b;color:#f7d47b}.manual-payment-details strong{font-size:18px;color:#fff}.manual-payment-details img{max-width:170px;max-height:170px;object-fit:contain;background:#fff;padding:7px;border-radius:10px}
