body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    padding-top: 56px;
}

.footer {
    margin-top: auto;
}

.card {
    border: none;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    transition: transform 0.2s ease-in-out;
}

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

[data-bs-theme="dark"] {
    --bs-body-bg: #1a1d20;
    --bs-body-color: #e9ecef;
}

[data-bs-theme="dark"] .card {
    background-color: #2c3034;
}

[data-bs-theme="dark"] .bg-light {
    background-color: #2c3034 !important;
}

[data-bs-theme="dark"] .text-muted {
    color: #adb5bd !important;
}