.webinar-card-module{margin:0 auto;max-width:1400px;padding:20px;width:100%}.webinar-card{background:linear-gradient(135deg,#0a1628,#0f2744);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.4);display:grid;gap:0;grid-template-columns:2fr 1fr;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.webinar-card:hover{box-shadow:0 24px 70px rgba(0,0,0,.5);transform:translateY(-4px)}.webinar-image{align-items:center;background:#000;display:flex;justify-content:center;overflow:hidden;position:relative}.webinar-image img{display:block;height:100%;object-fit:contain;object-position:center;transition:transform .5s ease;width:100%}.webinar-content{color:#fff;display:flex;flex-direction:column;justify-content:center;padding:40px 50px}.webinar-meta{align-items:center;display:flex;gap:16px;margin-bottom:12px}.webinar-badge{background:rgba(0,255,136,.15);border:1px solid rgba(0,255,136,.3);border-radius:4px;color:#0f8;font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.webinar-duration{align-items:center;color:hsla(0,0%,100%,.7);display:flex;font-size:14px;gap:6px}.webinar-duration svg{height:16px;width:16px}.webinar-title{color:#fff;font-size:26px;font-weight:700;line-height:1.2;margin:0 0 20px}.webinar-description{color:hsla(0,0%,100%,.8);font-size:16px;line-height:1.6;margin:0 0 32px}.webinar-hosts{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;gap:12px;margin-bottom:12px;padding-bottom:12px}.host-avatars{display:flex;margin-left:-8px}.host-avatar{border:2px solid #0a1628;border-radius:50%;height:40px;transition:transform .2s ease;width:40px}.host-avatar:hover{transform:scale(1.1);z-index:1}.host-info{display:flex;flex-direction:column;gap:2px}.host-label{color:hsla(0,0%,100%,.6);font-size:13px}.host-names{color:#fff;font-size:15px;font-weight:600}.webinar-cta{align-items:center;color:#00d4ff;display:inline-flex;font-size:16px;font-weight:600;gap:8px;text-decoration:none;transition:gap .3s ease,color .3s ease}.webinar-cta:hover{color:#3df;gap:12px}.webinar-cta svg{height:20px;transition:transform .3s ease;width:20px}.webinar-cta:hover svg{transform:translateX(4px)}@media (max-width:1024px){.webinar-content{padding:40px}.webinar-title{font-size:30px}}@media (max-width:768px){.webinar-card{grid-template-columns:1fr}.host-avatars{margin-left:0}.webinar-image{min-height:100px}.webinar-content{padding:32px 24px}.webinar-title{font-size:26px}}@media (max-width:480px){.webinar-title{font-size:22px}.webinar-description{font-size:15px}.webinar-content{padding:24px 20px}}