.webinar-filter{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-12)}.webinar-filter-tab{display:inline-flex;align-items:center;padding:8px 20px;font-size:var(--text-sm);font-weight:var(--weight-semibold);font-family:var(--font-body);border-radius:var(--radius-pill);background:var(--color-gray-50);color:var(--color-gray-500);border:1px solid var(--color-gray-100);text-decoration:none;transition:all var(--transition-fast);cursor:pointer}.webinar-filter-tab:hover{background:var(--color-gray-100);color:var(--color-navy);border-color:var(--color-gray-200)}.webinar-filter-tab.is-active{background:var(--color-navy);color:var(--color-white);border-color:var(--color-navy)}.webinar-filter-tab .filter-count{font-size:var(--text-xs);font-weight:var(--weight-normal);opacity:.7;margin-left:4px}.webinar-featured{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:var(--color-white);border-radius:var(--radius-xl);border:1px solid var(--color-border);overflow:hidden;transition:all var(--transition-base);text-decoration:none;color:inherit;margin-bottom:var(--space-16)}.webinar-featured:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:var(--color-orange-light)}.webinar-featured-thumb{position:relative;min-height:340px;background:linear-gradient(135deg,#001c27,#002939 40%,#0a4a63);display:flex;align-items:center;justify-content:center;overflow:hidden}.webinar-featured-thumb:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px}.webinar-featured-content{padding:var(--space-12)}.webinar-featured-label{display:flex;width:fit-content;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-orange);margin-bottom:var(--space-4)}.webinar-featured-label svg{width:14px;height:14px}.webinar-featured h2{font-size:var(--text-3xl);line-height:var(--leading-snug);color:var(--color-navy);margin-bottom:var(--space-5)}.webinar-featured p{color:var(--color-gray-500);font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:var(--space-8)}.webinar-featured-meta{display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-sm);color:var(--color-gray-400);margin-bottom:var(--space-8)}.webinar-featured-meta span{display:flex;align-items:center;gap:var(--space-1)}.webinar-play{width:72px;height:72px;border-radius:50%;background:#ea7626e6;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);position:relative;z-index:2}.webinar-play svg{width:28px;height:28px;fill:var(--color-white);margin-left:3px}.webinar-featured:hover .webinar-play{transform:scale(1.1);background:var(--color-orange);box-shadow:0 0 0 12px #ea762626}.webinar-play--sm{width:48px;height:48px}.webinar-play--sm svg{width:20px;height:20px;margin-left:2px}.webinar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.webinar-card{background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:all var(--transition-base);display:flex;flex-direction:column;overflow:hidden;text-decoration:none;color:inherit}.webinar-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:var(--color-orange-light)}.webinar-card-thumb{aspect-ratio:16/9;background:linear-gradient(135deg,#001c27,#002939,#0a4a63);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.webinar-card-thumb:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:32px 32px}.webinar-card:hover .webinar-play--sm{transform:scale(1.1);background:var(--color-orange);box-shadow:0 0 0 8px #ea762626}.webinar-card-duration{position:absolute;bottom:var(--space-3);right:var(--space-3);background:#0009;color:var(--color-white);font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:2px 8px;border-radius:var(--radius-sm);z-index:2}.webinar-card-status{position:absolute;top:var(--space-3);left:var(--space-3);background:#ea7626e6;color:var(--color-white);font-size:10px;font-weight:var(--weight-bold);letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:var(--radius-sm);z-index:2}.webinar-card-body{padding:var(--space-6);display:flex;flex-direction:column;flex:1;gap:var(--space-3)}.webinar-card-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--leading-snug);color:var(--color-navy);margin:0}.webinar-card-title a{text-decoration:none;color:inherit}.webinar-card-title a:hover{color:var(--color-orange)}.webinar-card-excerpt{color:var(--color-gray-400);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.webinar-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--color-border)}.webinar-card-footer span{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-gray-400)}.webinar-card-watch{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-orange);text-decoration:none;display:flex;align-items:center;gap:var(--space-1);transition:color var(--transition-fast)}.webinar-card-watch:hover{color:var(--color-orange-dark)}.webinar-card-watch svg{transition:transform var(--transition-fast)}.webinar-card-watch:hover svg{transform:translate(2px)}.webinar-results-count{font-size:var(--text-sm);color:var(--color-gray-400);margin-bottom:var(--space-6)}.webinar-card-thumb img,.webinar-featured-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.webinar-card-thumb img+.webinar-play,.webinar-featured-thumb img+.webinar-play{z-index:2}.webinar-card-thumb:after,.webinar-featured-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#00293926,#00293973);z-index:1}.webinar-card-thumb .webinar-play,.webinar-card-thumb .webinar-card-duration,.webinar-card-thumb .webinar-card-status{z-index:2}.webinar-notify{background:var(--color-navy);border-radius:var(--radius-xl);padding:var(--space-12) var(--space-10);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-10);align-items:center;margin-top:var(--space-16);position:relative;overflow:hidden}.webinar-notify:before{content:"";position:absolute;top:-80px;right:-80px;width:300px;height:300px;border-radius:50%;background:#ea762614;pointer-events:none}.webinar-notify-content{position:relative;z-index:1}.webinar-notify-content h2{font-size:var(--text-2xl);color:var(--color-white);margin-bottom:var(--space-3);line-height:var(--leading-snug)}.webinar-notify-content p{color:#ffffffa6;font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0}.webinar-notify-form{position:relative;z-index:1}.webinar-notify-form form{display:flex;gap:var(--space-3)}.webinar-notify-form input[type=email]{flex:1;padding:14px var(--space-5);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.15);background:#ffffff14;color:var(--color-white);font-family:var(--font-body);font-size:var(--text-base);outline:none;transition:all var(--transition-fast)}.webinar-notify-form input[type=email]::placeholder{color:#fff6}.webinar-notify-form input[type=email]:focus{border-color:var(--color-orange);background:#ffffff1f}.webinar-notify-form .btn-notify{padding:14px var(--space-8);background:var(--color-orange);color:var(--color-white);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);border:none;border-radius:var(--radius-lg);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.webinar-notify-form .btn-notify:hover{background:var(--color-orange-dark)}.webinar-notify-form .notify-hint{font-size:var(--text-xs);color:#fff6;margin-top:var(--space-3)}@media(max-width:1024px){.webinar-grid{grid-template-columns:repeat(2,1fr)}.webinar-notify{grid-template-columns:1fr;gap:var(--space-6);padding:var(--space-10) var(--space-8)}}@media(max-width:768px){.webinar-featured{grid-template-columns:1fr}.webinar-featured-thumb{min-height:200px}.webinar-featured-content{padding:var(--space-8)}.webinar-featured h2{font-size:var(--text-2xl)}.webinar-filter{gap:var(--space-2)}.webinar-grid{grid-template-columns:1fr}.webinar-notify{padding:var(--space-8) var(--space-6)}.webinar-notify-form form{flex-direction:column}}