/* Holographic footer ID card (card.js). */
.lh-holo-p { perspective: 1100px; }
.framer-1nm4ya1.lh-holo { transform-style: preserve-3d; will-change: transform; touch-action: pan-y; user-select: none; -webkit-tap-highlight-color: transparent;
  --mx: 50%; --my: 50%; --holo: .12; --fx: .85;
  box-shadow: 0 26px 50px -22px rgba(1, 25, 110, .55), 0 4px 14px rgba(1, 25, 110, .16); transition: box-shadow .3s; }
.framer-1nm4ya1.lh-holo:hover { box-shadow: 0 34px 60px -20px rgba(1, 25, 110, .6), 0 6px 18px rgba(1, 25, 110, .2); }
.framer-1nm4ya1.lh-holo:focus-visible { outline: 3px solid #224bf0; outline-offset: 5px; }

/* foil + glare sit over both faces, clipped to the card's corners */
.lh-holo-fx { position: absolute; inset: 0; border-radius: inherit; overflow: hidden; pointer-events: none; z-index: 3; }
.lh-holo-foil { position: absolute; inset: 0; mix-blend-mode: screen; opacity: calc(var(--holo) * var(--fx));
  -webkit-mask-image: radial-gradient(farthest-corner circle at var(--mx) var(--my), #000 0%, rgba(0, 0, 0, .4) 55%, transparent 100%);
          mask-image: radial-gradient(farthest-corner circle at var(--mx) var(--my), #000 0%, rgba(0, 0, 0, .4) 55%, transparent 100%); }
.lh-holo-foil > span { position: absolute; inset: 0; background-blend-mode: screen, difference, normal;
  background-size: auto, 300% 300%, 100% 100%; background-position: 0 0, var(--mx) var(--my), 0 0; }
.lh-holo-glare { position: absolute; inset: 0; opacity: calc(var(--holo) * var(--fx));
  background: radial-gradient(farthest-corner circle at var(--mx) var(--my), rgba(255, 255, 255, .34) 0%, rgba(255, 255, 255, .07) 30%, transparent 60%); }

/* back face: same blue card, same white-line grid, counter-rotated so it reads the right way round */
.lh-holo-back { position: absolute; inset: 0; z-index: 2; padding: 12px; box-sizing: border-box; border-radius: inherit; background: rgb(1, 43, 186);
  transform: rotateY(180deg); opacity: 0; pointer-events: none; color: #fff; text-transform: uppercase;
  font-family: "Satoshi Bold", "CUSTOMV2;Satoshi Bold", Geist, Manrope, system-ui, sans-serif; }
.framer-1nm4ya1.lh-holo > :not(.lh-holo-back):not(.lh-holo-fx) { transition: opacity 0s; }
.framer-1nm4ya1.lh-holo.is-back > :not(.lh-holo-back):not(.lh-holo-fx) { opacity: 0; }
.framer-1nm4ya1.lh-holo.is-back .lh-holo-back { opacity: 1; pointer-events: auto; }
.lh-hb-in { display: grid; grid-template-columns: 1fr 1fr auto; grid-template-rows: 1fr 1fr; height: 100%; border: 1px solid #fff; border-radius: 16px; overflow: hidden; }
.lh-hb-in i { display: block; font: 400 10px/1 "Satoshi Regular", "CUSTOMV2;Satoshi Regular", Geist, system-ui, sans-serif; font-style: normal; letter-spacing: 0; opacity: .9; }
.lh-hb-in b { display: block; margin-top: 6px; font-size: 14px; font-weight: 700; }
.lh-hb-top { grid-column: 1 / 3; padding: 10px 14px; border-bottom: 1px solid #fff; }
.lh-hb-links { display: flex; flex-wrap: nowrap; gap: 14px; margin-top: 6px; white-space: nowrap; }
.lh-hb-links a { color: #fff; font-size: 14px; font-weight: 700; text-decoration: none; border-bottom: 1px solid rgba(255, 255, 255, .45); }
.lh-hb-links a:hover { border-bottom-color: #fff; }
.lh-hb-row { grid-column: 1 / 3; display: grid; grid-template-columns: 1fr 1fr; }
.lh-hb-row > span { padding: 10px 14px; } .lh-hb-row > span + span { border-left: 1px solid #fff; }
.lh-hb-side { grid-column: 3; grid-row: 1 / 3; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; width: 95px; border-left: 1px solid #fff; }
.lh-hb-side svg { width: 30px; height: 30px; }

@media (max-width: 809.98px) { .lh-hb-side { width: 72px; } .lh-hb-top, .lh-hb-row > span { padding: 8px 10px; } .lh-hb-links { gap: 4px 10px; } }