.webinar-banner{margin:22px auto 12px;border-radius:20px;background:#eaf1ff;border:1px solid #cbdcfb;display:grid;grid-template-columns:240px minmax(0,1fr) auto;align-items:center;gap:22px;padding:12px 22px 12px 12px;overflow:hidden}
.webinar-banner-media{width:100%;aspect-ratio:16/10;border-radius:13px;overflow:hidden;background:linear-gradient(135deg,#17356c,#4a7de3)}
.webinar-banner-media img{display:block;width:100%;height:100%;object-fit:cover}
.webinar-banner span{font-size:11px;font-weight:850;letter-spacing:.1em;color:#315fe8}
.webinar-banner h2{font-size:clamp(19px,2vw,25px);line-height:1.2;letter-spacing:-.025em;margin:6px 0 8px;color:#1b3767}
.webinar-banner p{margin:0 0 8px;color:#52647c;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.webinar-banner time{display:block;font-weight:700;color:#264679}
.webinar-banner .button{white-space:nowrap;text-align:center}
@media(max-width:900px){.webinar-banner{grid-template-columns:180px minmax(0,1fr);padding:12px;gap:15px}.webinar-banner .button{grid-column:2;justify-self:start}}
@media(max-width:600px){.webinar-banner{display:block;padding:14px}.webinar-banner-media{aspect-ratio:16/9;margin-bottom:16px}.webinar-banner h2{font-size:22px}.webinar-banner .button{display:flex;margin-top:16px;width:100%;white-space:normal;justify-content:center}}