#eventModal{max-width:820px;padding:0;overflow:hidden;border-radius:24px}#eventModal .modal-close{z-index:3;right:14px;top:10px;width:34px;height:34px;border-radius:50%;background:#ffffffdf;color:#333044;line-height:26px}#eventModalContent{padding:0}.event-modal-content{display:grid!important;grid-template-columns:1fr!important;gap:0!important}.event-modal-content>.event-visual{width:100%;min-height:245px;border-radius:0!important;background:linear-gradient(135deg,var(--event-color),#332c51 65%);font-size:105px}.event-modal-content>.event-visual.event-has-image{min-height:0;background:#f1f2f8!important}.event-modal-content>.event-visual.event-has-image img{width:100%;max-height:390px;object-fit:contain;background:#f1f2f8}.event-modal-content>div:last-child{padding:28px 34px 34px;background:#fff}.event-modal-content .event-type{display:inline-block;padding:6px 9px;border-radius:99px;background:#eeeaff;font-size:11px;font-weight:800;letter-spacing:1px}.event-modal-content h2{font-size:clamp(36px,5vw,58px)!important;line-height:.93;margin:13px 0 22px!important;color:#28243e}.event-meta{grid-template-columns:repeat(4,1fr)!important;gap:9px!important;margin:0 0 20px!important}.event-meta div{min-height:70px;display:flex;flex-direction:column;justify-content:center;padding:11px!important;border:1px solid #e5e4ee!important;background:#f7f7fb!important;border-radius:12px!important;font-size:11px!important}.event-meta b{font-size:14px!important;line-height:1.25;margin-top:3px!important}.event-meta .event-location{grid-column:1/-1;background:#f0edff!important;border-color:#d9d2ff!important;color:#5a4aa2!important}.event-description{margin:20px 0!important;padding:17px 18px;border-left:4px solid #7456e8;border-radius:0 12px 12px 0;background:#fafaff;font-size:16px!important;font-weight:650!important;line-height:1.6!important}.event-modal-content .event-detail{margin:16px 0!important;font-size:14px!important;font-weight:700}.event-modal-content .primary-button{border-radius:11px;padding:15px 20px}@media(max-width:600px){#eventModal{border-radius:20px}#eventModal .event-modal-content>div:last-child{padding:23px 20px 26px}.event-meta{grid-template-columns:1fr 1fr!important}.event-modal-content>.event-visual{min-height:185px}.event-modal-content h2{font-size:38px!important}.event-modal-content>.event-visual.event-has-image img{max-height:300px}}