.recharge-page{background:radial-gradient(circle at 50% -20%,#293326 0,#0c0f14 42%);min-height:100vh}.recharge-brand{text-decoration:none}.recharge-shell{width:min(980px,100%);margin:0 auto;padding:46px 20px 70px}.recharge-hero{text-align:center;margin-bottom:26px}.recharge-hero h1{font-size:34px;margin:10px 0 8px}.recharge-hero p{max-width:680px;margin:0 auto;color:var(--muted);font-size:15px}.recharge-kicker{display:inline-block;color:var(--amber);background:#3b2c16;border:1px solid #65491e;padding:5px 11px;border-radius:999px;font-weight:700}.recharge-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,.8fr);gap:18px}.recharge-main-card{padding:26px}.recharge-account-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:18px}.recharge-account-row strong{display:block;font-size:18px;margin-top:4px}.recharge-balance{text-align:right}.recharge-balance strong{color:var(--amber);font-size:22px}.amount-field{height:72px;border:1px solid var(--line);background:#0e1218;border-radius:12px;display:flex;align-items:center;padding:0 18px;transition:.2s}.amount-field:focus-within{border-color:var(--amber);box-shadow:0 0 0 3px #e8a33d22}.amount-field span{font-size:28px;color:var(--amber);font-weight:800}.amount-field input{height:68px;border:0;background:transparent;font-size:30px;font-weight:750;padding-left:10px}.quick-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0 20px}.quick-amounts button{color:var(--text);background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:9px 6px}.quick-amounts button:hover,.quick-amounts button.active{border-color:var(--amber);color:var(--amber);background:#3b2c16}.recharge-summary{background:#0e1218;border:1px solid var(--line);border-radius:11px;padding:4px 16px}.recharge-summary>div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #232b37}.recharge-summary>div:last-child{border-bottom:0}.recharge-summary span{color:var(--muted)}.recharge-summary .bonus{color:var(--green)}.recharge-summary .total b{color:var(--amber);font-size:20px}.recharge-submit{font-size:16px;height:50px}.recharge-submit:disabled{opacity:.45;cursor:not-allowed}.recharge-hint{text-align:center;margin:10px 0 0}.recharge-notes h2{font-size:20px}.recharge-notes ol{padding-left:20px;margin:0}.recharge-notes li{margin:11px 0}.bonus-rules{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.bonus-rule{padding:7px 9px;margin:6px 0;border-radius:7px;background:#3b2c16;color:var(--amber)}.payment-status{display:flex;gap:13px;align-items:center;margin-top:18px}.status-dot{width:12px;height:12px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 6px #e8a33d1e;flex:0 0 auto}.payment-status.paid .status-dot{background:var(--green);box-shadow:0 0 0 6px #39c98a1e}.payment-status strong{font-size:17px}.payment-status p{margin:3px 0 0}.recharge-login{max-width:430px;margin:auto;text-align:center}
@media(max-width:760px){.recharge-shell{padding:26px 12px calc(40px + env(safe-area-inset-bottom))}.recharge-hero h1{font-size:27px}.recharge-layout{grid-template-columns:1fr}.recharge-main-card{padding:18px 15px}.recharge-account-row{align-items:flex-start}.quick-amounts{grid-template-columns:repeat(2,1fr)}.amount-field{height:66px}.amount-field input{height:62px;font-size:27px}.recharge-notes{order:2}}