:root{--accent-green:#16a34a;--accent-green-light:#22c55e;--accent-teal:#0d9488;--bg-light:#f9fafb;--text-dark:#1e293b;--text-muted:#64748b;--card:#ffffff;--card-shadow:0 6px 20px rgba(22,163,74,0.12)}.past-events-container{max-width:1080px;margin:48px auto;padding:2rem;background:linear-gradient(145deg,#f8fafc,#f1f5f9);border-radius:20px;box-shadow:0 8px 28px rgba(0,0,0,.06)}.page-title{font-size:2.2rem;color:var(--accent-green);font-weight:800;text-align:center;margin-bottom:2rem;letter-spacing:.5px;position:relative}.page-title:after{content:"";display:block;width:60px;height:4px;margin:12px auto 0;background:linear-gradient(90deg,var(--accent-green),var(--accent-teal));border-radius:2px}.event-cards-grid{display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.event-card{position:relative;border-radius:16px;padding:20px;box-shadow:0 8px 16px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;color:var(--text-dark)}.bg-0{background:linear-gradient(135deg,#ffecd2,#fcb69f)}.bg-1{background:linear-gradient(135deg,#a1c4fd,#c2e9fb)}.bg-2{background:linear-gradient(135deg,#d4fc79,#96e6a1)}.bg-3{background:linear-gradient(135deg,#f6d365,#fda085)}.bg-4{background:linear-gradient(135deg,#fbc2eb,#a6c1ee)}.event-card:hover{transform:translateY(-4px);box-shadow:0 10px 18px rgba(0,0,0,.12)}.event-card:before{content:"";position:absolute;inset:0;border-radius:16px;background:url(https://www.transparenttextures.com/patterns/foggy-birds.png);opacity:.05;pointer-events:none}.event-title-date{margin-bottom:12px}.event-card-title{font-size:1.25rem;font-weight:700;line-height:1.4}event-card-date{font-size:.9rem;font-weight:600}.event-desc{font-size:.95rem;line-height:1.6;margin-bottom:1rem;color:var(--text-dark)}.card-footer{text-align:right}.view-btn{display:inline-block;background:linear-gradient(135deg,var(--accent-green),var(--accent-teal));color:#fff;padding:.6rem 1.4rem;border-radius:9999px;font-weight:600;font-size:.95rem;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 12px rgba(22,163,74,.25)}.view-btn:hover{background:linear-gradient(135deg,var(--accent-teal),var(--accent-green));transform:translateY(-3px);box-shadow:0 8px 20px rgba(22,163,74,.35)}.empty-msg{text-align:center;color:var(--text-muted);font-size:1.1rem;padding:40px 0}@media (max-width:768px){.past-events-container{padding:1.2rem}.page-title{font-size:1.8rem}.event-card-title{font-size:1.1rem}.event-desc{font-size:.9rem}}