html {
    scroll-behavior: smooth;
}

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #000000;
}

::-webkit-scrollbar-thumb {
    background: #450a0a;
    border-radius: 4px;
}

.text-glow-red {
    text-shadow: 0 0 15px rgba(220, 38, 38, 0.9), 0 0 35px rgba(153, 27, 27, 0.8);
}

.card-perspective {
    perspective: 1000px;
}

.tarot-inner {
    transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform-style: preserve-3d;
}

.tarot-inner.flipped {
    transform: rotateY(180deg);
}

.tarot-front, 
.tarot-back {
    backface-visibility: hidden;
}

.tarot-back {
    transform: rotateY(180deg);
}