.top-up-payment{margin:0 auto 80px}.amount-selector{margin-bottom:2rem}.amount-options{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.amount-button{padding:1rem;border:2px solid #e0e0e0;border-radius:8px;background:#fff;font-size:1.2rem;cursor:pointer;transition:all .2s ease}.amount-button.selected{border-color:#5469d4;background:#f5f6ff}.amount-button:hover{border-color:#5469d4}.card-input-container{margin-bottom:2rem}.card-element{padding:1rem;border:1px solid #e0e0e0;border-radius:8px;background:#fff}.card-element.disabled{background:#f5f5f5;cursor:not-allowed}.submit-button{width:100%;height:48px;background:#001d21;color:#fff;border:none;border-radius:.7rem;font-size:1.1rem;cursor:pointer;transition:all .2s ease}.submit-button:disabled{opacity:.7;cursor:not-allowed}.payment-status{margin-top:1rem;padding:1rem;border-radius:8px;text-align:center}.payment-status.processing{background:#f5f6ff;color:#5469d4}.payment-status.success{background:#ecfdf3;color:#027a48}.payment-status.error{background:#fef3f2;color:#b42318}.spinner{display:inline-block;width:20px;height:20px;border:3px solid #5469d4;border-radius:50%;border-top-color:transparent;animation:spin 1s linear infinite;margin-right:.5rem}@keyframes spin{to{transform:rotate(360deg)}}