.page-background{background:linear-gradient(135deg,#0f0c29,#302b63,#24243e)}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.events-page{color:#e5e7eb;min-height:calc(100vh - 442.33px)}.events-container{max-width:80rem;margin:0 auto;padding:2rem 1rem}@media(min-width:640px){.events-container{padding:3rem 1.5rem}}@media(min-width:1024px){.events-container{padding-left:2rem;padding-right:2rem}}.events-header{text-align:center;margin-bottom:3rem}.events-header h1{margin-top:0}.events-title{font-weight:700;margin-bottom:1rem;font-size:1.875rem}.events-subtitle{max-width:40rem;margin:0 auto;padding:0 1rem;color:#9ca3af;font-size:1rem}@media(min-width:640px){.events-title{font-size:2.25rem}.events-subtitle{font-size:1.125rem}}@media(min-width:1024px){.events-title{font-size:3rem}.events-subtitle{font-size:1.25rem}}.events-loading{text-align:center;padding:3rem 0}.loading-spinner{width:3rem;height:3rem;border-bottom:2px solid #a855f7;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.loading-text{margin-top:1rem;color:#9ca3af}.events-error{text-align:center;padding:3rem 0}.error-message{color:#f87171;margin-bottom:1rem}.error-subtext{color:#9ca3af;font-size:.875rem}.events-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:640px){.events-grid{gap:1.5rem}}@media(min-width:768px){.events-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.events-grid{grid-template-columns:repeat(3,1fr)}}.events-empty{text-align:center;padding:3rem 0}.events-empty-icon{width:4rem;height:4rem;margin:0 auto 1rem;color:#4b5563}.events-empty-title{font-size:1.25rem;color:#9ca3af}.events-empty-subtitle{margin-top:.5rem;color:#6b7280}.hidden{display:none}.event-card{background:#0f0c2999;border:1px solid rgba(108,99,255,.3);border-radius:.75rem;box-shadow:0 4px 6px #0000001a;cursor:pointer;padding:1.25rem;transition:all .3s ease}.event-card:hover{transform:translateY(-.5rem);border-color:#6c63ff;box-shadow:0 10px 30px #6c63ff4d}@media(min-width:640px){.event-card{padding:1.5rem}}.days-badge{display:inline-block;padding:.25rem .75rem;margin-bottom:.75rem;border-radius:9999px;font-size:.75rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2)}.event-summary{font-weight:700;font-size:1.25rem;margin-bottom:.75rem;color:#667eea}@media(min-width:640px){.event-summary{font-size:1.5rem}}.event-info{font-size:.875rem}.event-info>*+*{margin-top:.5rem}@media(min-width:640px){.event-info{font-size:1rem}}.event-info-row{display:flex;align-items:flex-start;gap:.5rem;color:#d1d5db}.event-info-row__icon{color:#6c63ff;width:1rem;height:1rem;margin-top:.125rem;flex-shrink:0}@media(min-width:640px){.event-info-row__icon{width:1.25rem;height:1.25rem}}.description{margin-top:1rem;font-size:.875rem;color:#9ca3af;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.details-btn{margin-top:1rem;font-size:.875rem;font-weight:600;color:#667eea;background:none;border:none;padding:0;cursor:pointer}.details-btn:hover{text-decoration:underline}.modal-overlay{padding:1rem;z-index:1001;inset:0;position:fixed;align-items:center;justify-content:center;color:#e5e7eb;background-color:#000c;display:none}.modal-overlay.is-open{display:flex}.modal-content{position:relative;width:100%;max-width:42rem;max-height:calc(100vh - 2rem);overflow-y:auto;padding:1.25rem;border-radius:.75rem;background:linear-gradient(135deg,#0f0c29,#302b63);border:2px solid #6c63ff;box-shadow:0 20px 60px #6c63ff66;-webkit-overflow-scrolling:touch}@media(min-width:640px){.modal-content{padding:2rem}}.modal-close-btn{position:absolute;top:1rem;right:1rem;padding:.5rem;border-radius:9999px;background:none;border:none;color:inherit;cursor:pointer}.modal-close-btn:hover{background:#37415199}.modal-close-icon{width:1.5rem;height:1.5rem}.modal-body{padding-right:2rem}.days-modal-badge{display:inline-block;padding:.375rem 1rem;margin-bottom:1rem;border-radius:9999px;font-size:.875rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2)}.event-modal-title{margin-bottom:1.5rem;font-size:1.5rem;font-weight:700;color:#667eea}@media(min-width:640px){.event-modal-title{font-size:1.875rem}}.event-info-container{margin-bottom:1.5rem}.event-info-container>*+*{margin-top:1rem}.event-info-row{display:flex;align-items:flex-start;gap:.75rem;color:#d1d5db}.event-info-icon{width:1.5rem;height:1.5rem;flex-shrink:0;color:#6c63ff}.event-info-label{font-weight:600;margin-top:auto}.event-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1.75rem;margin-top:.5rem;border-radius:9999px;border:2px solid #6c63ff;background:linear-gradient(135deg,#6c63ff26,#6c63ff0d);color:#e5e7eb;font-weight:600;font-size:.95rem;text-decoration:none;box-shadow:0 4px 12px #6c63ff40,inset 0 0 #fff0;transition:background .25s ease,box-shadow .25s ease,transform .2s ease,border-color .2s ease}.event-action-btn:hover,.event-action-btn:focus-visible{background:linear-gradient(135deg,#6c63ff4d,#6c63ff26);border-color:#8b85ff;box-shadow:0 8px 24px #6c63ff73,inset 0 0 #fff0;transform:translateY(-2px)}.event-action-btn:active{transform:translateY(0);box-shadow:0 4px 12px #6c63ff4d}.event-action-icon{width:1.5rem;height:1.5rem;flex-shrink:0;color:#6c63ff}.event-action-btn:focus-visible{outline:2px solid #8b85ff;outline-offset:2px}.event-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.event-title{color:#667eea}.icon-color{color:#6c63ff}.calendar-link{border:2px solid #667eea;color:#667eea}.view-details-link{color:#667eea}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.transition-colors{transition-property:color,background-color,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}