.market-strip { background:rgba(17,22,37,.72); border:1px solid var(--line); margin:0 0 28px; padding:14px 18px; }.market-heading { align-items:center; color:var(--muted); display:flex; font-family:var(--mono); font-size:.62rem; gap:8px; letter-spacing:.08em; text-transform:uppercase; }.market-heading small { margin-left:auto; }.market-live-dot { background:#62dc88; border-radius:50%; box-shadow:0 0 10px rgba(98,220,136,.7); height:7px; width:7px; }.market-grid { display:grid; gap:10px; grid-template-columns:repeat(3,1fr); margin-top:12px; }.market-coin { align-items:center; background:rgba(7,9,18,.5); border:1px solid rgba(242,241,247,.08); display:flex; gap:10px; padding:10px; }.coin-symbol { align-items:center; border-radius:50%; display:flex; font-family:var(--mono); font-size:.78rem; height:25px; justify-content:center; width:25px; }.coin-symbol.btc { background:#e79a35; }.coin-symbol.ltc { background:#77859a; }.coin-symbol.eth { background:#6f7cff; }.market-coin strong,.market-coin small { display:block; }.market-coin strong { font-family:var(--mono); font-size:.68rem; }.market-coin small { color:#8ee6a9; font-size:.7rem; margin-top:3px; }.crypto-estimate { color:#8ee6a9; font-family:var(--mono); font-size:.66rem; min-height:1.2em; margin:-10px 0 17px; }
.checkout-panel input[type="text"] { background:#080a14; border:1px solid rgba(169,140,255,.42); border-radius:4px; caret-color:#b39cff; color:#fff; font-size:1rem; min-height:48px; padding:14px 15px; }.checkout-panel input[type="text"]::placeholder { color:#686d84; }.checkout-panel input[type="text"]:focus { border-color:#a98cff; box-shadow:0 0 0 3px rgba(169,140,255,.16); outline:none; }
#checkout[hidden] { display:none !important; }
.checkout-panel input[type="number"] { background:#080a14; border:1px solid rgba(169,140,255,.42); border-radius:4px; color:#fff; font:inherit; margin-top:7px; min-height:48px; padding:14px 15px; width:100%; }.checkout-panel input[type="number"]:focus { border-color:#a98cff; box-shadow:0 0 0 3px rgba(169,140,255,.16); outline:none; }.price-total { align-items:center; color:var(--muted); display:flex; font-family:var(--mono); font-size:.7rem; justify-content:space-between; margin:20px 0; text-transform:uppercase; }.price-total strong { color:#fff; font-size:1.4rem; }
@media(max-width:520px){.market-grid{grid-template-columns:1fr}.market-heading small{font-size:.55rem}}
.order-summary { animation:summaryDrop .55s cubic-bezier(.2,.8,.2,1) both; background:rgba(8,10,20,.76); border:1px solid rgba(169,140,255,.42); grid-column:1 / -1; margin-top:4px; padding:24px; }.order-summary h3 { font-size:1.65rem; letter-spacing:-.05em; margin:17px 0 20px; }.summary-row { align-items:center; border-bottom:1px solid var(--line); display:flex; font-family:var(--mono); font-size:.7rem; justify-content:space-between; padding:12px 0; text-transform:uppercase; }.summary-row strong { color:#fff; font-family:var(--display); font-size:.9rem; max-width:70%; overflow-wrap:anywhere; text-align:right; }.summary-note { color:var(--muted); font-family:var(--mono); font-size:.65rem; line-height:1.5; margin-top:18px; }.checkout-status { min-height:1.2em; }
.summary-crypto { background:rgba(98,220,136,.09); border:1px solid rgba(98,220,136,.25); color:#8ee6a9; font-family:var(--mono); font-size:.7rem; margin-top:12px; padding:12px; }
.wallet-placeholder { background:rgba(169,140,255,.08); border:1px dashed rgba(169,140,255,.42); color:#aaa2cf; font-family:var(--mono); font-size:.68rem; line-height:1.5; margin:15px 0 4px; outline:none; padding:11px 12px; }.wallet-placeholder:focus { border-color:#a98cff; color:#eeeaff; }.wallet-placeholder:empty::before { content:'Add your wallet instructions or payment note here.'; }
.server-field { margin-top:16px; }.server-field[hidden] { display:none; }.server-field input { background:#080a14; border:1px solid rgba(169,140,255,.42); border-radius:4px; caret-color:#b39cff; color:#fff; font:inherit; margin-top:7px; min-height:48px; padding:14px 15px; width:100%; }.server-field input:focus { border-color:#a98cff; box-shadow:0 0 0 3px rgba(169,140,255,.16); outline:none; }
.plan-field[hidden] { display:none; }.plan-options { display:grid; gap:8px; grid-template-columns:repeat(3,1fr); }.plan-button { background:#080a14; border:1px solid var(--line); color:var(--ink); cursor:pointer; font-family:var(--mono); font-size:.68rem; padding:11px 8px; }.plan-button span { color:#8ee6a9; display:block; font-family:var(--display); font-size:.82rem; margin-top:5px; }.plan-button:hover,.plan-button.selected { background:rgba(141,112,238,.2); border-color:#a98cff; }
.payment-state { align-items:center; color:#8ee6a9; display:flex; font-family:var(--mono); font-size:.7rem; gap:10px; margin-top:22px; text-transform:uppercase; }.payment-loader { animation:paymentPulse 1.35s ease-in-out infinite; background:#62dc88; border:3px solid rgba(98,220,136,.2); border-radius:50%; box-shadow:0 0 0 0 rgba(98,220,136,.45); display:inline-block; height:18px; width:18px; }.summary-join { align-items:center; background:#8d70ee; color:#0d0b18; display:inline-flex; font-size:.78rem; font-weight:600; gap:10px; margin-top:22px; padding:13px 17px; text-decoration:none; transition:background .2s,transform .2s; }.summary-join:hover { background:#b39cff; transform:translateY(-3px); }.summary-join span { font-size:1rem; }
@keyframes summaryDrop { from { opacity:0; transform:translateY(-20px) scale(.98); } to { opacity:1; transform:translateY(0) scale(1); } } @keyframes paymentPulse { 0%,100% { box-shadow:0 0 0 0 rgba(98,220,136,.45); transform:scale(1); } 50% { box-shadow:0 0 0 8px rgba(98,220,136,0); transform:scale(1.08); } }
.shop-heading { padding:78px 7% 52px; }.shop-heading h1 { font-size:clamp(3.4rem,7vw,6rem); letter-spacing:-.09em; line-height:.9; margin:22px 0 26px; }.shop-heading h1 em { color:var(--blue); font-style:normal; }.shop-heading>p:last-child { color:var(--muted); line-height:1.6; max-width:390px; }.product-grid { display:grid; gap:14px; grid-template-columns:repeat(4,1fr); padding:0 0 55px; }.product-card { background:rgba(17,22,37,.8); border:1px solid var(--line); color:var(--ink); cursor:pointer; display:flex; flex-direction:column; min-height:220px; padding:18px; position:relative; text-align:left; transition:background .25s,border-color .25s,transform .25s; }.product-card:nth-child(1),.product-card:nth-child(6) { grid-column:span 2; }.product-card:hover,.product-card:focus-visible { background:#18224f; border-color:var(--blue); outline:none; transform:translateY(-6px); }.product-art { align-items:center; background:var(--panel-light); border:1px solid var(--line); color:var(--orange); display:flex; font-family:var(--display); font-size:3rem; height:84px; justify-content:center; margin-bottom:auto; width:84px; }.product-number { color:var(--muted); font-family:var(--mono); font-size:.65rem; position:absolute; right:18px; top:18px; }.product-card strong { font-size:1rem; margin-top:23px; }.product-card small { color:var(--muted); font-family:var(--mono); font-size:.62rem; margin-top:7px; text-transform:uppercase; }.boost-art,.nitro-art { color:var(--blue); }.token-art,.bot-art { color:#8bd8ff; }.account-art { color:#b889ff; }.custom-art { color:#76dd9b; }.checkout-panel { background:linear-gradient(135deg,#161e47,#111625); border:1px solid var(--line); display:grid; gap:55px; grid-template-columns:.8fr 1.2fr; margin-bottom:70px; padding:38px; }.checkout-copy h2 { font-size:2rem; letter-spacing:-.06em; margin:28px 0 15px; }.checkout-copy p:last-child { color:var(--muted); font-size:.84rem; line-height:1.6; max-width:330px; }#checkout-form label,fieldset legend { color:var(--muted); display:block; font-family:var(--mono); font-size:.66rem; letter-spacing:.08em; margin-bottom:9px; text-transform:uppercase; }#discord-username { background:rgba(7,9,18,.65); border:1px solid var(--line); color:var(--ink); font:inherit; outline:none; padding:14px; width:100%; }#discord-username:focus { border-color:var(--blue); }fieldset { border:0; margin:24px 0; }fieldset legend { margin-bottom:11px; }.crypto-options { display:flex; gap:10px; }.crypto-button { align-items:center; background:rgba(7,9,18,.55); border:1px solid var(--line); color:var(--ink); cursor:pointer; display:flex; flex:1; font-family:var(--mono); font-size:.7rem; gap:7px; padding:10px; }.crypto-button:hover,.crypto-button.selected { border-color:var(--orange); color:var(--orange); }.coin { align-items:center; border-radius:50%; display:inline-flex; font-size:.9rem; height:22px; justify-content:center; width:22px; }.ltc { background:#77859a; }.btc { background:#e79a35; }.eth { background:#6f7cff; }.submit-button { border:0; cursor:pointer; }.checkout-status { color:#8bd8a5; font-family:var(--mono); font-size:.7rem; line-height:1.5; margin-top:15px; }footer a { color:var(--ink); text-decoration:none; }footer a:hover { color:var(--orange); }@media (max-width:800px){.product-grid{grid-template-columns:repeat(2,1fr)}.product-card:nth-child(1),.product-card:nth-child(6){grid-column:span 1}.checkout-panel{grid-template-columns:1fr;gap:25px;padding:25px}}@media(max-width:520px){.shop-heading{padding:60px 0 42px}.product-grid{gap:10px}.product-card{min-height:190px;padding:14px}.product-art{font-size:2.2rem;height:65px;width:65px}.product-number{right:14px;top:14px}.checkout-panel{margin-bottom:45px;padding:20px}.crypto-options{gap:6px}.crypto-button{justify-content:center;padding:10px 5px}.crypto-button .coin{display:none}}
