body {
    background:url("../image/pattern.svg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;        }
.card {
    background: rgba(30, 30, 30, 0.8);
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
}
.card:hover {
    border-color: #3b82f6;
    transform: translateY(-2px);
}
@keyframes ping {
    75%, 100% {
        transform: scale(2);
        opacity: 0;
    }
}
.animate-ping {
    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}