html,
body {
    transition: background-color .3s, color .3s;
}

.gold-gradient {
    background: linear-gradient(90deg, #FFD700 10%, #F8E17E 100%);
    color: #222;
}

/* אנימציית כניסה רכה */
@keyframes fadein {
    from {
        opacity: 0;
        transform: translateY(35px) scale(0.97);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.animate-fadein {
    animation: fadein .7s cubic-bezier(.51, 1.2, .54, 1) both;
}

.gold-gradient {
    background: linear-gradient(90deg, #FFD700 10%, #F8E17E 100%);
    color: #222;
}

/* אפקט הופעה רכה לכל כרטיס */
@keyframes fadein {
    from {
        opacity: 0;
        transform: translateY(35px) scale(0.97);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.animate-fadein {
    animation: fadein .7s cubic-bezier(.51, 1.2, .54, 1) both;
}

.animate-fadein {
    animation: fadein .7s cubic-bezier(.51, 1.2, .54, 1) both;
}