/* ============================================================
   SILVER LINING XP — EVENTS SECTION ENHANCEMENTS
   This file only adds the section background & grid layout.
   All card styles are in style.css
   ============================================================ */

/* Section background */
#events {
    padding: 100px 0;
    background:
        radial-gradient(ellipse 70% 50% at 10% 30%, rgba(155,48,255,0.08) 0%, transparent 60%),
        radial-gradient(ellipse 50% 60% at 90% 70%, rgba(255,107,53,0.06) 0%, transparent 55%);
    position: relative;
    overflow: hidden;
}
#events::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255,255,255,0.015) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.015) 1px, transparent 1px);
    background-size: 60px 60px;
    mask-image: radial-gradient(ellipse 90% 90% at 50% 50%, black 30%, transparent 80%);
    pointer-events: none;
    z-index: 0;
}
#events .container {
    position: relative;
    z-index: 1;
}