.nexora-recharge-guide{display:flex;gap:1rem;border:1px solid #bfdbfe;border-radius:1rem;padding:1.5rem;background:#eff6ff;color:#1d4ed8}
.nexora-recharge-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:.75rem;background:#dbeafe;color:#2563eb}
.nexora-recharge-icon svg,.nexora-recharge-button svg{width:1.25rem;height:1.25rem;flex-shrink:0}
.nexora-recharge-copy{flex:1;min-width:0}
.nexora-recharge-copy h3{margin:0;font-size:.875rem;line-height:1.25rem;font-weight:600;color:#1e40af}
.nexora-recharge-copy p{margin:.5rem 0 0;font-size:.875rem;line-height:1.5rem}
.nexora-recharge-button{display:inline-flex;gap:.5rem;align-items:center;justify-content:center;margin-top:1rem;padding:.625rem 1rem;border-radius:.625rem;background:#2563eb;color:#fff;text-decoration:none;font-size:.875rem;font-weight:500;line-height:1.25rem;transition:background-color .15s}
.nexora-recharge-button:hover{background:#1d4ed8;color:#fff}
.nexora-recharge-button:focus-visible{outline:2px solid #2563eb;outline-offset:3px}
.nexora-recharge-copy .nexora-recharge-hint{font-size:.75rem;line-height:1rem;opacity:.8}
.dark .nexora-recharge-guide{border-color:#1e3a8a;background:rgba(30,58,138,.2);color:#60a5fa}
.dark .nexora-recharge-icon{background:rgba(30,58,138,.3);color:#60a5fa}
.dark .nexora-recharge-copy h3{color:#93c5fd}
@media(max-width:639px){.nexora-recharge-guide{padding:1.25rem;gap:.75rem}.nexora-recharge-button{display:flex;width:100%;box-sizing:border-box}}