.credit-options{border:1px solid #dbe5ff;border-radius:28px;padding:34px;width:min(680px,calc(100vw - 28px));max-height:calc(100dvh - 32px);overflow:auto;background:linear-gradient(145deg,#f3f7ff,#fff 48%);color:#18264c;box-shadow:0 28px 100px #12265c40;font-family:inherit}.credit-options::backdrop{background:#12213a80;backdrop-filter:blur(5px)}.credit-close{float:right;width:36px;height:36px;border:0;border-radius:50%;background:#eaf0ff;color:#37538a;font-size:24px;cursor:pointer}.credit-eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;color:#4266bc}.credit-options h2{font-size:28px;margin:14px 0 8px;line-height:1.2}.credit-intro{color:#526282;font-size:14px;line-height:1.6}.credit-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:24px}.credit-cards section{padding:22px;border:1px solid #dbe4fa;border-radius:20px;background:white;display:flex;flex-direction:column;gap:14px}.credit-cards h3{font-size:20px;margin:0}.credit-cards p{font-size:13px;line-height:1.65;margin:0;color:#566586;flex:1}.credit-cards button{border:0;border-radius:12px;padding:12px;background:#2359ef;color:white;font:600 13px inherit;cursor:pointer;transition:transform .16s,box-shadow .16s}.credit-cards button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #2359ef25}.credit-cards button:disabled{opacity:.6;cursor:wait}.credit-period{display:flex;border-radius:12px;padding:3px;background:#edf1f9;gap:2px}.credit-period button{flex:1;font-size:11px;padding:8px 4px;background:transparent;color:#54627c}.credit-period button[aria-pressed=true]{background:white;color:#2456ce;box-shadow:0 2px 6px #10204415}.credit-footnote,.credit-status{font-size:12px;line-height:1.6;color:#697a9c;margin:18px 0 0}.credit-status:not(:empty){color:#2359ef}.credit-return{position:fixed;left:50%;top:95px;transform:translateX(-50%);width:min(550px,90vw);z-index:10000;background:white;border:1px solid #aac6ff;box-shadow:0 10px 50px #14356a30;border-radius:18px;padding:22px;color:#234475}.credit-return button{display:block;margin-top:14px;color:#245ded}.credit-options:focus-visible,.credit-options button:focus-visible{outline:3px solid #8eb2ff;outline-offset:3px}@media(max-width:520px){.credit-options{padding:23px}.credit-options h2{font-size:24px}.credit-cards{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.credit-cards button{transition:none;transform:none}}
.plans-top-up{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:28px;padding:30px;border:1px solid #cbdcff;border-radius:24px;background:linear-gradient(120deg,#eef4ff,#fff 70%);text-align:left;box-shadow:0 8px 28px #234a9510}.plans-top-up-icon{display:grid;place-items:center;flex-shrink:0;width:56px;height:56px;border-radius:18px;background:linear-gradient(145deg,#ffe8a5,#ffd36a);color:#875110;font-size:30px;box-shadow:0 5px 15px #dca84425}.plans-top-up-copy{flex:1;min-width:220px}.plans-top-up h2{margin:6px 0 8px;font-size:24px;font-weight:700;line-height:1.25;color:#18264c}.plans-top-up-copy p{font-size:14px;line-height:1.7;color:#53627e;max-width:540px}.plans-top-up-copy small{display:block;margin-top:8px;color:#53627e;font-size:12px}.plans-top-up-action{display:grid;gap:10px;text-align:center}.plans-top-up-action button{border:0;border-radius:13px;padding:14px 20px;background:#2458ee;color:white;font-weight:700;font-size:14px;box-shadow:0 5px 14px #2458ee25;transition:transform .18s,box-shadow .18s;cursor:pointer}.plans-top-up-action button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #2458ee35}.plans-top-up-action button:active{transform:scale(.98)}.plans-top-up-action button:focus-visible{outline:3px solid #87aeff;outline-offset:4px}.plans-top-up-action button:disabled{opacity:.65;cursor:wait;transform:none}.plans-top-up-action>span{font-size:11px;color:#60708b}#top-up-status:empty{display:none}#top-up-status{flex-basis:100%;font-size:13px;color:#345d9c}@media(max-width:640px){.plans-top-up{padding:22px;gap:18px}.plans-top-up-copy{min-width:0;flex-basis:calc(100% - 74px)}.plans-top-up h2{font-size:21px}.plans-top-up .credit-eyebrow{font-size:9px}.plans-top-up-action{width:100%}}@media(prefers-reduced-motion:reduce){.plans-top-up-action button{transition:none;transform:none}}
.plans-credit-packs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:100%}.plans-credit-pack{position:relative;display:flex;flex-direction:column;gap:12px;padding:26px 22px 22px;border:1px solid #dbe4fa;border-radius:20px;background:#fff}.plans-credit-pack h3{font-size:27px;font-weight:700;color:#18264c}.plans-credit-pack h3 span{display:block;font-size:13px;font-weight:500;color:#596c8c}.plans-credit-pack p{font-size:13px;color:#596c8c;line-height:1.6}.plans-credit-pack .pack-price{font-size:30px;font-weight:700;color:#18264c}.pack-price s{font-size:16px;color:#77839b;font-weight:400}.plans-credit-pack button{margin-top:auto;width:100%;border:1px solid #c5d6fc;border-radius:12px;padding:13px 10px;background:#eef4ff;color:#2458d4;font-size:14px;font-weight:700;cursor:pointer;transition:transform .18s,box-shadow .18s}.plans-credit-pack button:hover{transform:translateY(-2px);box-shadow:0 7px 18px #2458ee25}.plans-credit-pack button:active{transform:scale(.98)}.plans-credit-pack button:focus-visible{outline:3px solid #87aeff;outline-offset:3px}.plans-credit-pack button:disabled{opacity:.6;cursor:wait;transform:none}.plans-credit-pack.best-value,.credit-cards .best-value{border:2px solid #5278fa;background:linear-gradient(150deg,#f0f4ff,#fff)}.plans-credit-pack.best-value button{background:#2458ee;color:white;border-color:#2458ee}.pack-saving{align-self:flex-start;background:#e0e9ff;color:#2450c0;border-radius:20px;padding:5px 10px;font-size:11px;font-weight:700}.plans-credit-pack>.pack-saving{position:absolute;top:-14px;right:18px}.pack-checkout-note{width:100%;text-align:center;color:#62728e;font-size:12px}.credit-plan-link{display:block;margin-top:20px;font-size:13px;color:#2458d4;text-decoration:underline}@media(max-width:640px){.plans-credit-packs{grid-template-columns:1fr;gap:24px}.plans-credit-pack{padding:22px}.plans-credit-pack h3 span{display:inline;margin-left:8px}}@media(prefers-reduced-motion:reduce){.plans-credit-pack button{transition:none;transform:none}}
