.hero-banner{position:relative;width:100%;min-height:520px;max-height:650px;display:flex;align-items:flex-end;overflow:hidden;background:#0d0a14;margin-bottom:24px}.hero-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center 20%;background-repeat:no-repeat;transition:opacity .8s ease;filter:brightness(.85) contrast(1.05)}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(16,13,23,.2) 0,rgba(16,13,23,.7) 60%,#100d17 100%),radial-gradient(circle at 80% 20%,rgba(157,26,219,.15) 0,transparent 50%);pointer-events:none}.hero-content-container{position:relative;z-index:2;max-width:1400px;width:100%;margin:0 auto;padding:40px 32px 32px 32px}.hero-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(157,26,219,.25);border:1px solid rgba(0,245,255,.4);color:#00f5ff;font-family:'Space Grotesk',sans-serif;font-size:.8rem;font-weight:600;padding:4px 12px;border-radius:20px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);text-transform:uppercase;letter-spacing:.5px}.welcome-tag{color:var(--text-secondary);font-family:'Space Grotesk',sans-serif;font-size:.9rem;font-weight:500}.hero-title{font-family:Orbitron,sans-serif;font-size:3.2rem;font-weight:800;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.8),0 0 30px rgba(157,26,219,.4);margin:12px 0 8px 0;line-height:1.15;max-width:800px}.hero-metadata{display:flex;align-items:center;gap:10px;font-family:'Space Grotesk',sans-serif;font-size:.95rem;color:rgba(255,255,255,.85);margin-bottom:14px}.hero-rating{color:#ffc107;font-weight:700;display:inline-flex;align-items:center;gap:4px}.meta-divider{color:rgba(157,26,219,.6);font-weight:700}.hero-synopsis{font-family:'Space Grotesk',sans-serif;font-size:1rem;line-height:1.5;color:rgba(255,255,255,.8);max-width:650px;margin-bottom:24px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.hero-actions{display:flex;align-items:center;gap:14px}.hero-btn-play{background:var(--gradient-accent);color:#fff;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1rem;padding:12px 28px;border-radius:30px;border:none;box-shadow:0 4px 20px rgba(157,26,219,.5);display:inline-flex;align-items:center;gap:8px;transition:all .3s cubic-bezier(.16, 1, .3, 1);text-decoration:none}.hero-btn-play:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 8px 30px rgba(157,26,219,.7);color:#fff}.hero-btn-add{background:rgba(16,13,23,.6);border:1px solid rgba(157,26,219,.4);color:#fff;width:48px;height:48px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:1.3rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .3s ease;cursor:pointer}.hero-btn-add:hover{background:rgba(157,26,219,.3);border-color:var(--accent-primary);color:#fff;transform:scale(1.1);box-shadow:var(--glow-primary)}.provider-badges-section{padding:18px 24px!important;margin-bottom:32px!important;background:rgba(16,13,23,.5)!important;border:1px solid rgba(157,26,219,.2)!important}.provider-section-title{font-family:'Space Grotesk',sans-serif;font-size:.95rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;margin:0}.provider-badges-wrapper{overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(157,26,219,0.3) transparent;padding:6px 0}.provider-badges-content{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;width:100%}.provider-badge-item{flex:0 0 auto;width:58px;height:58px;border-radius:14px;overflow:hidden;border:1px solid rgba(157,26,219,.2);background:rgba(255,255,255,.04);transition:all .3s ease;display:flex;align-items:center;justify-content:center;cursor:pointer}.provider-badge-item img{width:58px;height:58px;object-fit:cover;border-radius:12px;transition:transform .3s ease;display:block}.provider-fallback-text{font-family:'Space Grotesk',sans-serif;font-size:.75rem;font-weight:600;color:var(--text-primary);padding:4px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;text-align:center}.provider-badge-item:hover{transform:translateY(-4px) scale(1.08);border-color:var(--accent-secondary);box-shadow:0 0 16px rgba(0,245,255,.4)}.main-container{padding:0 24px 40px 24px;max-width:1400px;margin-left:auto;margin-right:auto}@media (max-width:768px){.hero-banner{min-height:420px}.hero-title{font-size:2rem}.hero-content-container{padding:20px 16px 20px 16px}.main-container{padding:0 12px 24px 12px}}.section-container{background:rgba(16,13,23,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:16px;padding:24px;border:1px solid rgba(157,26,219,.1);margin-bottom:30px;box-shadow:0 4px 24px rgba(0,0,0,.2);transition:all .3s ease}.section-container:hover{border-color:rgba(157,26,219,.2);box-shadow:0 8px 32px rgba(157,26,219,.05)}@media (max-width:576px){.section-container{padding:16px;border-radius:12px}}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2{font-family:Orbitron,sans-serif;font-size:1.35rem;font-weight:700;color:var(--text-primary);margin:0}.provider-highlight{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.provider-dropdown-container{position:relative;display:inline-block;vertical-align:middle}.provider-dropdown-trigger{background:0 0;border:none;padding:0 4px;margin:0;display:inline-flex;align-items:center;gap:6px;cursor:pointer;text-decoration:underline;text-decoration-color:rgba(157,26,219,0.6);text-underline-offset:6px;text-decoration-thickness:2px;transition:all .3s ease}.provider-dropdown-trigger.active,.provider-dropdown-trigger:hover{text-decoration-color:#00f5ff}.provider-dropdown-trigger .dropdown-icon{font-size:1rem;color:var(--text-secondary);transition:transform .3s ease,color .3s ease}.provider-dropdown-trigger.active .dropdown-icon{transform:rotate(180deg);color:#00f5ff}.provider-dropdown-menu{position:absolute;top:calc(100% + 10px);left:0;min-width:220px;background:#181324;border:1px solid rgba(157,26,219,.4);border-radius:14px;padding:8px;box-shadow:0 12px 36px rgba(0,0,0,.8),0 0 20px rgba(157,26,219,.25);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:1000;display:none;flex-direction:column;gap:4px;animation:dropdownFadeIn .25s cubic-bezier(.16,1,.3,1) forwards}.provider-dropdown-menu.show{display:flex}@keyframes dropdownFadeIn{from{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.provider-dropdown-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;color:var(--text-primary);font-family:'Space Grotesk',sans-serif;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.provider-dropdown-item:hover{background:rgba(157,26,219,.25);color:#fff;transform:translateX(4px)}.provider-dropdown-item.active{background:rgba(157,26,219,.4);border:1px solid rgba(0,245,255,.4);color:#00f5ff;font-weight:600}.provider-menu-logo{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.2)}.show-more-btn,.view-all-link{color:var(--text-secondary);font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:.9rem;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:all .3s ease}.show-more-btn:hover,.view-all-link:hover{color:var(--accent-primary)!important;gap:12px;text-shadow:0 0 20px rgba(157,26,219,.3);text-decoration:none}.show-more-btn i,.view-all-link i{font-size:.8rem;transition:transform .3s ease}.scroll-section{position:relative;width:100%;overflow-x:hidden}.scroll-content{display:flex;gap:20px;overflow-x:auto;padding:8px 0 16px 0;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(157,26,219,0.4) transparent;-webkit-overflow-scrolling:touch}.scroll-content::-webkit-scrollbar{height:6px}.scroll-content::-webkit-scrollbar-track{background:0 0}.scroll-content::-webkit-scrollbar-thumb{background:rgba(157,26,219,.3);border-radius:10px;transition:all .3s ease}.scroll-content::-webkit-scrollbar-thumb:hover{background:var(--accent-primary);box-shadow:var(--glow-primary)}.scroll-item{flex:0 0 auto;width:178px}@media (max-width:768px){.scroll-item{width:140px}.scroll-content{gap:14px}}a.card-link,a.card-link:hover{text-decoration:none;color:inherit;display:block}.card{background:var(--bg-card);border:1px solid rgba(157,26,219,.15);border-radius:14px;overflow:hidden;transition:all .3s cubic-bezier(.16, 1, .3, 1);height:100%}.card .card-img-container{position:relative;aspect-ratio:2/3;width:100%;overflow:hidden;background:#130f1e}.card .card-img-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.card:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 8px 30px rgba(157,26,219,.35);border-color:var(--accent-primary)}.card:hover .card-img-container img{transform:scale(1.06)}.card-body{padding:12px 14px}.card-title{font-family:'Space Grotesk',sans-serif;font-size:.95rem;font-weight:700;color:var(--text-primary)}.card-text small{font-family:'Space Grotesk',sans-serif;color:var(--text-secondary);font-size:.8rem}.continue-card{background:var(--bg-card);border:1px solid rgba(157,26,219,.15);border-radius:14px;overflow:hidden;transition:all .3s ease;position:relative;height:100%}.continue-card .card-img-container{position:relative;aspect-ratio:2/3;width:100%;overflow:hidden}.continue-card .card-img-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.continue-card:hover{transform:translateY(-8px) scale(1.03);box-shadow:var(--glow-primary);border-color:var(--accent-primary)}.continue-card .watched-badge{position:absolute;top:12px;right:12px;background:rgba(157,26,219,.85);border:1px solid rgba(0,245,255,.4);color:#fff;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;font-family:'Space Grotesk',sans-serif;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:10;box-shadow:var(--glow-secondary)}.continue-card .resume-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(16,13,23,.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;z-index:5}.continue-card:hover .resume-overlay{opacity:1}.continue-card .resume-btn{background:var(--gradient-accent);color:#fff;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:.85rem;padding:8px 16px;border-radius:20px;box-shadow:var(--glow-primary);display:flex;align-items:center;gap:6px;transform:scale(.9);transition:all .3s ease}.continue-card:hover .resume-btn{transform:scale(1)}.continue-card .progress-overlay{position:absolute;bottom:0;left:0;right:0;height:4px;background:rgba(255,255,255,.1);z-index:6}.continue-card .progress-overlay .progress-bar{height:100%;background:var(--accent-primary);box-shadow:0 0 10px rgba(157,26,219,.8);transition:width .3s ease}.mylist-card{background:var(--bg-card);border:1px solid rgba(157,26,219,.15);border-radius:14px;overflow:hidden;transition:all .3s ease;position:relative;height:100%}.mylist-card .card-img-container{position:relative;aspect-ratio:2/3;width:100%;overflow:hidden}.mylist-card .card-img-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.mylist-card:hover{transform:translateY(-8px) scale(1.03);box-shadow:var(--glow-primary);border-color:var(--accent-primary)}.mylist-card .remove-list-btn{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;background:rgba(16,13,23,.85);border:1px solid rgba(255,0,184,.4);color:var(--text-primary);display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.8);transition:all .3s ease;z-index:10;cursor:pointer}.mylist-card:hover .remove-list-btn{opacity:1;transform:scale(1)}.mylist-card .remove-list-btn:hover{background:var(--accent-tertiary);color:#fff;box-shadow:var(--glow-tertiary);transform:scale(1.1)}.empty-state.themed{text-align:center;padding:40px 20px;background:rgba(16,13,23,.3);border:1px dashed rgba(157,26,219,.2);border-radius:12px;margin:10px 0;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-state.themed i{margin-bottom:12px;text-shadow:var(--glow-primary)}.empty-state.themed h3{font-family:Orbitron,sans-serif;color:var(--text-primary);margin-top:12px;font-size:1.2rem}.empty-state.themed p{color:var(--text-secondary);font-size:.9rem;margin-bottom:1.5rem}.scroll-item.fade-out{opacity:0;transform:scale(.8) translateY(20px);width:0;margin-right:-20px;transition:all .3s cubic-bezier(.175, .885, .32, 1.275);pointer-events:none}.skeleton-card{width:100%;height:330px;border-radius:14px;background:linear-gradient(90deg,#130f1e 25%,#1d182e 50%,#130f1e 75%);background-size:200% 100%;animation:skeletonPulse 1.5s infinite linear;border:1px solid rgba(157,26,219,.08)}@keyframes skeletonPulse{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section-container{animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) forwards}.toast-notification{position:fixed;bottom:30px;right:30px;background:var(--bg-card);border:1px solid rgba(157,26,219,.35);border-radius:12px;padding:14px 24px;color:var(--text-primary);font-family:'Space Grotesk',sans-serif;box-shadow:var(--glow-primary);z-index:9999;display:flex;align-items:center;gap:10px;animation:slideIn .3s cubic-bezier(.16,1,.3,1);font-size:.95rem;font-weight:500}@keyframes slideIn{from{transform:translateY(100px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.toast-notification.fade-out{opacity:0;transform:translateY(40px) scale(.9);transition:all .3s ease}