/* BOSTOP glow: a faint violet light inside every box, card, tile and panel. Pure styling: remove this file's <link> to undo. */
:root{--bn-glow:rgba(124,92,255,.10)}
body.dark-mode,html.dark{--bn-glow:rgba(124,92,255,.22)}
.card,.h3-stat,.h3-tile,.action-tile,.product-card,.txn,.helpbox,.promo-banner,.ops-sheet,.product-modal,.popup{
  background-image:radial-gradient(130% 90% at 0% 0%,var(--bn-glow),transparent 58%)!important;
  box-shadow:0 18px 44px -28px var(--bn-glow),inset 0 1px 0 rgba(255,255,255,.05)}
.h3-tile,.action-tile,.product-card{transition:transform .2s ease,box-shadow .2s ease}
.h3-tile:hover,.action-tile:hover,.product-card:hover{transform:translateY(-2px);box-shadow:0 22px 50px -24px rgba(124,92,255,.5),inset 0 1px 0 rgba(255,255,255,.07)}
.pill,.h3-ico{box-shadow:0 0 18px -4px var(--bn-glow)}
@media (prefers-reduced-motion:reduce){.h3-tile,.action-tile,.product-card{transition:none}.h3-tile:hover,.action-tile:hover,.product-card:hover{transform:none}}