body {
            font-family: 'Inter', sans-serif;
            background-color: #f8f9fa; /* Light background */
            color: #333;
        }
        /* Custom colors from the palette */
        .bg-primary-pink { background-color: #fb0a72; }
        .text-primary-pink { color: #fb0a72; }
        .bg-secondary-red { background-color: #fade4d; }
        .text-secondary-red { color: #fade4d; }
        .bg-accent-yellow { background-color: #f2d70a; }
        .text-accent-yellow { color: #f2d70a; }
        .bg-contrast-blue { background-color: #50c9f1; }
        .text-contrast-blue { color: #50c9f1; }

        /* Custom button styling for a more appealing look */
        .btn-download {
            background-image: linear-gradient(to right, #fade4d, #fb0a72);
            box-shadow: 0 8px 15px rgba(253, 2, 68, 0.4);
            transition: all 0.3s ease;
        }
        .btn-download:hover {
            transform: translateY(-3px);
            box-shadow: 0 12px 20px rgba(253, 2, 68, 0.6);
        }
        .btn-download:active {
            transform: translateY(0);
            box-shadow: 0 4px 8px rgba(253, 2, 68, 0.3);
        }

        /* Modal styling */
        .modal {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.9);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 100;
        }
        .modal-content {
            max-width: 90%;
            max-height: 90%;
        }