:root{color-scheme:dark;font-family:Arial,sans-serif;background:#10130e;color:#f5f5eb;line-height:1.55}*{box-sizing:border-box}body{margin:0}main{max-width:1080px;margin:auto;padding:28px 24px 56px}nav{display:flex;justify-content:space-between;gap:20px}a{color:#d9fa79;text-underline-offset:4px}header{max-width:720px;margin:58px 0 28px}h1{font-size:clamp(32px,6vw,56px);line-height:1.08;letter-spacing:-1.5px;margin:12px 0 22px}h2{font-size:24px}.eyebrow{font-size:12px;letter-spacing:2px;color:#d9fa79}.muted,footer{color:#adb6a5}.balance{display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding:20px 24px;background:#1a2015;border:1px solid #3e4934;border-radius:16px}.balance strong{margin-left:auto}.packs{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:26px 0}.pack{padding:26px 20px;border:1px solid #3e4934;border-radius:18px;background:#191f15;display:flex;flex-direction:column}.pack h2{font-size:32px;margin:0}.pack .price{font-size:24px;font-weight:700;margin-bottom:0}.pack .price-note{font-size:12px;color:#adb6a5;margin-top:3px}.pack button{margin-top:auto}button,.button{background:#d9fa79;color:#152007;border:0;border-radius:10px;padding:14px 18px;font-size:15px;font-weight:600;cursor:pointer;text-align:center}button:disabled{opacity:.45;cursor:not-allowed}button.secondary{background:transparent;border:1px solid #677957;color:#e3f1d9}button:focus-visible,a:focus-visible{outline:3px solid #a8caff;outline-offset:4px}#status{padding:15px 0;min-height:55px}#review{background:#202a17;border:1px solid #d9fa79;border-radius:18px;padding:26px;margin:30px 0}#review .actions{display:flex;gap:12px;flex-wrap:wrap}#review .amount{font-size:28px;font-weight:bold}.purchase{border-bottom:1px solid #3e4934;padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:18px}.purchase p{margin:3px 0}footer{margin-top:44px;font-size:14px;border-top:1px solid #3e4934;padding-top:20px}footer p{max-width:790px}@media(max-width:850px){.packs{grid-template-columns:repeat(2,1fr)}}@media(max-width:440px){main{padding:20px 16px}header{margin-top:35px}.packs{grid-template-columns:1fr}.balance strong{margin-left:0}.purchase{align-items:flex-start;flex-direction:column}.pack{padding:22px}.pack button{margin-top:14px}}
.exchange{background:#171e12;border:1px solid #3e4934;border-radius:16px;padding:20px 24px}.exchange p{margin:7px 0;font-size:14px}.exchange button{margin-top:12px}.usd-price{color:#d9fa79;font-weight:600;margin-bottom:0}.pack .price{margin-top:6px;overflow-wrap:anywhere}
