.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-status { display:none; }
.shop-notification-rail { bottom:24px; display:flex; flex-direction:column; gap:10px; max-width:min(390px,calc(100vw - 32px)); pointer-events:none; position:fixed; right:24px; width:100%; z-index:50; }
.shop-notification { animation:notificationIn .5s cubic-bezier(.2,.8,.2,1) both; background:rgba(9,12,24,.96); border:1px solid rgba(98,220,136,.55); box-shadow:0 18px 45px rgba(0,0,0,.4),0 0 28px rgba(98,220,136,.12); display:flex; gap:16px; min-height:112px; overflow:hidden; padding:18px 18px 17px 20px; pointer-events:auto; position:relative; }
.shop-notification::before { background:#62dc88; box-shadow:0 0 16px rgba(98,220,136,.8); content:''; inset:0 auto 0 0; position:absolute; width:3px; }.shop-notification.error { border-color:rgba(255,107,107,.7); }.shop-notification.error::before { background:#ff6b6b; box-shadow:0 0 16px rgba(255,107,107,.75); }.shop-notification.welcome { border-color:rgba(169,140,255,.7); }.shop-notification.welcome::before { background:#a98cff; box-shadow:0 0 16px rgba(169,140,255,.75); }
.shop-notification-content { display:flex; flex:1; flex-direction:column; gap:5px; }.shop-notification-eyebrow { color:#62dc88; font-family:var(--mono); font-size:.56rem; letter-spacing:.12em; text-transform:uppercase; }.error .shop-notification-eyebrow { color:#ff9292; }.welcome .shop-notification-eyebrow { color:#b39cff; }.shop-notification strong { color:#fff; font-size:1rem; letter-spacing:-.03em; }.shop-notification p { color:#aeb3c9; font-size:.75rem; line-height:1.45; margin:0; }.shop-notification a { color:#b39cff; font-family:var(--mono); font-size:.62rem; letter-spacing:.08em; margin-top:3px; text-decoration:none; text-transform:uppercase; }.shop-notification a:hover { color:#fff; }.shop-notification-close { align-items:center; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); border-radius:50%; color:#c7c9d8; cursor:pointer; display:flex; flex:0 0 24px; font-size:1.1rem; height:24px; justify-content:center; line-height:1; padding:0; transition:background .2s,color .2s,transform .2s; width:24px; }.shop-notification-close:hover { background:rgba(255,255,255,.15); color:#fff; transform:rotate(90deg); }
@keyframes notificationIn { from { opacity:0; transform:translate3d(28px,18px,0) scale(.95); } to { opacity:1; transform:translate3d(0,0,0) scale(1); } }
@media(max-width:520px) { .shop-notification-rail { bottom:14px; right:14px; max-width:calc(100vw - 28px); }.shop-notification { padding-left:17px; } }
@media(prefers-reduced-motion:reduce) { .shop-notification { animation:none; }.shop-notification-close { transition: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}}
.decoration-card { overflow:hidden; }
.decoration-card .product-art { background:linear-gradient(145deg,rgba(169,140,255,.18),rgba(98,220,136,.08)); border-color:rgba(169,140,255,.35); }
.decoration-card .product-art img { filter:drop-shadow(0 8px 14px rgba(169,140,255,.3)); height:52px; width:52px; }
.decoration-card .product-tag { background:rgba(98,220,136,.1); border:1px solid rgba(98,220,136,.25); color:#8ee6a9; font-family:var(--mono); font-size:.55rem; letter-spacing:.08em; padding:5px 7px; position:absolute; right:15px; text-transform:uppercase; top:45px; }
.decoration-card strong { color:#fff; font-size:1.05rem; }
.decoration-card small { color:#b39cff; }
.product-grid { align-items:stretch; }
.product-card { isolation:isolate; overflow:hidden; }
.product-card::before { background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.1) 48%,transparent 70%); content:''; inset:0; pointer-events:none; position:absolute; transform:translateX(-120%); transition:transform .7s ease; z-index:-1; }
.product-card:hover::before,.product-card:focus-visible::before { transform:translateX(120%); }
.product-card:nth-child(2) { animation-delay:.06s; }.product-card:nth-child(3) { animation-delay:.12s; }.product-card:nth-child(4) { animation-delay:.18s; }.product-card:nth-child(5) { animation-delay:.24s; }.product-card:nth-child(6) { animation-delay:.3s; }.product-card:nth-child(7) { animation-delay:.36s; }.product-card:nth-child(8) { animation-delay:.42s; }.product-card:nth-child(9) { animation-delay:.48s; }
.product-card .product-art { box-shadow:0 10px 22px rgba(0,0,0,.24); transition:transform .35s ease,box-shadow .35s ease; }
.product-card:hover .product-art,.product-card:focus-visible .product-art { box-shadow:0 14px 30px rgba(141,112,238,.3); transform:translateY(-5px) rotate(-3deg); }
.decoration-card { background:linear-gradient(145deg,rgba(24,22,55,.9),rgba(13,22,37,.86)); }
.decoration-card .product-tag { z-index:2; }
.market-strip { box-shadow:0 12px 34px rgba(0,0,0,.2); position:relative; }
.market-strip::after { animation:marketSweep 6s linear infinite; background:#62dc88; box-shadow:0 0 12px #62dc88; content:''; height:1px; left:0; position:absolute; top:0; width:24%; }
@keyframes marketSweep { from { transform:translateX(-110%); } to { transform:translateX(520%); } }
.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-copy-button { align-items:center; background:rgba(141,112,238,.12); border:1px solid rgba(169,140,255,.42); color:#eeeaff; cursor:pointer; display:inline-flex; font-family:var(--mono); font-size:.66rem; gap:8px; letter-spacing:.05em; margin-top:10px; padding:10px 12px; text-transform:uppercase; transition:background .2s,border-color .2s,color .2s,transform .2s; }.wallet-copy-button:hover:not(:disabled) { background:rgba(141,112,238,.26); border-color:#a98cff; color:#fff; transform:translateY(-2px); }.wallet-copy-button:focus-visible { box-shadow:0 0 0 3px rgba(169,140,255,.22); outline:none; }.wallet-copy-button:disabled { cursor:not-allowed; opacity:.45; }.wallet-copy-button.copied { background:rgba(98,220,136,.14); border-color:#62dc88; color:#8ee6a9; }
.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:not(:disabled),.plan-button.selected { background:rgba(141,112,238,.2); border-color:#a98cff; }.plan-button:disabled,.crypto-button:disabled { cursor:not-allowed; opacity:.4; }
.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-submit-button:disabled { cursor:not-allowed; opacity:.55; transform:none; }
#shop-submit-button[hidden],#tool-submit-button[hidden] { display:none !important; }
.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}}
