/* Zero’X midnight/violet system, preserving founder red and payment semantics. */
:root{--zx-violet:#a574ff;--zx-soft-line:#b09aff26}
.zx-purchase-showcase{padding-block:36px 30px;overflow:hidden}.zx-purchase-showcase[hidden]{display:none}
.zx-showcase-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:20px}.zx-showcase-heading small{color:#af8fe9;letter-spacing:.15em;font:600 10px system-ui}.zx-showcase-heading h2{font:800 clamp(24px,5vw,34px)/1.15 system-ui;margin:9px 0;color:#f4efff;letter-spacing:-.04em}.zx-showcase-heading h2 span{color:#ad72ff}.zx-showcase-heading p{font:13px/1.5 system-ui;color:#a7a2b4;margin:0}
.zx-showcase-controls{display:flex;gap:6px}.zx-showcase-controls button{border:1px solid var(--zx-soft-line);background:#121018;color:#d8c8ef;border-radius:999px;padding:10px 13px;min-height:42px;cursor:pointer;font:12px system-ui}
.zx-showcase-track{position:relative;display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 4px 22px;scrollbar-width:thin;scrollbar-color:#7647ae #0a080e}
.zx-showcase-card{position:relative;flex:0 0 236px;scroll-snap-align:start;border:1px solid #b585ff3b;border-radius:25px;padding:20px;background:radial-gradient(ellipse at 50% 0,#8641df55,transparent 70%),linear-gradient(150deg,#1b102b,#0b0a10 80%);box-shadow:0 8px 22px #0007,inset 0 1px #eadcff12;text-align:center;color:#eee8fa;box-sizing:border-box}
.zx-showcase-verified{font:600 9px system-ui;letter-spacing:.1em;color:#b9a6d0}.zx-showcase-avatar{margin:18px auto 12px;width:76px;height:76px;border-radius:22px;overflow:hidden;background:#241831;display:grid;place-items:center;font:700 22px system-ui;border:1px solid #bc88ff80;box-shadow:0 0 22px #9750ea33}.zx-showcase-avatar img{width:100%;height:100%;object-fit:cover}.zx-showcase-card h3{font:700 15px system-ui;overflow-wrap:anywhere;margin:0 0 16px}.zx-showcase-card h3.zx-showcase-founder{color:#ff324e;text-shadow:0 1px 2px #000}.zx-showcase-item{display:flex;align-items:center;gap:9px;text-align:left;border-top:1px solid #c7a7ef1c;padding-top:12px;margin-bottom:12px}.zx-showcase-item img{width:44px;height:52px;object-fit:contain;border-radius:9px}.zx-showcase-item p{font:12px/1.5 system-ui;color:#bcb1cf;margin:0;overflow-wrap:anywhere}.zx-showcase-icon{font-size:30px;color:#79e8ff}.zx-showcase-card>strong{font:700 15px system-ui;color:#ccf6ef}
/* Consistent lightweight controls; keep checkout buttons recognizable. */
.zx-back,.zx-footer-links button,.zx-footer-links a{border-radius:12px;transition:background .2s,color .2s,transform .2s}.zx-back{background:#a774ff0d!important;border:1px solid #a774ff30!important;color:#d7c3ff!important;padding:10px 16px!important;font:600 12px system-ui!important}.zx-footer-links button:hover,.zx-footer-links a:hover{background:#9e60ed12;color:#d6b4ff;transform:translateX(3px)}
.zx-hub-card{border-radius:24px!important;transition:transform .25s,box-shadow .25s}.zx-hub-card div{background:linear-gradient(120deg,#100c18e8,#090b10eb)}
@media(hover:hover){.zx-hub-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px #9253f533!important}}
#account-modal.zx-profile-page{background:radial-gradient(ellipse at 80% 0,#7543bd20,transparent 40%),#09090c!important;color:#ece8f5;padding:20px!important}
#account-modal.zx-profile-page .zx-profile-identity{padding:16px!important;margin:8px 0!important;border:1px solid var(--zx-soft-line);border-radius:22px;background:linear-gradient(120deg,#1a1127,#0d0e12);gap:14px}
#account-modal.zx-profile-page .zx-profile-bio{font:13px/1.5 system-ui;color:#aaa3b8;margin:10px 4px!important}
#account-modal.zx-profile-page :is(.zx-account-panel,.zx-profile-info,.zx-profile-editor,.level-help){padding:14px!important;margin:8px 0!important;border:1px solid #ffffff0d!important;border-radius:18px;background:#101014!important;box-shadow:none!important}
#account-modal.zx-profile-page .account-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0!important;padding:0!important}#account-modal.zx-profile-page .account-stats>div{padding:12px!important;border:1px solid #ad7fff24;border-radius:16px;background:#15101d}#account-modal.zx-profile-page .account-stats b{font-size:23px;color:#c4a2ff}#account-modal.zx-profile-page .zx-profile-info-grid{gap:8px!important}#account-modal.zx-profile-page .zx-profile-info-grid>div{padding:10px!important;background:#ffffff03;border-radius:10px;min-width:0;overflow-wrap:anywhere}
#account-modal.zx-profile-page :is(summary,.zx-profile-section-title){font:600 13px/1.4 system-ui;color:#d6c9ed}#account-modal.zx-profile-page summary{cursor:pointer;min-height:28px}#account-modal.zx-profile-page label{font-size:12px}#account-modal.zx-profile-page :is(input,select,textarea){border-radius:10px!important;min-width:0}#account-modal.zx-profile-page :is(button:not(.close):not(.zx-founder-badge)){border-radius:12px}
.zx-showcase-controls button:focus-visible,.zx-showcase-track:focus-visible{outline:2px solid #c6a3ff;outline-offset:3px}
@media(max-width:600px){.zx-showcase-heading{align-items:start;flex-direction:column}.zx-showcase-card{flex-basis:210px;padding:16px}.zx-showcase-track{gap:12px}.zx-purchase-showcase{padding-top:26px}#account-modal.zx-profile-page{padding:16px!important}}
@media(prefers-reduced-motion:reduce){.zx-hub-card,.zx-back,.zx-footer-links button,.zx-footer-links a{transition:none!important;transform:none!important}.zx-showcase-track{scroll-behavior:auto}}