body{background-color:#f3f4f6;font-family:Arial,sans-serif;margin:0}.container{max-width:1200px;margin:0 auto;padding:48px 16px}h1{font-size:2rem;font-weight:700;text-align:center;margin-bottom:32px;color:#1f2937}.grid{display:grid;grid-template-columns:1fr;grid-gap:24px;gap:24px}.event-card{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease}.event-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px rgba(0,0,0,.1)}.date-box{background:linear-gradient(135deg,#198754,#145c3c);padding:16px;text-align:center;color:#fff}.date-box .day{font-size:1.5rem;font-weight:700}.date-box .month{font-size:.875rem;text-transform:uppercase}.content{padding:24px}.content h2{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 8px}.content p{color:#6b7280;margin:0 0 16px;font-size:1rem}.details p{color:#6b7280;font-size:.875rem;margin:0 0 8px}.details p strong{color:#1f2937}button{background-color:#198754;color:#fff;padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .3s ease;margin-top:16px}button:hover{background-color:#145c3c}@media (min-width:640px){.grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid{grid-template-columns:repeat(3,1fr)}}