body {
    background-color: #f5f5f5;
}

main {
    margin-top: 60px;
}

.hero {
    padding: 3rem 0;
    text-align: center;
}

.hero-section {
    margin-top: -60px;
    padding-top: calc(60px + 3rem);
}

.card {
    transition: all 0.2s ease;
}

.card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12) !important;
}

a .card:hover {
    border-color: rgba(0, 122, 135, 0.25) !important;
}

.book-grid-card:hover .book-cover-wrapper {
    transform: translateY(-4px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}