.flash-popup {
    position: fixed; 
    top: 50%; 
    left: 50%; 
    transform: translate(-50%, -50%) scale(0.8);
    width: 90%; 
    max-width: 400px; 
    background: rgba(30, 30, 60, 0.9); 
    backdrop-filter: blur(12px);
    padding: 20px; 
    border-radius: 14px; 
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
    text-align: center; 
    opacity: 0; 
    visibility: hidden;
    transition: transform 0.4s, opacity 0.4s, visibility 0.4s; 
    z-index: 10000;
}
.flash-popup.show { 
    transform: translate(-50%, -50%) scale(1); 
    opacity: 1; 
    visibility: visible; 
}

/* Title Styling */
.popup-content h3 { 
    font-size: 1.6em; 
    color: #ffcc00; 
    margin-bottom: 10px; 
}

/* Description Styling */
.popup-content p { 
    font-size: 1.1em; 
    color: #eee; 
    margin-bottom: 15px;
}

/* Click Here Button */
.read-more {
    display: inline-block; 
    padding: 12px 24px;
    background: linear-gradient(45deg, #ff5722, #ff9800); 
    color: #fff;
    text-decoration: none; 
    border-radius: 10px; 
    font-size: 1.1em; 
    font-weight: bold;
    transition: background 0.3s, transform 0.2s; 
    animation: pulse 1.5s infinite;
}
.read-more:hover { 
    background: linear-gradient(45deg, #e64a19, #ff5722); 
    transform: scale(1.05); 
}

/* Click Here Button Animation */
@keyframes pulse { 
    0% { transform: scale(1); } 
    50% { transform: scale(1.1); } 
    100% { transform: scale(1); } 
}

/* Close Button (Upper Right Corner) */
#close-popup {
    position: absolute;
    top: 8px;
    right: 12px;
    background: none;
    border: none;
    color: #ff4444; /* Bright Red */
    font-size: 1.8em;
    cursor: pointer;
    transition: transform 0.3s, color 0.3s;
    padding: 5px;
}
#close-popup:hover { 
    transform: rotate(90deg); 
    color: #ffffff; /* White on hover */
}