body{margin:0;font-family:Arial,sans-serif;background:#f5f5f5}
.hero{background:#002f2f;color:#fff;padding:80px 20px;text-align:center}
.hero h1{font-size:48px}
.container{max-width:1300px;margin:auto;padding:20px}
.upcoming-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.card,.sidebar,.event-row{background:#fff;border-radius:15px;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.card img,.event-row img{width:100%;height:220px;object-fit:cover}
.card{overflow:hidden}
.card-content{padding:15px}
.btn{background:#d4af37;color:#002f2f;padding:10px 15px;text-decoration:none;border-radius:6px;font-weight:bold}
.layout{display:grid;grid-template-columns:280px 1fr;gap:25px;margin-top:40px}
.sidebar{padding:20px;height:fit-content}
.sidebar select,.sidebar input{width:100%;padding:10px;margin-bottom:10px}
.event-row{display:flex;gap:20px;padding:15px;margin-bottom:15px}
.event-row img{width:250px;height:170px;border-radius:10px}
.pagination a{padding:10px 15px;background:#002f2f;color:#fff;text-decoration:none;margin-right:5px}
.moments{padding:60px 0}
.slider-wrap{position:relative;overflow:hidden}
.slides{display:flex;transition:.5s}
.slides img{width:350px;height:250px;object-fit:cover;margin-right:15px;border-radius:15px}
.arrow{position:absolute;top:40%;background:#d4af37;border:none;padding:12px;cursor:pointer}
.prev{left:0}.next{right:0}
@media(max-width:768px){.layout{grid-template-columns:1fr}.event-row{flex-direction:column}.event-row img{width:100%}}