/* General Styling */
        body {
            background: linear-gradient(to bottom, #f3f4f6, #e5e7eb); /* Subtle gradient background */
            color: #1f2937; /* Dark gray text color */
            font-family: 'Poppins', sans-serif; /* Default font for body text */
        }

        /* Navigation Bar */
        nav {
            background-color: #800000; /* Maroon color */
            color: white;
            text-align: center; /* Center align the content */
        }
        nav a {
            color: white;
            font-weight: 600;
            transition: color 0.3s ease, transform 0.3s ease;
        }
        nav a:hover {
            color: #fbbf24; /* Yellow hover effect */
            transform: scale(1.1);
        }

        /* Hero Section */
        #download {
            background: #f1ebe5; 
            color: #1f2937; /* Dark text for contrast */
            margin-top: 0; /* Remove gap between banner and hero section */
        }
        #download h1 {
            font-family: 'Playfair Display', serif;
            color: #800000; /* Maroon color for headings */
            text-align: center; /* Center align the heading */
        }
        #download button {
            background: #fbbf24; /* Yellow button */
            color: #800000; /* Maroon text */
            transition: transform 0.3s ease, background 0.3s ease;
        }
        #download button:hover {
            transform: scale(1.1);
            background: #d97706; /* Darker yellow on hover */
        }

        /* About Section */
        #about {
            background: #fef3c7; /* Light yellow background */
        }
        #about h2 {
            color: #800000; /* Maroon color for headings */
            font-family: 'Playfair Display', serif;
        }
        #about p {
            color: #000000; /* Darker orange for text */
        }

        /* Books Section */
        #books {
            background: #ffffff; /* Pure white background */
        }
        #books h2 {
            color: #800000; /* Maroon color for headings */
            font-family: 'Playfair Display', serif;
        }
        #books p {
            color: #374151; /* Medium gray for text */
        }
        #books img {
            border: 4px solid #fbbf24; /* Yellow border */
            transition: transform 0.3s ease, border-color 0.3s ease;
        }
        #books img:hover {
            transform: scale(1.05);
            border-color: #d97706; /* Darker yellow on hover */
        }

        /* Authors Section */
        #authors {
            background: #f1ebe5; /* Subtle gradient */
        }
        #authors h2 {
            color: #800000; /* Maroon color for headings */
            font-family: 'Playfair Display', serif;
        }
        #authors .card {
            background: white;
            border: 2px solid #fbbf24; /* Yellow border */
            transition: transform 0.3s ease, border-color 0.3s ease;
        }
        #authors .card:hover {
            transform: translateY(-10px);
            border-color: #d97706; /* Darker yellow on hover */
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
        }

        /* Contact Section */
       
        #contact h2 {
            color: #800000; /* Maroon color for headings */
            font-family: 'Playfair Display', serif;
        }
        #contact p {
            color: #92400e; /* Darker orange for text */
        }
        #contact button {
            background: #F8D7D7; /* Yellow button */
            color: #800000; /* Maroon text */
            transition: transform 0.3s ease, background 0.3s ease;
        }
        #contact button:hover {
            transform: scale(1.1);
            background: #e29e9e; /* Darker yellow on hover */
        }

        /* Popup Section */
        #popup .popup-container {
            background: #fef3c7; 
            border: 4px solid #800000; /* Maroon border */
            transition: transform 0.3s ease, border-color 0.3s ease;
        }
        #popup .popup-container:hover {
            transform: scale(1.05);
            border-color: #800000; 
        }
        #popup h2 {
            font-family: 'Playfair Display', serif;
            color: #800000; /* Maroon color for headings */
        }
        #popup button {
            background: #800000; /* Yellow button */
            color: #ebafaf; /* Maroon text */
            transition: transform 0.3s ease, background 0.3s ease;
            margin: 1px;
        }
        #popup button:hover {
            transform: scale(1.1);
            background: #800000; /* Darker yellow on hover */
        }

        /* Fade-in animation */
        .fade-in {
            animation: fadeIn 0.5s ease-in-out;
        }
        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(-10px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Slide-in animation */
        .slide-in {
            animation: slideIn 0.7s ease-in-out;
        }
        @keyframes slideIn {
            from {
                opacity: 0;
                transform: translateX(-100%);
            }
            to {
                opacity: 1;
                transform: translateX(0);
            }
        }

        /* Hover animation for navigation links */
        nav a:hover {
            color: #800000;
            transform: scale(1.1);
            transition: transform 0.3s ease, color 0.3s ease;
        }

        /* Input focus effect */
        .input-focus:focus {
            border-color: #2563eb;
            box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.5);
            transition: box-shadow 0.3s ease-in-out, border-color 0.3s ease-in-out;
        }

        /* Gradient button hover effect */
        .btn-gradient {
            background: linear-gradient(to right, #4f46e5, #2563eb);
            transition: background 0.3s ease-in-out, transform 0.3s ease-in-out;
        }
        .btn-gradient:hover {
            background: linear-gradient(to right, #2563eb, #4f46e5);
            transform: scale(1.1);
        }

        /* Button hover effect */
        button:hover {
            transform: scale(1.1);
            transition: transform 0.3s ease-in-out;
        }

        /* Image hover effect */
        img:hover {
            transform: scale(1.05) rotate(1deg);
            transition: transform 0.3s ease-in-out;
        }

        /* Section fade-in on load */
        .section {
            opacity: 0;
            animation: fadeInSection 1s ease-in-out forwards;
        }
        @keyframes fadeInSection {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Card hover effect */
        .card:hover {
            transform: translateY(-10px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        /* Smooth transition for all elements */
        * {
            transition: all 0.3s ease-in-out;
        }

        /* Global Font Styling */
        body {
            font-family: 'Poppins', sans-serif; /* Default font for body text */
            color: #1f2937; /* Dark gray text color */
            background: linear-gradient(to bottom, #f3f4f6, #e5e7eb); /* Subtle gradient background */
        }

        h1, h2, h3, h4, h5, h6 {
            font-family: 'Playfair Display', serif; /* Elegant serif font for headings */
            color: #b45309; /* Dark orange color for headings */
        }

        p {
            font-family: 'Poppins', sans-serif; /* Sans-serif font for paragraphs */
            color: #374151; /* Medium gray color for paragraphs */
        }

        /* Navigation Bar */
        nav a {
            font-family: 'Poppins', sans-serif;
            font-weight: 600;
            color: white;
            transition: color 0.3s ease, transform 0.3s ease;
        }
        nav a:hover {
            color: #fbbf24; /* Yellow hover effect */
            transform: scale(1.1);
        }

        /* Buttons */
        button {
            font-family: 'Poppins', sans-serif;
            font-weight: 600;
        }

        /* Popup Section */
        #popup h2 {
            font-family: 'Playfair Display', serif;
            font-weight: 700;
            color: #800000;
        }

        /* Remove gaps between sections */
        .no-gap {
            margin-top: 0;
            padding-top: 0;
        }

        #filter-section {
            transition: all 0.3s ease-in-out;
            overflow: hidden;
          }

          .book-container {
            transition: all 0.3s ease;
        }
        .book-cover {
            max-width: 100%;
            height: auto;
            transition: transform 0.3s ease;
        }
        .book-cover:hover {
            transform: scale(1.03);
        }
        .coming-soon-badge {
            background-color: #f8d7d7;
            color: #800000;
            padding: 4px 10px;
            border-radius: 4px;
            font-weight: bold;
            display: inline-block;
            font-size: 14px;
            margin-bottom: 8px;
        }
        @media (max-width: 768px) {
            .book-grid {
                grid-template-columns: 1fr;
            }
        }