.thanksCard{display:flex;flex-direction:column;background:#fff;border:1px solid #e5edf0;border-radius:2.4rem;overflow:hidden;transition:all .3s var(--animationStyle);box-shadow:0 1px 2px rgba(17,102,118,.04)}.thanksCard:hover{transform:translateY(-4px);box-shadow:0 18px 40px -18px rgba(17,102,118,.22);border-color:#c5dde2}.thanksCard .thanksCardScan{position:relative;display:block;height:22rem;background:linear-gradient(135deg,#f7f1e3,#fdfaf3 50%,#f7f1e3);overflow:hidden}.thanksCard .thanksCardScan img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .5s var(--animationStyle)}.thanksCard .thanksCardScan:hover img{transform:scale(1.04)}.thanksCard .thanksCardScan .thanksCardScanFallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#116676,#19809a)}.thanksCard .thanksCardScan .thanksCardScanFallback span{color:hsla(0,0%,100%,.95);font-size:5.4rem;font-weight:600;letter-spacing:-.1rem}.thanksCard .thanksCardScan .thanksCardBadge{position:absolute;top:1.4rem;left:1.4rem;padding:.5rem 1.2rem;border-radius:999px;background:rgba(17,102,118,.95);color:#fff;font-size:1.2rem;font-weight:500;letter-spacing:.02em;backdrop-filter:blur(2px)}.thanksCard .thanksCardBody{padding:2rem 2rem 2.2rem;display:flex;flex-direction:column;flex:1;gap:1.2rem}.thanksCard .thanksCardSender{display:flex;align-items:center;gap:1.2rem}.thanksCard .thanksCardSender .senderAvatar{width:4.4rem;height:4.4rem;border-radius:50%;background:#e9f3f5;color:#116676;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.5rem;flex-shrink:0}.thanksCard .thanksCardSender h3{font-size:1.7rem;font-weight:600;color:#182225;letter-spacing:-.02em;line-height:1.25;margin:0}.thanksCard .thanksCardSender .senderDate{font-size:1.3rem;color:#6e828a;margin-top:.2rem;display:inline-block}.thanksCard .thanksCardTitle{font-size:1.5rem;font-weight:500;color:#116676;line-height:1.4;margin:0}.thanksCard .thanksCardIntro{font-size:1.4rem;color:#475a61;line-height:1.55;margin:0;flex:1}.thanksCard .thanksCardCta{display:inline-flex;align-items:center;gap:.6rem;color:#116676;font-size:1.4rem;font-weight:500;margin-top:.4rem;align-self:flex-start;transition:gap .3s var(--animationStyle)}.thanksCard .thanksCardCta span{transition:transform .3s var(--animationStyle)}.thanksCard .thanksCardCta:hover{color:#0d5663;gap:1rem}.thanksCard .thanksCardCta:hover span{transform:translateX(3px)}@media(max-width:480px){.thanksCard .thanksCardScan{height:18rem}.thanksCard .thanksCardBody{padding:1.6rem}}