.webinar-popup{--wpop-mobile-max-height:70vh;z-index:1100;opacity:0;visibility:hidden;color:var(--color-text);background:#1f29338c;justify-content:center;align-items:center;padding:16px;transition:opacity .25s,visibility .25s;display:flex;position:fixed;inset:0}.webinar-popup:not(.is-open){pointer-events:none}.webinar-popup.is-open{opacity:1;visibility:visible}.webinar-popup__dialog{background:var(--color-surface);border-radius:var(--radius-card);width:100%;max-width:820px;max-height:calc(100vh - 32px);box-shadow:var(--shadow-card-hover);border:0;outline:none;transition:transform .25s;display:flex;position:relative;overflow:auto;transform:translateY(16px)}.webinar-popup.is-open .webinar-popup__dialog{transform:none}.webinar-popup__media{background-color:var(--color-primary-soft);background-position:48% 42%;background-repeat:no-repeat;background-size:cover;flex-shrink:0;align-self:stretch;width:300px}.webinar-popup__body{flex-direction:column;flex:1;gap:18px;padding:40px 40px 32px;display:flex}.webinar-popup__handle{display:none}.webinar-popup__badge{background:var(--color-primary-soft);color:var(--color-primary-hover);border-radius:1.25rem;align-self:flex-start;align-items:center;gap:.375rem;padding:.3125rem .875rem;font-size:.75rem;font-weight:500;display:inline-flex}.webinar-popup__badge-dot{background:var(--color-primary);border-radius:50%;width:6px;height:6px}.webinar-popup__title{margin:0}.webinar-popup__text{margin:10px 0 0}.webinar-popup__dates{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.webinar-popup__dates li{align-items:center;gap:12px;font-size:14px;display:flex}.webinar-popup__num{background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:600;display:flex}.webinar-popup__num--accent{background:#d88670}.webinar-popup__num--blue{background:var(--color-secondary)}.webinar-popup__date{width:74px;color:var(--color-text-headline);flex-shrink:0;font-weight:600}.webinar-popup__topic{color:var(--color-text-muted)}.webinar-popup__time{margin:0}.webinar-popup__actions{flex-wrap:wrap;align-items:center;gap:18px;padding-top:4px;display:flex}.webinar-popup__actions .btn{gap:8px}.webinar-popup__later{cursor:pointer;min-height:44px;color:var(--color-text-muted);text-underline-offset:2px;background:0 0;border:0;padding:12px 4px;font-family:inherit;font-size:14px;font-weight:500;text-decoration:underline}.webinar-popup__later:hover{color:var(--color-text)}.webinar-popup__later:focus-visible{outline:var(--focus-ring-outline);outline-offset:2px;border-radius:var(--radius-xs)}.webinar-popup__close{background:var(--color-bg);width:44px;height:44px;color:var(--color-text-muted);cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px}.webinar-popup__close:hover{background:var(--color-bg-alt);color:var(--color-text-headline)}.webinar-popup__close:focus-visible{outline:var(--focus-ring-outline);outline-offset:2px}@media (max-width:640px){.webinar-popup{align-items:flex-end;padding:0}.webinar-popup__dialog{border-radius:var(--radius-card) var(--radius-card) 0 0;max-width:none;max-height:var(--wpop-mobile-max-height);transform:translateY(100%)}.webinar-popup__media{display:none}.webinar-popup__body{gap:16px;padding:14px 20px 28px}.webinar-popup__handle{background:var(--color-border);border-radius:2px;align-self:center;width:40px;height:4px;display:block}.webinar-popup__close{top:8px;right:8px}.webinar-popup__title{font-size:26px}.webinar-popup__dates li{gap:10px;font-size:13px}.webinar-popup__date{width:66px}.webinar-popup__actions{flex-direction:column;align-items:stretch;gap:8px}.webinar-popup__later{text-align:center;padding:12px 8px}}@media (prefers-reduced-motion:reduce){.webinar-popup,.webinar-popup__dialog{transition:none}}