.events-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1.5rem;background:var(--color-black);min-height:100vh;width:100%}@media (min-width:768px){.events-container{flex-direction:row;justify-content:center;flex-wrap:wrap}}.event-card{flex:1;min-width:300px;max-width:350px;min-height:430px;border-radius:1.5rem;padding:2rem;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;box-shadow:0 4px 6px rgba(0,0,0,.1);animation:slideUp .8s ease forwards;opacity:0;transform:translateY(20px);will-change:transform,opacity;transition:all .5s cubic-bezier(.4,0,.2,1)}.event-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 8px 12px rgba(0,0,0,.2)}.event-icon{will-change:transform}.event-content{display:flex;flex-direction:column;gap:1rem}.event-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;transition:transform .5s ease}.event-card:hover .event-title{transform:translateY(-2px)}.event-description{font-size:1.125rem;font-weight:500;line-height:1.5}.event-details{margin-top:1.5rem;padding-top:1rem;border-top:1px solid;font-size:.875rem;transition:transform .5s ease}.event-card:hover .event-details{transform:translateY(-2px)}.modal-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;justify-content:center;align-items:center}.modal-overlay{position:absolute;top:0;width:100%;height:100%;will-change:transform}.black-overlay{background:var(--color-black);animation:slideInRight .8s ease forwards;animation-delay:.3s;transform:translateX(100vw)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translateX(100vw)}to{transform:translateX(0)}}.modal-container.closing .modal-overlay{animation:slideOutRight .8s ease forwards}@keyframes slideOutRight{0%{transform:translateX(0)}to{transform:translateX(100vw)}}