/* Essential 3D Effects */

/* Card Effects - Subtle lift */
.card {
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 15px rgba(0,0,0,0.1);
}

/* Button Effects - Simple lift */
.btn {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* Image Effects - Subtle zoom */
.img-fluid {
    transition: transform 0.4s ease;
}

.img-fluid:hover {
    transform: scale(1.02);
}

/* Section Headers - Underline effect */
h1, h2, h3 {
    position: relative;
}

h1::after, h2::after, h3::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 2px;
    background: var(--bs-primary);
    transition: width 0.3s ease;
}

h1:hover::after, h2:hover::after, h3:hover::after {
    width: 100%;
}

/* Alert Effects - Subtle lift */
.alert {
    transition: transform 0.3s ease;
}

.alert:hover {
    transform: translateY(-2px);
}

/* Navigation hover effect */
.navbar-nav .nav-item {
    transition: transform 0.3s ease;
}

.navbar-nav .nav-item:hover {
    transform: translateY(-2px);
}

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}