/* HyperMall wordmark: HYPER in Syncopate (white, blue outline) with MALL in Racing Sans One (neon pink) overlapping it.
   Fonts: Syncopate and Racing Sans One, both SIL Open Font License (Google Fonts). Everything scales with font-size (set --hm). */
@font-face{font-family:"HM Syncopate";font-weight:700;font-style:normal;font-display:swap;src:url(syncopate.woff2) format("woff2")}
@font-face{font-family:"HM Racing";font-weight:400;font-style:normal;font-display:swap;src:url(racing-sans-one.woff2) format("woff2")}
.hm{display:inline-block;position:relative;font-size:var(--hm,22px);line-height:1;white-space:nowrap;vertical-align:middle;text-transform:none;letter-spacing:0;font-weight:400}
.hm b{font-weight:400;display:block}
.hm-h{font:700 1em/1 "HM Syncopate","Arial Black",system-ui,sans-serif;letter-spacing:.04em;color:#fff;-webkit-text-stroke:.09em #2f6bff;paint-order:stroke fill;text-shadow:0 0 .2em #3a8bff,0 0 .55em rgba(58,139,255,.8)}
.hm-m{font:400 1.25em/1.1 "HM Racing",Impact,"Arial Black",sans-serif;letter-spacing:.02em;color:#ff6ae0;-webkit-text-stroke:.085em #0d0524;paint-order:stroke fill;margin:-.3em 0 0 2.1em;transform:rotate(-4deg) skewX(-10deg);transform-origin:0 100%;text-shadow:0 0 .1em #ff2fb8,0 0 .26em #ff2fb8,0 0 .52em rgba(255,47,184,.75);position:relative}
.hm-i{display:inline}.hm-i b{display:inline}.hm-i .hm-m{margin:0 0 0 .12em;transform:none;font-size:1.1em;-webkit-text-stroke:.06em #0d0524}.hm-i .hm-h{-webkit-text-stroke:.07em #2f6bff}
.hm-btn{display:inline-flex;flex-direction:column;align-items:center;gap:.5em;padding:.9em 1.6em 1em;border-radius:16px;background:#0d0524;border:2px solid #2f6bff;box-shadow:0 0 18px rgba(47,107,255,.65),inset 0 0 16px rgba(255,47,184,.3);text-decoration:none;color:#ff9ad8;font:600 13px/1.3 system-ui,sans-serif;text-align:center;transition:transform .15s,box-shadow .15s;cursor:pointer;--hm:30px}
.hm-btn .hm{margin-bottom:.5em}
.hm-btn small{font:600 13px/1.2 system-ui,sans-serif;color:#ff9ad8;letter-spacing:.02em}
.hm-btn:hover,.hm-btn:focus-visible{transform:translateY(-2px) scale(1.03);box-shadow:0 0 28px rgba(47,107,255,.9),inset 0 0 18px rgba(255,47,184,.45);color:#ffc2ee}
.hm-nav{display:inline-flex;align-items:center;text-decoration:none;--hm:13px;padding:4px 2px 8px 0}
.hm-nav .hm-m{margin-top:-.28em}
@media (prefers-reduced-motion:reduce){.hm-btn{transition:none}}