body {
            font-family: 'Inter', sans-serif;
            background-color: #1a1a1a;
        }

        .card-gradient {
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.05), rgba(255, 140, 0, 0.1));
        }

        .btn-gradient {
            background: linear-gradient(90deg, #ff8c00, #ff4500);
        }

        .btn-gradient:hover {
            background: linear-gradient(90deg, #ff4500, #ff8c00);
        }

        /* Modal specific styles */
        .modal-overlay {
            background-color: rgba(0, 0, 0, 0.7);
        }

        .product-card {
            background-color: #1e1e1e;
            transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
        }

        .product-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 15px -3px rgba(255, 140, 0, 0.2), 0 4px 6px -2px rgba(255, 140, 0, 0.1);
        }