* { 
        margin:0; 
        padding:0; 
        box-sizing:border-box; 
        font-family:'Segoe UI', 
        sans-serif; 
    }
    body { 
        background:linear-gradient(to right, #3d000a, #3b000a);
        color:#333; 
    }
    .container { 
        max-width:1000px; 
        margin:2rem auto; 
        padding:1rem; 

    }
    h2 { 
        color:#ffffff; 
        margin:1.5rem 0; 
    }
    .carousel { 
        position: relative; 
        overflow: hidden; 
        margin-bottom:2rem; 
    }
    .carousel-track { 
        display: flex; 
        transition: transform 0.4s ease; 
        gap: 1rem; 
    }
    .book { 
        background:white; 
        border:2px solid #960018; 
        border-radius:8px; 
        overflow:hidden; 
        flex: 0 0 calc(25% - 1rem); 
        text-align:center; 
        box-shadow:0 2px 8px rgba(0,0,0,0.1); }
    .book img { 
        width:100%; 
        height:auto; 
    }
    .book a { 
        display:block; 
        padding:0.5rem; 
        color:#960018; 
        text-decoration:none; 
    }
    .book a:hover { 
        text-decoration:underline; 
    }
    .carousel-button { 
        position:absolute; 
        top:50%; transform:translateY(-50%); 
        background:rgba(0,0,0,0.5); 
        border:none; color:white; 
        padding:0.5rem; 
        cursor:pointer; 
        font-size:1.6rem; 
        border-radius:25px; }
    .carousel-button.prev { 
        left:0.7rem;
        
    }
    .carousel-button.next { 
        right:0.7rem; 
    }
    @media(max-width:768px) { 
        .book { flex:0 0 calc(50% - 1rem); 
        } 
    }
    @media(max-width:480px) { 
        .book { flex:0 0 100%; 
        } 
    }