body { font-family: 'Inter', sans-serif; }

@keyframes pulse-ring {
    0% { transform: scale(1); opacity: 1; }
    80%, 100% { transform: scale(1.8); opacity: 0; }
}

.wa-pulse::before {
    content: '';
    position: absolute;
    inset: -4px;
    border-radius: 9999px;
    background: #25d366;
    z-index: -1;
    animation: pulse-ring 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}

.card-hover { transition: transform 0.3s ease, box-shadow 0.3s ease; }
.card-hover:hover { transform: translateY(-6px); box-shadow: 0 20px 40px rgba(0,0,0,0.12); }