/* Transitions between slides */
.slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;
    transform: scale(0.95);
    display: none;
}

.slide.active-slide {
    display: flex;
    opacity: 1;
    transform: scale(1);
}

/* Background gradient animation */
body {
    background: linear-gradient(-45deg, #0f172a, #1e1b4b, #0f172a, #111827);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
}

@keyframes gradient {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.card {
    transition: transform 0.3s ease;
}

.card:hover {
    transform: translateY(-10px);
}