body{
            background:#f4f7fb;
            font-family: Arial, sans-serif;
        }

        /* HEADER */
        .hero{
            background: linear-gradient(135deg,#0d6efd,#6610f2);
            color:white;
            padding:80px 0;
            border-radius:0 0 40px 40px;
        }

        .search-box{
            background:white;
            padding:15px;
            border-radius:15px;
            box-shadow:0 10px 30px rgba(0,0,0,0.1);
        }

        /* CATEGORY */
        .category-card{
            transition:0.3s;
            border:none;
            border-radius:20px;
        }

        .category-card:hover{
            transform:translateY(-10px);
            box-shadow:0 15px 30px rgba(0,0,0,0.1);
        }

        /* BOOK CARD */
        .book-card{
            border:none;
            border-radius:20px;
            overflow:hidden;
            transition:0.4s;
            background:white;
        }

        .book-card:hover{
            transform:translateY(-8px) scale(1.02);
            box-shadow:0 15px 35px rgba(0,0,0,0.1);
        }

        .book-top{
            height:180px;
            background:linear-gradient(135deg,#6ea8fe,#b197fc);
            display:flex;
            align-items:center;
            justify-content:center;
            color:white;
            font-size:60px;
        }

        .badge-custom{
            background:#e9f2ff;
            color:#0d6efd;
            border-radius:30px;
            padding:6px 15px;
            font-size:12px;
        }

        footer{
            background:#111827;
            color:white;
            padding:40px 0;
            margin-top:80px;
        }