.calendar-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;width:100%;max-width:100%;padding:2rem;overflow-x:hidden;box-shadow:0 8px 32px #0000001a}.calendar-header{border-bottom:2px solid #09427d1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;display:flex}.calendar-title{color:#09427d;text-transform:capitalize;font-size:1.5rem;font-weight:600}.calendar-nav-button{color:#fff;cursor:pointer;white-space:nowrap;background:#09427d;border:none;border-radius:8px;padding:.5rem 1rem;font-weight:500;transition:all .3s}.calendar-nav-button:hover{background:#1a5ca8;transform:translateY(-2px)}.calendar-weekdays{grid-template-columns:repeat(7,1fr);gap:.5rem;margin-bottom:1rem;display:grid}.weekday{text-align:center;color:#09427d;padding:.5rem;font-size:.9rem;font-weight:600}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:.75rem;margin-bottom:.5rem;display:grid}.calendar-day{aspect-ratio:1;cursor:pointer;background:#ffffff80;border:1px solid #09427d1a;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:0;padding:.5rem;font-size:clamp(.75rem,2vw,1rem);transition:all .3s;display:flex;position:relative}.calendar-day:hover{background:#09427d0d;transform:translateY(-2px)}.calendar-day.selected{color:#fff;background:#09427d}.calendar-day.today{box-shadow:inset 0 0 0 3px #09427d}.calendar-day.today.selected{box-shadow:inset 0 0 0 3px #fff9}.calendar-day.other-month{color:#94a3b8;background:#94a3b81a}.event-indicator{background:#10b981;border-radius:50%;flex-shrink:0;width:4px;height:4px;margin-top:2px;transition:all .3s}.calendar-day.other-month .event-indicator{opacity:.8;background:#94a3b8}.calendar-day.selected .event-indicator{background:#fff}.events-list{border-top:2px solid #09427d1a;margin-top:2rem;padding-top:2rem}.events-title{margin-bottom:1rem;font-size:1.25rem;font-weight:600;color:#09427d!important}.event-card{background:#fff;border:1px solid #09427d1a;border-radius:12px;margin-bottom:1rem;padding:1rem;transition:all .3s;box-shadow:0 2px 8px #0000000d}.event-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.event-name{color:#09427d;word-break:break-word;margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.event-time{color:#64748b;word-break:break-word;font-size:.9rem}.loading-message{text-align:center;color:#64748b;padding:2rem;font-style:italic}.no-events-message{text-align:center;color:#64748b;background:#94a3b81a;border-radius:12px;padding:2rem;font-style:italic}@media (max-width:640px){.calendar-wrapper{padding:1rem}.calendar-header{text-align:center;flex-direction:column;align-items:stretch}.calendar-title{font-size:1.25rem}.calendar-nav-button{width:100%}.weekday{padding:.25rem;font-size:.8rem}.calendar-day{min-height:2rem;padding:.25rem}.event-card{padding:.75rem}.event-name{font-size:1rem}.event-time{font-size:.8rem}.calendar-grid{gap:.5rem}}@media (max-width:480px){.calendar-wrapper{padding:.75rem}.calendar-day{min-height:1.75rem;font-size:.75rem}.weekday{font-size:.7rem}.calendar-grid{gap:.4rem}}
.events-container{background:linear-gradient(135deg,#09427d 0%,#1a5ca8 100%);min-height:100vh;padding:2rem;position:relative;overflow:hidden}.particles{z-index:2;position:absolute;inset:0;overflow:hidden}.particle{background:#ffffff80;border-radius:50%;width:6px;height:6px;animation:8s ease-in-out infinite float;position:absolute}@keyframes float{0%,to{transform:translateY(0)translate(0)}50%{transform:translateY(-20px)translate(10px)}}.events-content{z-index:3;max-width:1200px;margin:0 auto;position:relative}.events-header{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;margin-bottom:3rem;padding:2rem;box-shadow:0 8px 32px #0000001a}.events-title{color:#fff;text-shadow:2px 2px 4px #0003;margin-bottom:1rem;font-size:3rem;font-weight:700}.events-subtitle{color:#ffffffe6;font-size:1.2rem;font-weight:400}.calendar-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:15px;padding:2rem;box-shadow:0 8px 32px #0000001a}@media (max-width:768px){.events-title{font-size:2rem}.events-subtitle{font-size:1rem}.calendar-container{padding:1rem}}