/* --- HERO SECTION --- */
/* This creates that professional UIPE backdrop specifically for the polls list */
.hero-section { 
    background: linear-gradient(rgba(0, 51, 102, 0.8), rgba(0, 51, 102, 0.8)), url('/images/uipe-bg.jpg'); 
    background-size: cover; 
    background-position: center; 
    padding: 60px 0 100px 0 !important;
    margin-bottom: -60px; /* Pulls cards up into the hero */
}

/* --- FULL WIDTH POLL HERO CARD --- */
/* These styles are unique to the way polls are displayed in the list */
.poll-hero-card { 
    border-radius: 20px; 
    border: none;
    background-color: #ffffff;
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease; 
    overflow: hidden;
}

.poll-hero-card:hover { 
    transform: translateY(-8px); 
    box-shadow: 0 20px 40px rgba(0,0,0,0.3) !important; 
}

/* Specific styling for the outline version of the primary button on this page */
.btn-outline-primary {
    color: var(--uipe-navy);
    border: 2px solid var(--uipe-navy);
    font-weight: 700;
}

/* --- PAGE-SPECIFIC MOBILE OPTIMIZATIONS --- */
@media (max-width: 768px) { 
    .poll-hero-card .bg-navy { 
        padding: 2.5rem !important; 
    }
    .hero-section {
        padding: 40px 0 80px 0 !important;
    }
}