:root { --store-bg:#0b111b; --store-surface:#111c2b; --store-border:#2b405b; --store-text:#edf5ff; --store-muted:#9fb0c5; --store-blue:#58a7ff; --store-gold:#e1b85c; --store-green:#77d9a4; }
* { box-sizing: border-box; }
body.credit-store-page { margin: 0; overflow-x: hidden; color: var(--store-text); background: radial-gradient(circle at 85% 5%,#173253 0,transparent 34%),var(--store-bg); font-family: Inter,system-ui,sans-serif; }
.credit-store-main { width: min(1180px,100%); min-height: 100dvh; margin: 0 auto; padding: clamp(76px,8vw,110px) clamp(14px,3vw,36px) 48px; }
.credit-store-hero { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 24px; align-items: end; padding: clamp(22px,4vw,42px); border: 1px solid var(--store-border); border-radius: 22px; background: linear-gradient(135deg,rgba(26,50,80,.96),rgba(14,24,39,.96)); box-shadow: 0 24px 70px rgb(0 0 0/.28); }
.credit-store-eyebrow,.credit-package-label,.credit-section-heading>span { color: var(--store-blue); font-size: .74rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.credit-store-hero h1 { margin: 6px 0 10px; font-size: clamp(2.2rem,6vw,4.3rem); line-height: .95; }
.credit-store-hero p,.credit-section-heading p,.credit-package p,.credit-store-guide p,.credit-store-account p,.credit-store-legal { color: var(--store-muted); line-height: 1.6; }
.credit-store-hero p { max-width: 650px; margin: 0; font-size: 1.02rem; }
.credit-wallet { display: flex; min-width: 210px; align-items: center; gap: 13px; padding: 16px 18px; border: 1px solid #416489; border-radius: 16px; background: #0c1725; }
.credit-wallet i { color: var(--store-gold); font-size: 1.65rem; }.credit-wallet small,.credit-wallet strong { display:block; }.credit-wallet small { color:var(--store-muted); }.credit-wallet strong { margin-top:2px;font-size:1.35rem; }
.credit-store-status { display:flex; gap:10px; align-items:flex-start; margin:18px 0 28px; padding:13px 15px; border:1px solid #6b5731; border-radius:12px; color:#ead6a8; background:#211c14; line-height:1.5; }.credit-store-status[data-tone="ready"] { border-color:#346b52;color:#bfe8d1;background:#13251d; }.credit-store-status[data-tone="error"] { border-color:#844b55;color:#ffd1d5;background:#2a171b; }
.credit-package-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }.credit-section-heading { grid-column:1/-1; margin-bottom:3px; }.credit-section-heading h2 { margin:5px 0 4px;font-size:clamp(1.5rem,3vw,2.25rem); }.credit-section-heading p { margin:0; }
.credit-package { position:relative; display:grid; gap:12px; min-height:300px; align-content:start; padding:24px; border:1px solid var(--store-border); border-radius:18px; background:linear-gradient(160deg,#142237,#0f1927); }.credit-package--featured { border-color:#4e83b9; box-shadow:0 18px 45px rgb(31 104 175/.18); }.credit-package>strong { margin-top:8px;font-size:1.75rem; }.credit-package-price { min-height:43px;color:var(--store-gold);font-size:1.75rem;font-weight:850; }.credit-package p { margin:0 0 8px; }.credit-package button,.credit-store-button { display:inline-flex; min-height:46px; align-items:center; justify-content:center; margin-top:auto; padding:10px 16px; border:1px solid #4a91dc;border-radius:10px;color:#fff;background:#2469ad;font-weight:800;text-decoration:none;cursor:pointer; }.credit-package button:disabled { border-color:#38485c;color:#7f8da0;background:#1b2634;cursor:not-allowed; }
.credit-store-guide { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:28px; }.credit-store-guide article { display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:19px;border:1px solid var(--store-border);border-radius:15px;background:#0f1926; }.credit-store-guide i { margin-top:3px;color:var(--store-blue);font-size:1.2rem; }.credit-store-guide h2 { margin:0;font-size:1rem; }.credit-store-guide p { margin:5px 0 0;font-size:.9rem; }
.credit-store-account { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:28px; padding:22px; border:1px solid #365d82;border-radius:16px;background:#122238; }.credit-store-account h2,.credit-store-account p { margin:0; }.credit-store-account p { margin-top:5px; }.credit-store-account>div:last-child { display:flex;gap:9px; }.credit-store-button { margin:0;white-space:nowrap; }.credit-store-button--quiet { border-color:#465b73;background:#182638; }.credit-store-legal { max-width:900px;margin:22px auto 0;text-align:center;font-size:.8rem; }
@media(max-width:800px){.credit-store-hero{grid-template-columns:1fr;align-items:start}.credit-wallet{width:100%;min-width:0}.credit-package-grid,.credit-store-guide{grid-template-columns:1fr}.credit-store-account{align-items:flex-start;flex-direction:column}.credit-store-account>div:last-child{width:100%;flex-wrap:wrap}.credit-store-button{flex:1}}
@media(max-width:430px){.credit-store-main{padding-inline:9px}.credit-store-hero,.credit-package{padding:18px}.credit-store-account>div:last-child{flex-direction:column}.credit-store-button{width:100%}}