.webinar-container{margin:0 auto;max-width:1440px;padding:0 20px}.webinar-grid{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-content:center;margin:40px auto;max-width:1200px;place-content:center;width:100%}.webinar-card{background:#fff;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.08);display:flex;flex-direction:column;opacity:0;transform:translateY(20px);transition:transform .3s ease,opacity .4s ease,visibility .4s ease;visibility:hidden;width:100%}.webinar-card:not(.hidden){opacity:1;transform:translateY(0);visibility:visible}.webinar-card.hidden{opacity:0;pointer-events:none;transform:scale(.95);visibility:hidden}.webinar-card:hover{transform:scale(1.03)}.webinar-thumb img{border-radius:10px 10px 0 0;display:block;height:auto;width:100%}.webinar-content{padding:20px}.webinar-content h3{color:#222;font-size:1.2rem;margin-top:0}.webinar-date,.webinar-duration,.webinar-presenters{color:#666;font-size:.9rem;margin:4px 0}.webinar-desc{color:#444;font-size:.95rem;margin:10px 0}.webinar-cta{background-color:#00b0f5;border-radius:100px;color:#fff;display:inline-block;font-weight:700;margin-top:10px;padding:10px 16px;text-decoration:none}.webinar-cta:hover{color:#fff}.webinar-tags{padding:10px 20px 0}.webinar-tag{background-color:#00b0f5;border-radius:4px;color:#333;display:inline-block;font-size:.75rem;font-weight:600;margin-right:6px;padding:4px 8px;text-transform:uppercase}.webinar-tag.upcoming{background-color:#00b0f5;color:#fff}.webinar-tag.recorded{background-color:#45d62e;color:#fff}.webinar-filter{margin-bottom:20px;text-align:center}.filter-btn{background:#f0f0f0;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;margin:0 6px;padding:8px 16px;transition:background-color .3s ease,color .3s ease}.filter-btn.active{background-color:#00b0f5;color:#fff}.webinar-featured-card{background:#fff;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.08);display:flex;flex-wrap:wrap;margin:0 auto 40px;max-width:1440px;overflow:hidden;transition:transform .3s ease;width:100%}.webinar-featured-card:hover{transform:scale(1.03)}.webinar-featured-card .webinar-thumb.large{align-items:stretch;display:flex;flex:1 1 50%;max-width:50%}.webinar-featured-card .webinar-thumb.large img{aspect-ratio:16/9;border-radius:10px 0 0 10px;display:block;height:auto;object-fit:cover;transition:transform .3s ease;width:100%}.webinar-featured-card:hover .webinar-thumb.large img{transform:scale(1)}.webinar-featured-card .webinar-content.large{display:flex;flex:1 1 50%;flex-direction:column;justify-content:left;max-width:50%;padding:30px}.webinar-featured-card h2{color:#222;font-size:1.5rem;margin:0 0 15px}.webinar-featured-card .webinar-tags{padding:10px 20px 10px 0}.webinar-featured-card .webinar-cta{align-self:flex-start;background-color:#00b0f5;border-radius:100px;color:#fff;font-size:.95rem;font-weight:700;max-width:100%;padding:10px 20px;text-decoration:none;white-space:nowrap;width:fit-content}.webinar-featured-card .webinar-cta:hover{background-color:#00b0f5;color:#fff}@media (max-width:768px){.webinar-featured-card{flex-direction:column}.webinar-featured-card .webinar-content.large,.webinar-featured-card .webinar-thumb.large{flex:1 1 100%;max-width:100%}.webinar-featured-card .webinar-thumb.large{align-items:stretch}.webinar-featured-card .webinar-thumb.large img{aspect-ratio:16/9;border-radius:10px 10px 0 0;height:auto;object-fit:cover;width:100%}.webinar-featured-card .webinar-content.large{padding:20px}}