.banner-carousel{background-color:#f3f4f6;width:100%;min-height:204px;position:relative;overflow:hidden}@media (min-width:640px){.banner-carousel{border-radius:1rem;min-height:320px}}.banner-carousel-container{width:100%;height:100%;min-height:inherit;position:relative}.banner-slide{z-index:1;transition:opacity .5s ease-in-out;position:absolute;inset:0}.banner-slide.active{opacity:1;z-index:2}.banner-slide.inactive{opacity:0;z-index:1}.banner-image{object-fit:cover;width:100%;height:100%;display:block}.banner-fallback{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.banner-fallback-content{text-align:center;padding:2rem}.banner-fallback-content h3{margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.banner-fallback-content p{opacity:.9;margin:0;font-size:1rem}.banner-nav-button{color:#fff;opacity:0;cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0000004d;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.75rem;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.banner-carousel:hover .banner-nav-button{opacity:1}.banner-nav-button:hover{background-color:#00000080;transform:translateY(-50%)scale(1.1)}.banner-nav-button:disabled{opacity:.3;cursor:not-allowed}.banner-nav-button.prev{left:1rem}.banner-nav-button.next{right:1rem}.banner-nav-icon{width:1.5rem;height:1.5rem}.banner-dots{z-index:10;gap:.5rem;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.banner-dot{cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff80;border:none;border-radius:50%;width:.5rem;height:.5rem;transition:all .3s}.banner-dot:hover{background-color:#fffc;transform:scale(1.2)}.banner-dot.active{background-color:#fff;transform:scale(1.3);box-shadow:0 0 10px #ffffff80}.banner-dot:disabled{opacity:.3;cursor:not-allowed}.banner-progress{z-index:10;background-color:#0003;width:100%;height:.25rem;position:absolute;bottom:0;left:0}.banner-progress-bar{height:100%;transition:width .1s ease-linear;background:linear-gradient(90deg,#3b82f6,#8b5cf6);box-shadow:0 0 10px #3b82f680}.banner-loading{z-index:20;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.banner-loading-spinner{border:3px solid #3b82f6;border-color:#3b82f6 #8b5cf6 #0000 #0000;border-radius:50%;width:3rem;height:3rem;margin-bottom:1rem;animation:1s linear infinite spin}.banner-loading p{color:#6b7280;margin:0;font-size:.875rem;font-weight:500}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:640px){.banner-nav-button{padding:.5rem}.banner-nav-icon{width:1.25rem;height:1.25rem}.banner-nav-button.prev{left:.75rem}.banner-nav-button.next{right:.75rem}.banner-loading-spinner{border-width:2px;width:2rem;height:2rem}.banner-loading p{font-size:.75rem}}.banner-nav-button:focus,.banner-dot:focus{outline-offset:2px;outline:2px solid #3b82f6}@media (prefers-contrast:high){.banner-nav-button{background-color:#000c;border:2px solid #fff}.banner-dot{border:1px solid #fff}.banner-dot.active{background-color:#fff;border-color:#000}}
.live-now-section{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);position:relative;overflow:hidden}.live-now-section:before{content:"";background:linear-gradient(90deg,#0000,#e2e8f0,#0000);height:1px;position:absolute;top:0;left:0;right:0}.live-now-header{flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.live-now-title{-webkit-text-fill-color:transparent;letter-spacing:-.025em;background:linear-gradient(135deg,#1e293b 0%,#475569 100%);-webkit-background-clip:text;background-clip:text;margin:0;font-size:2rem;font-weight:800;line-height:1.2;position:relative}.live-now-view-all{color:#475569;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:2px solid #e2e8f0;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 4px #0000000d}.live-now-view-all:hover{color:#fff;background:linear-gradient(135deg,#036 0%,#004080 100%);border-color:#036;transform:translateY(-2px);box-shadow:0 8px 25px #00336626}.live-now-grid{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;justify-content:flex-start;gap:1rem;padding:.5rem 0 1rem;display:flex;overflow-x:auto}.live-card{background:#fff;border:1px solid #f1f5f9;flex-direction:column;flex-shrink:0;width:16rem;height:20rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.live-card:hover{border-color:#e2e8f0;transform:translateY(-2px)}.live-card-link{color:inherit;text-decoration:none;display:block}.live-card-image-container{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);flex:1;position:relative;overflow:hidden}.live-card-image{object-fit:cover;width:100%;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1)}.live-card:hover .live-card-image{transform:scale(1.05)}.live-indicator{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-radius:20px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;display:flex;position:absolute;top:.75rem;left:.75rem;box-shadow:0 2px 8px #ef44444d}.live-indicator-dot{background:#fff;border-radius:50%;width:.5rem;height:.5rem;animation:2s infinite live-pulse}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.live-card-content{padding:.75rem}.live-card-creator{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.live-card-creator-avatar{object-fit:cover;border:1px solid #e2e8f0;border-radius:50%;width:1.75rem;height:1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.live-card:hover .live-card-creator-avatar{border-color:#036;transform:scale(1.05)}.live-card-creator-name{color:#1e293b;margin:0;font-size:.75rem;font-weight:600;transition:color .3s}.live-card:hover .live-card-creator-name{color:#036}.live-card-title{color:#1e293b;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .5rem;font-size:.875rem;font-weight:600;line-height:1.3;transition:color .3s;display:-webkit-box;overflow:hidden}.live-card:hover .live-card-title{color:#036}.live-card-meta{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.live-card-category{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border-radius:8px;padding:.2rem .5rem;font-size:.6875rem;font-weight:600;display:inline-block}.live-card-tags{color:#64748b;align-items:center;gap:.25rem;font-size:.6875rem;font-weight:500;display:flex}.live-card-tags-dot{background:#cbd5e1;border-radius:50%;width:.25rem;height:.25rem}.live-card-tags-text{color:#64748b;transition:color .3s}.live-card:hover .live-card-tags-text{color:#475569}@media (max-width:480px){.live-now-header{gap:.75rem;margin-bottom:1.5rem}.live-now-title{font-size:1.5rem}.live-now-view-all{gap:.25rem;padding:.5rem .875rem;font-size:.8rem}.live-now-grid{gap:.75rem;padding-left:.5rem;padding-right:.5rem}.live-card{width:14rem}.live-card-content{padding:.625rem}.live-card-creator{gap:.375rem;margin-bottom:.375rem}.live-card-creator-avatar{width:1.5rem;height:1.5rem}.live-card-creator-name{font-size:.6875rem}.live-card-title{margin-bottom:.375rem;font-size:.8rem}.live-card-meta{gap:.375rem}.live-card-category{padding:.15rem .4rem;font-size:.625rem}.live-card-tags{font-size:.625rem}}@media (min-width:481px) and (max-width:639px){.live-now-header{flex-direction:row;justify-content:space-between;align-items:center;gap:1rem}.live-now-title{font-size:1.625rem}.live-now-view-all{font-size:.875rem}.live-card{width:15rem}}@media (min-width:640px){.live-now-header{flex-direction:row;justify-content:space-between;align-items:center;gap:1rem}.live-now-title{font-size:2rem}.live-now-view-all{padding:.75rem 1.25rem;font-size:.875rem}.live-card{width:18rem}}@media (min-width:1024px){.live-now-title{font-size:2.25rem}.live-card{width:20rem}.live-card-content{padding:1rem}.live-card-creator-avatar{width:2rem;height:2rem}.live-card-creator-name{font-size:.875rem}.live-card-title{font-size:1rem}}@media (min-width:1280px){.live-now-title{font-size:2.5rem}.live-now-grid{gap:1.5rem;padding:1rem 0 1.5rem}.live-card{width:20rem}}@media (min-width:1536px){.live-now-grid{gap:2rem;padding:1.5rem 0 2rem}.live-card{width:22rem}}