.coins-shell{max-width:850px}
.coins-shell>header{margin-bottom:27px}
.coins-shell h2{margin:0;color:#f6fbff;font-size:1.25rem}
.coins-notice{margin:0 0 18px;padding:12px 16px;border:1px solid #2a6c90;border-radius:13px;background:#10334a;color:#d9f4ff;font-weight:650}
.coins-notice.is-error{border-color:#a45259;background:#43232d;color:#ffe2e2}
.coins-notice[hidden]{display:none}
.coins-balance,.coins-card,.coins-history{border:1px solid var(--card-border);border-radius:20px;background:var(--card-bg);box-shadow:0 18px 40px #0004}
.coins-balance{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 26px;background:linear-gradient(120deg,#0c344d,#102643 70%,#183b57)}
.coins-balance p:last-child{margin:5px 0 0;color:#a6c6d9;font-size:.9rem}
.coins-balance strong{white-space:nowrap;color:#91e9ff;font-size:clamp(1.65rem,5vw,2.5rem);line-height:1}
.coins-balance strong::after{content:' coins';color:#b6d7e7;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.coins-card{margin-top:18px;padding:25px}
.coins-section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:22px}
.coins-test-pill{padding:7px 10px;border:1px solid #38bfdf;border-radius:999px;background:#0d3b53;color:#a8efff;font-size:.75rem;font-weight:800;letter-spacing:.03em}
.coins-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.coins-presets button{min-height:70px;border:1px solid #456b83;border-radius:14px;background:#102e48;color:#e6f6ff;font:800 clamp(1.15rem,3vw,1.45rem)/1.1 system-ui;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}
.coins-presets button:hover,.coins-presets button:focus-visible{border-color:#7de0fc;background:#164362;transform:translateY(-2px)}
.coins-presets button[aria-pressed="true"]{border-color:#50d7ff;background:#145879;box-shadow:inset 0 0 0 1px #50d7ff,0 0 0 3px #50d7ff2c}
.coins-custom{display:block;margin-top:21px;color:#d5ebf7;font-size:.9rem;font-weight:750}
.coins-input-wrap{display:flex;align-items:center;gap:9px;width:min(220px,100%);margin-top:9px;padding:0 14px;border:1px solid #5482a1;border-radius:12px;background:#0c2948;color:#89d7f4;font-size:1.2rem;font-weight:800}
.coins-input-wrap:focus-within{border-color:#75deff;box-shadow:0 0 0 3px #37b3e53d}
.coins-input-wrap input{width:100%;min-height:47px;border:0;outline:0;background:transparent;color:#fff;font:750 1.1rem system-ui}
.coins-order-summary{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:25px;padding:16px 0;border-top:1px solid #294760;color:#b8d5e5}
.coins-order-summary strong{color:#fff;font-size:1.2rem}
.coins-checkout{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:50px;border:0;border-radius:12px;background:#31b5e8;color:#061d2d;font:850 .98rem system-ui;cursor:pointer}
.coins-checkout:hover:not(:disabled),.coins-checkout:focus-visible:not(:disabled){background:#76d9fa}
.coins-checkout:disabled{opacity:.5;cursor:not-allowed}
.coins-footnote{margin:14px 0 0;color:#abc6d6;font-size:.82rem}
.coins-signin{margin-top:15px;padding:12px;border:1px solid #456b83;border-radius:10px;color:#d9e9f2}
.coins-history{margin-top:18px;padding:23px 25px}
.coins-history h2{margin-bottom:12px}
.coins-history p{margin:0;color:#accadb}
.coins-history ul{list-style:none;margin:0;padding:0}
.coins-history li{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #26445b;color:#d6ecf8}
.coins-history li:first-child{border-top:0}
.coins-history li small{display:block;color:#93b9cd}
.coins-history .coins-order-status{text-transform:capitalize;color:#8dd9f2;font-weight:750}
@media(max-width:540px){.coins-shell{width:min(100% - 24px,850px);padding-top:20px}.coins-card,.coins-history{padding:18px}.coins-balance{padding:19px;align-items:flex-start;flex-direction:column}.coins-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.coins-presets button{min-height:58px}}