.event-reminder-container{display:flex;flex-direction:column;align-items:center;min-height:100vh;background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff;padding:2rem;font-family:Arial,sans-serif;overflow:hidden;position:relative}.event-reminder-container .header{text-align:center;margin-bottom:2rem}.event-reminder-container .header h1{font-size:2.5rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.event-reminder-container .header p{font-size:1.2rem;opacity:.8}.event-reminder-container .events-list{width:100%;max-width:800px}.event-reminder-container .events-list h2{font-size:2rem;text-align:center;margin-bottom:1.5rem}.event-reminder-container .events-list ul{list-style:none;padding:0}.event-reminder-container .events-list ul .event-item{background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:1rem;margin-bottom:1rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.event-reminder-container .events-list ul .event-item:hover{transform:scale(1.05);background:hsla(0,0%,100%,.2)}.event-reminder-container .events-list ul .event-item.selected{background:#4caf50;font-weight:700}.event-reminder-container .next-event{margin-top:2rem;text-align:center}.event-reminder-container .next-event h3{font-size:2rem;margin-bottom:1rem}.event-reminder-container .next-event .remaining-time{font-size:1.5rem;background:rgba(0,0,0,.2);padding:1rem 2rem;border-radius:12px;display:inline-block}