body {
    scroll-behavior: smooth;
}

.page-section {
    opacity: 0;
    animation: slideUpFade 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes slideUpFade {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

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

/* Subtle glow effects for cards in dark mode */
.dark .hover-glow:hover {
    box-shadow: 0 0 20px rgba(0, 191, 165, 0.1);
}