.event-list{max-width:1200px;margin:50px auto;animation:fadeInUp .6s ease-in-out;padding:0 15px}.h1-newEvent{font-size:40px;font-weight:600;color:#111211;margin-bottom:24px}.events-grid{display:flex;flex-wrap:wrap;gap:100px;justify-content:center}.event-item{display:flex;flex-direction:column;align-items:center;background-color:#21140e;border-radius:5px;box-shadow:0 8px 15px rgba(0,0,0,.1);opacity:0;transform:translateX(-100%);transition:transform 1.5s ease-in-out,opacity 1.5s ease-in-out;text-align:center;width:320px;overflow:hidden;position:relative;padding-bottom:30px;cursor:pointer}.event-item.visible{opacity:1;transform:translateX(0)}.event-item:hover{transform:translateY(-5px);box-shadow:0 12px 20px rgba(0,0,0,.2);background-color:#21140e}.event-image{width:100%;height:150px;object-fit:cover}.event-image,.event-title{transition:opacity .3s ease,filter .3s ease;z-index:1}.event-title{font-size:18px;font-weight:500;color:#fff;margin:16px 0 8px}.event-item:hover .event-image,.event-item:hover .event-title,.event-item:hover .progress-bar-container{opacity:.9;filter:blur(4px);transition:filter .3s ease,opacity .3s ease}.hover-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#dc9424;font-size:18px;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:3}.event-item:hover .hover-overlay{opacity:1}.progress-bar-container{width:100%;height:15px;background-color:#bfaaaa;overflow:hidden;position:absolute;bottom:0;left:0;right:0;z-index:1}.progress-bar{height:100%;background-color:#b42424;transition:width .3s ease}.time-left-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;color:#fff;pointer-events:none;white-space:nowrap;z-index:2}@media (max-width:768px){.events-grid{gap:20px;justify-content:center}.event-item{width:100%;max-width:300px;margin-bottom:20px;padding-bottom:20px}.event-image{height:120px}.event-title{font-size:16px;margin:12px 0 6px}.progress-bar-container{height:12px}.time-left-text{font-size:10px}.event-item:hover .event-image,.event-item:hover .event-title,.event-item:hover .progress-bar-container{opacity:1;filter:none}.hover-overlay{font-size:16px}}@media (max-width:480px){.event-item{width:100%;max-width:250px}.event-image{height:100px}.event-title{font-size:14px}.progress-bar-container{height:10px}.time-left-text{font-size:8px}.hover-overlay{font-size:14px}}