.recharge-card{--recharge-select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1.5 5 5 5-5' fill='none' stroke='%2344494b' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");border:1px solid var(--recharge-border,#c9c4b7);width:100%;color:var(--recharge-text,#1c1b17);background:var(--recharge-bg,#fff);border-radius:20px;overflow:hidden}.recharge-title-row{border-bottom:1px solid var(--recharge-line,#c9c4b7);justify-content:space-between;align-items:center;min-height:50px;padding:10px 20px;display:flex}.recharge-title-row h1{margin:0;font-size:24px;font-weight:500;line-height:1.2}.recharge-title-row p{color:var(--recharge-muted,#4b483d);margin:0;font-size:14px;line-height:1.2}.recharge-title-row strong{font-size:14px}.recharge-loading{min-height:650px}.recharge-error{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:180px;padding:24px;display:flex}.recharge-error[hidden]{display:none}.recharge-error button{cursor:pointer;background:#ff6d1f;border:1px solid #ff9055;border-radius:8px;padding:8px 18px}.recharge-step{border-bottom:0}.step-heading{align-items:center;gap:10px;min-height:50px;padding:10px 20px 7px;display:flex}.step-heading>b{color:#fff;background:#000;border-radius:50%;flex:0 0 30px;place-items:center;width:30px;height:30px;font-size:20px;line-height:1;display:grid}.step-heading>div{align-items:center;gap:10px;min-width:0;display:flex}.step-heading h2{margin:0;font-size:18px;font-weight:500;line-height:1.2}.step-heading p{color:var(--recharge-muted,#4b483d);margin:0;font-size:14px;line-height:1.2}.payment-options{border-bottom:1px solid var(--recharge-line,#c9c4b7);grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 20px;padding-bottom:10px;display:grid}.payment-option{cursor:pointer;border:1px solid #9d8c63;border-radius:16px;flex-direction:column;justify-content:center;gap:5px;min-height:104px;padding:15px;font-size:14px;line-height:1.2;display:flex}.payment-option:has(input:checked){border-color:#ff6d1f}.payment-option-title{align-items:center;gap:13px;height:27px;display:flex}.payment-option input,.invoice-options input[type=radio],.recharge-plan input{appearance:none;background:var(--recharge-input,#fff);border:1px solid #008f97;border-radius:50%;flex:0 0 24px;width:24px;height:24px;margin:0}.payment-option input:checked,.recharge-plan input:checked{background:radial-gradient(circle,#fff 0 7px,#008f97 7.5px);border:0}.invoice-options input[type=radio]{border-color:#1c6d8b}.invoice-options input[type=radio]:checked{background:radial-gradient(circle,#fff 0 7px,#1c6d8b 7.5px);border:0}.payment-option img{object-fit:contain;width:50px;height:27px}.payment-option:first-child img{width:100px;height:16px}.payment-copy{flex-direction:column;display:flex}.payment-copy strong{font-size:16px;line-height:1.2}.payment-copy b{color:#d92c04}.payment-option a{color:#08f}.recharge-warning,.recharge-status{color:#d92c04;margin:0;padding:0 20px 10px;font-size:14px}.invoice-options{border-bottom:1px solid var(--recharge-line,#c9c4b7);flex-direction:column;gap:16px;margin:0 20px;padding-bottom:10px;display:flex}.invoice-option{cursor:pointer;min-height:47px;color:var(--recharge-input-text,#44494b);letter-spacing:.4px;border:1px solid #9d8c63;border-radius:16px;align-items:center;gap:5px;padding:10px 15px;font-size:16px;line-height:1.65;display:flex}.invoice-option:has(input[type=radio]:checked){border-color:#ff6d1f}.invoice-choice{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.invoice-option>input:not([type=radio]),.invoice-option>select{width:339px;min-width:0;height:42px;color:var(--recharge-input-text,#44494b);background-color:var(--recharge-input,#fff);font:inherit;border:1px solid #275c5e;border-radius:8px;padding:8px 16px}.invoice-option>select{appearance:none;background-image:var(--recharge-select-arrow);background-position:right 14px center;background-repeat:no-repeat;background-size:12px 8px;padding-right:42px}.invoice-option>[hidden]{display:none}.recharge-plans{border-bottom:1px solid var(--recharge-line,#c9c4b7);grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 20px;padding-bottom:10px;display:grid}.recharge-plans .recharge-plan{cursor:pointer;border:1px solid #9d8c63;border-radius:16px;align-items:center;gap:5px;min-height:62px;padding:10px 15px;display:flex}.recharge-plans .recharge-plan:has(input:checked){border-color:#ff6d1f}.recharge-plans .recharge-plan input{appearance:none;background:var(--recharge-input,#fff);border:1px solid #008f97;border-radius:50%;flex:0 0 24px;width:24px;height:24px;margin:0}.recharge-plans .recharge-plan input:checked{background:radial-gradient(circle,#fff 0 7px,#008f97 7.5px);border:0}.recharge-plans .diamond-mark{object-fit:contain;background:#1c1b17;flex:0 0 30px;width:30px;height:30px}.recharge-plans .plan-copy{letter-spacing:.4px;white-space:nowrap;flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.recharge-plans .plan-copy strong{align-items:center;font-size:16px;font-weight:500;line-height:1.65;display:flex}.recharge-plans .plan-copy strong em{color:#d92c04;background:#fff5f3;border:1px solid #ff8071;margin-left:4px;padding:1px 3px;font-size:12px;font-style:normal;font-weight:400;line-height:1.2}.recharge-plans .plan-copy small{color:var(--recharge-muted,#4b483d);font-size:12px;line-height:1.65}.recharge-plans .plan-copy small.bonus{color:#d92c04}.recharge-plans .recharge-plan>b{white-space:nowrap;align-items:baseline;font-size:18px;line-height:1;display:flex}.recharge-plans .recharge-plan>b span{font-size:16px}.empty-plans{text-align:center;color:var(--recharge-muted,#4b483d);padding:24px}.recharge-actions{flex-direction:column;gap:15px;padding:20px;display:flex}.recharge-actions button,.recharge-actions a{color:#1c1b17;letter-spacing:.4px;cursor:pointer;background:#fffc;border:1px solid #a3aeae;border-radius:8px;place-items:center;height:42px;font-size:18px;font-weight:500;text-decoration:none;display:grid;position:relative}.recharge-actions .primary{background:#ff6d1f1a;border-color:#ff9055}.recharge-actions .primary img{width:30px;height:30px;position:absolute;left:8px}.recharge-form.is-confirmed .recharge-actions .primary{background:#ff6d1f}.recharge-form.is-confirmed .recharge-actions .primary img{left:auto;right:8px;transform:rotate(180deg)}.recharge-status:empty{display:none}.recharge-tip{z-index:1001;color:#44494b;text-align:center;background:#cfffff;border:1px solid #1c6d8b;border-radius:12px;width:min(500px,100vw - 32px);padding:16px 20px;position:fixed;top:26px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000002e}.recharge-dialog{position:fixed;inset:0}.recharge-dialog .modal-close{font-size:28px}:root[data-theme=night] .recharge-card{--recharge-bg:#272422;--recharge-border:#5c514d;--recharge-line:#5c514d;--recharge-text:#f2f2f2;--recharge-muted:#ddd3be;--recharge-input:#3a3531;--recharge-input-text:#f2f2f2;--recharge-select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1.5 5 5 5-5' fill='none' stroke='%23f2f2f2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.payment-option:has(input:checked),.recharge-plan:has(input:checked){color:var(--recharge-text)}@media (width<=760px){.recharge-title-row{flex-direction:column;align-items:flex-start;gap:8px;height:auto}.payment-options,.recharge-plans{grid-template-columns:1fr}.step-heading{align-items:flex-start;height:auto}.step-heading>div{flex-direction:column;align-items:flex-start;gap:2px}.invoice-option{flex-direction:column;align-items:flex-start}.invoice-option>input:not([type=radio]),.invoice-option>select{width:100%}}