/* static/css/style.css */
body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.container {
    flex: 1;
}

.footer {
    margin-top: auto;
}

/* Subtle hover effects */
.nav-link:hover, .btn:hover {
    opacity: 0.8;
    transition: opacity 0.3s ease;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .card {
        margin-bottom: 1rem;
    }
}