.card{background:var(--surface-2);border:var(--border-2) solid var(--border-subtle);border-radius:0;padding:var(--px-5);box-shadow:var(--edge-chroma),var(--shadow-md)}.card--elevated{background:var(--surface-3);border-color:var(--border-accent);box-shadow:var(--edge-chroma),var(--shadow-lg)}.card--interactive{transition:transform .12s var(--ease-spring),box-shadow .12s,border-color .2s,background .2s;cursor:pointer;position:relative;overflow:hidden}.card--interactive:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 0%,rgba(245,197,24,.06) 45%,rgba(245,197,24,.1) 50%,rgba(245,197,24,.06) 55%,transparent 100%);opacity:0;transform:translateY(-100%)}.card--interactive:hover{transform:translate(-3px,-3px);border-color:var(--accent-gold);box-shadow:6px 6px #0009,0 0 20px #f5c51814}.card--interactive:hover:after{opacity:1;transform:translateY(0);transition:transform .6s ease-out 50ms,opacity .2s 50ms}.card--interactive:active{transform:translate(0);box-shadow:var(--shadow-sm)}.card--pain{border-color:#e9456066;background:linear-gradient(135deg,var(--bg-surface) 0%,rgba(233,69,96,.06) 100%);transition:transform .12s var(--ease-spring),box-shadow .12s,border-color .2s,background .2s}.card--pain:hover{transform:translate(-3px,-3px);border-color:#e94560b3;box-shadow:6px 6px #e9456033;background:linear-gradient(135deg,var(--bg-surface) 0%,rgba(233,69,96,.1) 100%)}.card--solution{border-color:#4ecb7166;background:linear-gradient(135deg,var(--bg-surface) 0%,rgba(78,203,113,.06) 100%);transition:transform .12s var(--ease-spring),box-shadow .12s,border-color .2s,background .2s}.card--solution:hover{transform:translate(-3px,-3px);border-color:#4ecb71b3;box-shadow:6px 6px #4ecb7133;background:linear-gradient(135deg,var(--bg-surface) 0%,rgba(78,203,113,.1) 100%)}.card{box-shadow:var(--shadow-sm),var(--edge-chroma)}.card--elevated{box-shadow:var(--shadow-lg),var(--edge-chroma);border:1px solid rgba(245,197,24,.08)}.card--interactive:hover{box-shadow:var(--shadow-lg),var(--edge-chroma),0 0 16px #f5c5181a}