.webinar-page{--wb-bg:var(--dash-bg,#f5f6fa);--wb-surface:var(--dash-surface,#ffffff);--wb-surface-soft:var(--dash-surface-2,#fafbff);--wb-border:var(--dash-border,#eef0f6);--wb-muted:var(--dash-text-muted,#64748b);--wb-text:var(--dash-text,#0f172a);--wb-label:var(--dash-text-faint,#94a3b8);--wb-accent:var(--dash-primary-strong,#4a8fad);--wb-accent-soft:var(--dash-primary-tint,rgba(107,168,196,0.08));--wb-shadow-sm:0 1px 2px rgba(15,23,42,0.05);--wb-shadow-md:0 2px 8px rgba(15,23,42,0.05),0 12px 32px -12px rgba(15,23,42,0.1);--wb-shadow-lg:0 4px 16px rgba(15,23,42,0.06),0 24px 48px -16px rgba(15,23,42,0.12);--wb-radius:0.875rem;--wb-radius-lg:1rem;min-height:100%;background:var(--wb-bg);color:var(--wb-text);-webkit-font-smoothing:antialiased}.dark .webinar-page{--wb-bg:var(--dash-bg,#141a21);--wb-surface:var(--dash-surface,#1e2229);--wb-surface-soft:var(--dash-surface-2,#262b34);--wb-border:var(--dash-border,#2a2f38);--wb-muted:var(--dash-text-muted,#94a3b8);--wb-text:var(--dash-text,#f1f5f9);--wb-label:var(--dash-text-faint,#64748b);--wb-accent:var(--dash-primary,#6ba8c4);--wb-accent-soft:rgba(107,168,196,0.12);--wb-shadow-sm:0 1px 2px rgba(0,0,0,0.25);--wb-shadow-md:0 2px 8px rgba(0,0,0,0.28),0 12px 32px -12px rgba(0,0,0,0.35);--wb-shadow-lg:0 4px 16px rgba(0,0,0,0.3),0 24px 48px -16px rgba(0,0,0,0.45)}.webinar-page__sheet{min-height:100%;padding:2.25rem 0 4rem}@media (min-width:768px){.webinar-page__sheet{padding:3rem 0 4.5rem}}.webinar-page__container{width:100%;max-width:90rem;margin:0 auto;padding:0 1.25rem}@media (min-width:768px){.webinar-page__container{padding:0 1.75rem}}@media (min-width:1280px){.webinar-page__container{padding:0 2.25rem}}.webinar-page__header{max-width:44rem;margin-bottom:2.75rem}.webinar-page__kicker{margin-bottom:.75rem;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--wb-accent)}.webinar-page__title{font-size:clamp(1.875rem,3.5vw,2.375rem);font-weight:600;line-height:1.22;letter-spacing:-.03em;color:var(--wb-text)}.webinar-page__title-accent{color:var(--wb-accent)}.webinar-page__subtitle{margin-top:1rem;max-width:36rem;font-size:1.0625rem;line-height:1.72;color:var(--wb-muted)}.webinar-page__metrics{display:inline-flex;flex-wrap:wrap;align-items:center;gap:1rem 1.25rem;margin-top:1.75rem;padding:.875rem 1.125rem;border:1px solid var(--wb-border);border-radius:var(--wb-radius);background:var(--wb-surface);box-shadow:var(--wb-shadow-sm)}.webinar-page__metric{display:flex;flex-direction:column;gap:.125rem}.webinar-page__metric-value{font-size:1.125rem;font-weight:600;letter-spacing:-.02em;color:var(--wb-text)}.webinar-page__metric-label{font-size:.6875rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--wb-label)}.webinar-page__metric-divider{width:1px;height:2rem;background:var(--wb-border)}.webinar-hero{display:block;margin-bottom:3.25rem;border-radius:var(--wb-radius-lg);overflow:hidden;border:1px solid var(--wb-border);box-shadow:var(--wb-shadow-lg);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.webinar-hero:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--wb-accent) 24%,transparent);box-shadow:0 6px 20px rgba(15,23,42,.07),0 28px 56px -16px rgba(5,150,105,.14)}.webinar-hero__media{position:relative;aspect-ratio:16/7;min-height:240px;background:#243044}@media (min-width:768px){.webinar-hero__media{min-height:320px}}.webinar-hero__media img{transition:transform .55s ease}.webinar-hero:hover .webinar-hero__media img{transform:scale(1.02)}.webinar-hero__play{position:absolute;top:1rem;right:1rem;z-index:2;display:flex;height:2.75rem;width:2.75rem;align-items:center;justify-content:center;border-radius:9999px;border:1px solid rgba(255,255,255,.22);background:rgba(15,23,42,.55);color:#fff;backdrop-filter:blur(8px)}.webinar-hero__overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem;background:linear-gradient(180deg,rgba(20,28,40,.04) 18%,rgba(20,28,40,.5) 68%,rgba(20,28,40,.9))}@media (min-width:768px){.webinar-hero__overlay{padding:2rem 2.25rem}}.webinar-hero__badge{display:inline-flex;width:fit-content;margin-bottom:.75rem;padding:.2rem .55rem;border-radius:.25rem;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.92)}.webinar-hero__title{max-width:44rem;font-size:clamp(1.25rem,2.8vw,1.75rem);font-weight:600;line-height:1.38;letter-spacing:-.02em;color:#fff}.webinar-hero__desc{margin-top:.625rem;max-width:40rem;font-size:.9375rem;line-height:1.6;color:rgba(255,255,255,.78)}.webinar-hero__meta{display:grid;gap:1.25rem;margin-top:1.25rem;padding-top:1.125rem;border-top:1px solid rgba(255,255,255,.14)}@media (min-width:768px){.webinar-hero__meta{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.35fr);gap:1.75rem}}.webinar-hero__label{display:block;margin-bottom:.4rem;font-size:.75rem;font-weight:500;color:rgba(255,255,255,.62)}.webinar-hero__author{display:flex;align-items:center;gap:.625rem}.webinar-hero__avatar{position:relative;height:2rem;width:2rem;flex-shrink:0;overflow:hidden;border-radius:9999px;border:1px solid rgba(255,255,255,.24)}.webinar-hero__author-name,.webinar-hero__value{font-size:.875rem;font-weight:600;color:#fff}.webinar-hero__tags{display:flex;flex-wrap:wrap;gap:.375rem}.webinar-hero__tag{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:.25rem;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.1);font-size:.75rem;font-weight:500;color:#fff}.webinar-hero__tag--muted{color:rgba(255,255,255,.88)}.webinar-page__section{margin-top:.5rem}.webinar-page__section-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.75rem}.webinar-page__section-title{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;color:var(--wb-text)}.webinar-page__section-desc{margin-top:.375rem;font-size:.9375rem;line-height:1.6;color:var(--wb-muted)}.webinar-page__count{padding:.35rem .7rem;border-radius:.375rem;border:1px solid var(--wb-border);background:var(--wb-surface);font-size:.75rem;font-weight:600;color:var(--wb-label)}.webinar-page__grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width:640px){.webinar-page__grid{grid-template-columns:repeat(2,1fr);gap:1.75rem}}@media (min-width:1024px){.webinar-page__grid{grid-template-columns:repeat(3,1fr);gap:2rem 1.75rem}}.webinar-card{height:100%;border-radius:var(--wb-radius-lg);background:var(--wb-surface);border:1px solid var(--wb-border);box-shadow:var(--wb-shadow-sm);transition:border-color .28s ease,box-shadow .28s ease,transform .28s ease}.webinar-card:hover{border-color:color-mix(in srgb,var(--wb-accent) 32%,transparent);box-shadow:var(--wb-shadow-md);transform:translateY(-3px)}.webinar-card__link{display:flex;flex-direction:column;height:100%}.webinar-card__thumb{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:var(--wb-radius-lg) var(--wb-radius-lg) 0 0;background:#1e293b}.webinar-card__image{transition:transform .55s ease}.webinar-card:hover .webinar-card__image{transform:scale(1.04)}.webinar-card__thumb-top{position:absolute;inset:0 0 auto 0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;padding:.75rem}.webinar-card__badge,.webinar-card__tag{display:inline-flex;align-items:center;padding:.25rem .55rem;border-radius:.25rem;font-size:.625rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;backdrop-filter:blur(8px)}.webinar-card__tag{max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid rgba(255,255,255,.16);background:rgba(15,23,42,.62);color:#fff}.webinar-card__badge{border:1px solid color-mix(in srgb,var(--wb-accent) 35%,transparent);background:rgba(255,255,255,.94);color:var(--wb-accent)}.dark .webinar-card__badge{background:rgba(30,34,41,.92)}.webinar-card__play{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;background:rgba(15,23,42,.28);opacity:0;transition:opacity .28s ease}.webinar-card:hover .webinar-card__play{opacity:1}.webinar-card__play-btn{display:flex;height:3rem;width:3rem;align-items:center;justify-content:center;border-radius:9999px;border:1px solid rgba(255,255,255,.28);background:var(--wb-accent);color:#fff;box-shadow:0 8px 24px rgba(5,150,105,.35);transform:scale(.92);transition:transform .28s ease}.webinar-card:hover .webinar-card__play-btn{transform:scale(1)}.webinar-card__duration{position:absolute;right:.75rem;bottom:.75rem;z-index:2;display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .5rem;border-radius:.25rem;background:rgba(15,23,42,.78);font-size:.6875rem;font-weight:600;color:#fff}.webinar-card__body{display:flex;flex:1;flex-direction:column;padding:1.125rem 1.125rem 1rem}.webinar-card__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:1.0625rem;font-weight:600;line-height:1.42;letter-spacing:-.015em;color:var(--wb-text);transition:color .2s ease}.webinar-card:hover .webinar-card__title{color:var(--wb-accent)}.webinar-card__excerpt{margin-top:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1;min-height:2.75rem;font-size:.875rem;line-height:1.6;color:var(--wb-muted)}.webinar-card__footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:1rem;padding-top:.875rem;border-top:1px solid var(--wb-border)}.webinar-card__host{display:flex;align-items:center;gap:.625rem;min-width:0}.webinar-card__avatar{position:relative;height:2.25rem;width:2.25rem;flex-shrink:0;overflow:hidden;border-radius:9999px;border:1px solid var(--wb-border);background:var(--wb-surface-soft)}.webinar-card__host-text{display:flex;flex-direction:column;min-width:0}.webinar-card__host-label{font-size:.625rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--wb-label)}.webinar-card__host-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:600;color:var(--wb-text)}.webinar-card__date{display:inline-flex;flex-shrink:0;align-items:center;gap:.3rem;font-size:.75rem;font-weight:500;color:var(--wb-label)}.webinar-card__cta{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;margin-top:.875rem;width:100%;padding:.625rem .875rem;border-radius:.375rem;border:1px solid var(--wb-border);background:var(--wb-surface-soft);font-size:.8125rem;font-weight:600;color:var(--wb-text);transition:background .2s ease,border-color .2s ease,color .2s ease}.webinar-card:hover .webinar-card__cta{border-color:color-mix(in srgb,var(--wb-accent) 35%,transparent);background:var(--wb-accent-soft);color:var(--wb-accent)}.webinar-empty{margin-top:.5rem}.webinar-empty__panel{border:1px solid var(--wb-border);border-radius:var(--wb-radius-lg);background:var(--wb-surface);padding:3rem 1.5rem;text-align:center;box-shadow:var(--wb-shadow-sm)}.webinar-empty__icon{display:inline-flex;height:3rem;width:3rem;align-items:center;justify-content:center;border-radius:.5rem;border:1px solid var(--wb-border);background:var(--wb-surface-soft);color:var(--wb-accent)}.webinar-empty__title{margin-top:1rem;font-size:1.25rem;font-weight:600;letter-spacing:-.02em;color:var(--wb-text)}.webinar-empty__desc{margin:.625rem auto 0;max-width:24rem;font-size:.9375rem;line-height:1.65;color:var(--wb-muted)}.webinar-page__loading-hero{height:280px;margin-bottom:2.5rem;border-radius:var(--wb-radius-lg);border:1px solid var(--wb-border);background:linear-gradient(90deg,var(--wb-surface-soft) 0,var(--wb-border) 50%,var(--wb-surface-soft) 100%);background-size:200% 100%;animation:webinar-shimmer 1.4s ease infinite}.webinar-page__loading-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width:640px){.webinar-page__loading-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.webinar-page__loading-grid{grid-template-columns:repeat(3,1fr)}}.webinar-page__loading-card{height:18rem;border-radius:var(--wb-radius);border:1px solid var(--wb-border);background:linear-gradient(90deg,var(--wb-surface-soft) 0,var(--wb-border) 50%,var(--wb-surface-soft) 100%);background-size:200% 100%;animation:webinar-shimmer 1.4s ease infinite}@keyframes webinar-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.webinar-page__alert{border:1px solid var(--wb-border);border-radius:var(--wb-radius);background:var(--wb-surface);padding:2rem 1.5rem;text-align:center}.webinar-page__alert-title{font-size:.9375rem;color:var(--wb-muted)}.webinar-page__retry{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.625rem 1rem;border:1px solid var(--wb-border);border-radius:.375rem;background:var(--wb-surface-soft);font-size:.875rem;font-weight:600;color:var(--wb-text);transition:background .2s ease}.webinar-page__retry:hover{background:var(--wb-border)}.webinar-detail{--wb-bg:var(--dash-bg,#f5f6fa);--wb-surface:var(--dash-surface,#ffffff);--wb-surface-soft:var(--dash-surface-2,#fafbff);--wb-border:var(--dash-border,#eef0f6);--wb-muted:var(--dash-text-muted,#64748b);--wb-text:var(--dash-text,#0f172a);--wb-label:var(--dash-text-faint,#94a3b8);--wb-accent:var(--dash-primary-strong,#4a8fad);--wb-accent-soft:rgba(5,150,105,0.08);--wb-shadow-sm:0 1px 2px rgba(15,23,42,0.05);--wb-shadow-md:0 2px 8px rgba(15,23,42,0.05),0 12px 32px -12px rgba(15,23,42,0.1);min-height:100%;background:var(--wb-bg);color:var(--wb-text)}.dark .webinar-detail{--wb-bg:#141a21;--wb-surface:#1e2229;--wb-surface-soft:#262b34;--wb-border:#2a2f38;--wb-muted:#94a3b8;--wb-text:#f1f5f9;--wb-label:#64748b;--wb-accent:#6ba8c4;--wb-accent-soft:rgba(107,168,196,0.12)}.webinar-detail__sheet{padding:2rem 0 4rem}@media (min-width:768px){.webinar-detail__sheet{padding:2.5rem 0 4.5rem}}.webinar-detail__container{width:100%;max-width:72rem;margin:0 auto;padding:0 1.25rem}@media (min-width:768px){.webinar-detail__container{padding:0 1.75rem}}.webinar-detail__nav{margin-bottom:1.5rem}.webinar-detail__back{display:inline-flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;color:var(--wb-accent);transition:opacity .2s ease}.webinar-detail__back:hover{opacity:.85}.webinar-detail__header{max-width:48rem;margin-bottom:1.75rem}.webinar-detail__header-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:.875rem}.webinar-detail__pill{display:inline-flex;padding:.2rem .55rem;border-radius:.25rem;border:1px solid var(--wb-border);background:var(--wb-surface);font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--wb-muted)}.webinar-detail__pill--accent{border-color:color-mix(in srgb,var(--wb-accent) 30%,transparent);background:var(--wb-accent-soft);color:var(--wb-accent)}.webinar-detail__title{font-size:clamp(1.5rem,3.2vw,2.125rem);font-weight:600;line-height:1.25;letter-spacing:-.03em;color:var(--wb-text)}.webinar-detail__lead{margin-top:.875rem;max-width:42rem;font-size:1.0625rem;line-height:1.7;color:var(--wb-muted)}.webinar-detail__layout{display:grid;gap:1.5rem;align-items:start}@media (min-width:1024px){.webinar-detail__layout{grid-template-columns:minmax(0,1fr) 18.5rem;gap:1.75rem}}@media (min-width:1280px){.webinar-detail__layout{grid-template-columns:minmax(0,1fr) 20rem;gap:2rem}}.webinar-detail__main{display:flex;flex-direction:column;gap:1.5rem;min-width:0}.webinar-detail__player-card{overflow:hidden;background:#0f172a;box-shadow:var(--wb-shadow-md)}.webinar-detail__article,.webinar-detail__player-card{border-radius:var(--wb-radius-lg);border:1px solid var(--wb-border)}.webinar-detail__article{padding:1.5rem;background:var(--wb-surface);box-shadow:var(--wb-shadow-sm)}@media (min-width:768px){.webinar-detail__article{padding:1.75rem 2rem}}.webinar-detail__section-title{margin-bottom:1rem;font-size:1.0625rem;font-weight:600;letter-spacing:-.02em;color:var(--wb-text)}.webinar-detail__prose{font-size:.9375rem;line-height:1.75;color:var(--wb-muted)}.webinar-detail__prose a{color:var(--wb-accent)}.webinar-detail__prose img{border-radius:.5rem}.webinar-detail__aside{display:flex;flex-direction:column;gap:1rem}@media (min-width:1024px){.webinar-detail__aside{position:sticky;top:5.5rem}}.webinar-detail__aside-card{padding:1.125rem;border-radius:var(--wb-radius-lg);border:1px solid var(--wb-border);background:var(--wb-surface);box-shadow:var(--wb-shadow-sm)}.webinar-detail__aside-title{margin-bottom:1rem;font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--wb-label)}.webinar-detail__host{display:flex;align-items:center;gap:.875rem}.webinar-detail__host-avatar{position:relative;height:3.5rem;width:3.5rem;flex-shrink:0;overflow:hidden;border-radius:9999px;border:1px solid var(--wb-border);background:var(--wb-surface-soft)}.webinar-detail__host-name{font-size:.9375rem;font-weight:600;color:var(--wb-text)}.webinar-detail__host-role{margin-top:.125rem;font-size:.8125rem;color:var(--wb-muted)}.webinar-detail__info-list{display:flex;flex-direction:column;gap:.875rem;margin:0;padding:0;list-style:none}.webinar-detail__info-item{display:flex;align-items:flex-start;gap:.75rem}.webinar-detail__info-icon{display:inline-flex;height:2rem;width:2rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:.375rem;border:1px solid var(--wb-border);background:var(--wb-surface-soft);color:var(--wb-accent)}.webinar-detail__info-copy{display:flex;flex-direction:column;gap:.125rem;min-width:0}.webinar-detail__info-label{font-size:.6875rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--wb-label)}.webinar-detail__info-value{font-size:.875rem;font-weight:600;color:var(--wb-text)}.webinar-detail__tag-list{display:flex;flex-wrap:wrap;gap:.375rem}.webinar-detail__tag{display:inline-flex;padding:.25rem .55rem;border-radius:.25rem;border:1px solid var(--wb-border);background:var(--wb-surface-soft);font-size:.75rem;font-weight:500;color:var(--wb-muted)}.webinar-detail__aside-link{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:.375rem;border:1px solid var(--wb-border);background:var(--wb-surface);font-size:.8125rem;font-weight:600;color:var(--wb-text);box-shadow:var(--wb-shadow-sm);transition:background .2s ease,border-color .2s ease,color .2s ease}.webinar-detail__aside-link:hover{border-color:color-mix(in srgb,var(--wb-accent) 35%,transparent);background:var(--wb-accent-soft);color:var(--wb-accent)}.webinar-video{position:relative;aspect-ratio:16/9;width:100%;overflow:hidden;background:#000}.webinar-video__player{position:absolute!important;inset:0}.webinar-video__player iframe{border:0}