.card-31{border-radius:1rem;border:1px solid rgba(0,0,0,.08);background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.06);overflow:hidden}
    .header-31{border-bottom:1px solid rgba(0,0,0,.06)}
    .row-31{border-bottom:1px dashed rgba(0,0,0,.08)}
    .row-31:last-child{border-bottom:none}
    .logo-31{width:34px;height:34px;border-radius:.5rem;background:#f5f7fb;object-fit:contain}
    .chip-31{display:inline-flex;align-items:center;font-weight:700;font-size:.72rem;border-radius:.5rem;padding:.18rem .5rem;border:1px solid rgba(0,0,0,.10);background:#fff;color:#334155}
    .gd-pos-31{color:#16a34a}.gd-neg-31{color:#dc2626}
    .btn-31{border:1px solid rgba(0,0,0,.12);background:#fff;border-radius:.75rem;padding:.5rem .8rem;transition:background .2s,transform .2s,box-shadow .2s}
    .btn-31:hover{background:#f8fafc;transform:translateY(-1px);box-shadow:0 8px 18px rgba(0,0,0,.06)}
    .skeleton-31{position:relative;overflow:hidden;background:#eef2f7}
    .skeleton-31:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:shimmer-31 1.2s infinite}
    @keyframes shimmer-31{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}

    /* Per-card header vibes (visual only) */
    .flame-31{position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(255,138,76,.16),rgba(255,94,58,.10),rgba(255,168,76,.16));box-shadow:inset 0 0 22px rgba(255,134,43,.12)}
    .flame-31:before{content:"";position:absolute;inset:-30%;background:conic-gradient(from 0deg,rgba(255,200,120,.12),rgba(255,120,60,.18),rgba(255,60,40,.08),rgba(255,200,120,.12));filter:blur(16px);animation:flameFlicker-31 2.4s linear infinite}
    @keyframes flameFlicker-31{0%{transform:rotate(0) scale(1)}50%{transform:rotate(10deg) scale(1.02)}100%{transform:rotate(360deg) scale(1)}}
    .crack-31{position:relative;background-image:repeating-linear-gradient(135deg,rgba(0,0,0,.04) 0 1px,transparent 1px 8px);background-size:14px 14px}
    .crack-31:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 60% at 50% -10%,rgba(220,38,38,.08),transparent 60%)}
    .wave-31{position:relative;overflow:hidden}
    .wave-31:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:repeating-linear-gradient(90deg,rgba(6,182,212,.9) 0 12px,rgba(6,182,212,.25) 12px 24px);animation:waveMove-31 5s linear infinite}
    @keyframes waveMove-31{to{transform:translateX(-100%)}}
    .sparkle-31{position:relative}
    .sparkle-31:before{content:"";position:absolute;inset:-20%;background:
      radial-gradient(14px 14px at 20% 30%,rgba(250,250,250,.7),transparent 60%),
      radial-gradient(16px 16px at 72% 48%,rgba(250,250,250,.55),transparent 60%),
      radial-gradient(12px 12px at 38% 82%,rgba(250,250,250,.45),transparent 60%);mix-blend-mode:screen;animation:sparkleMove-31 8s ease-in-out infinite alternate}
    @keyframes sparkleMove-31{0%{transform:translate(0,0);opacity:.6}100%{transform:translate(-5%,4%);opacity:.9}}
    .frost-31{position:relative;background:linear-gradient(180deg,rgba(218,231,255,.25),rgba(220,234,255,.15))}
    .frost-31:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom right,rgba(255,255,255,.35),rgba(255,255,255,0) 45%);animation:breathe-31 4s ease-in-out infinite}
    @keyframes breathe-31{0%,100%{opacity:.45}50%{opacity:.8}}
    .ripple-31{position:relative;overflow:hidden}
    .ripple-31:before{content:"";position:absolute;inset:-2px;border-radius:1rem;background:
      radial-gradient(120% 60% at 50% -10%,rgba(248,113,113,.22),transparent 60%),
      radial-gradient(90% 50% at 50% 110%,rgba(248,113,113,.12),transparent 60%);animation:rippleSoft-31 6s ease-in-out infinite}
    @keyframes rippleSoft-31{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.02);opacity:.9}}
    /* Add (or keep) this in your <style> block */
.tip-31{
  font-size:.88rem; line-height:1.35rem; color:#475569;
  background:#f8fafc; border:1px solid rgba(0,0,0,.06);
  border-radius:.75rem; padding:.75rem .9rem; margin:.75rem;
}
.tip-31 strong{ color:#111827; }
.badge-sub-31{
  display:inline-block;
  padding:.25rem .5rem;
  border-radius:9999px;
  font-size:.75rem;
  line-height:1rem;
  background:#0ea5e90F;
  color:#0b6ea8;
  border:1px solid #0ea5e933;
  white-space:nowrap;
}