style.css

/* Custom styles */
.hero {
    background-image: url('http://static.photos/education/1200x630/1');
    background-size: cover;
    background-position: center;
    background-blend-mode: multiply;
}

.book-card {
    transition: transform 0.2s ease;
}

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

.category-card:hover i {
    transform: scale(1.1);
}

.category-card i {
    transition: transform 0.2s ease;
}

/* Responsive adjustments */
@media (max-width: 640px) {
    .hero {
        padding: 2rem 1rem;
    }
    
    .hero h1 {
        font-size: 2rem;
    }
    
    .hero p {
        font-size: 1rem;
    }
}