/* Shared Thanal styles — embossed membership card, brand gradients, fingerprint motif. */
.hero-grad{background:radial-gradient(1100px 480px at 82% -12%, #17603F 0%, transparent 58%), linear-gradient(135deg,#155A3D,#0C472C 55%,#06231A)}
.card-metal{background:linear-gradient(135deg,#2b2b30,#0b0b0c)}
.card-gold{background:linear-gradient(135deg,#f3de96,#d9b441 55%,#a9801c)}
.card-silver{background:linear-gradient(135deg,#edf1f3,#c2ccd2 55%,#8a949b)}
.fp{background-image:url('tree_color.png');background-size:contain;background-repeat:no-repeat}

/* Embossed membership card: fingerprint tree pressed INTO the metal */
.mcard{position:relative;border-radius:1.1rem;padding:1.25rem;overflow:hidden;box-shadow:0 22px 45px -14px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.14)}
.mcard .emboss{position:absolute;right:-22px;bottom:-34px;width:230px;height:230px;pointer-events:none;
  -webkit-mask:url('tree_color.png') no-repeat center/contain;mask:url('tree_color.png') no-repeat center/contain;
  background:rgba(255,255,255,.30);
  filter:drop-shadow(1.5px 1.5px 0.5px rgba(0,0,0,.5)) drop-shadow(-1.5px -1.5px 0.5px rgba(255,255,255,.55))}
.mcard.emboss-dark .emboss{background:rgba(255,255,255,.18);filter:drop-shadow(1.5px 1.5px 0.5px rgba(0,0,0,.65)) drop-shadow(-1.5px -1.5px 0.5px rgba(255,255,255,.35))}
.mcard .sheen{position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.22),transparent 32%);pointer-events:none}
.mcard .chip{width:46px;height:34px;border-radius:7px;background:linear-gradient(135deg,#f6e79a,#d9b441 55%,#a9801c);box-shadow:inset 0 1px 2px rgba(255,255,255,.6),0 1px 2px rgba(0,0,0,.3);position:relative}
.mcard .chip::after{content:"";position:absolute;inset:6px 8px;border:1px solid rgba(120,90,10,.45);border-radius:3px}

.eyebrow{color:#9A7B1A;font-weight:700;letter-spacing:.14em;font-size:.72rem}
.gold-underline{background:linear-gradient(90deg,#C9A227,#E6C566);height:3px;border-radius:3px}