:root{--primary-color: #e50914;--primary-hover: #f40612;--primary-dark: #b20710;--secondary-color: #0dcaf0;--accent-color: #ffd700;--bg-primary: #0a0a0a;--bg-secondary: #141414;--bg-tertiary: #1f1f1f;--bg-card: #181818;--bg-hover: #2a2a2a;--bg-overlay: rgba(0, 0, 0, .85);--text-primary: #ffffff;--text-secondary: #b3b3b3;--text-muted: #808080;--text-dark: #404040;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .6);--shadow-glow: 0 0 20px rgba(229, 9, 20, .3);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--container-max-width: 1400px;--navbar-height: 70px;--footer-height: 300px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scaleUp{0%{transform:scale(1)}to{transform:scale(1.05)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 5px var(--primary-color),0 0 10px var(--primary-color)}50%{box-shadow:0 0 10px var(--primary-color),0 0 20px var(--primary-color),0 0 30px var(--primary-color)}}.fade-in{animation:fadeIn var(--transition-normal) forwards}.fade-in-up{animation:fadeInUp var(--transition-normal) forwards}.fade-in-down{animation:fadeInDown var(--transition-normal) forwards}.slide-in-left{animation:slideInLeft var(--transition-normal) forwards}.slide-in-right{animation:slideInRight var(--transition-normal) forwards}.scale-in{animation:scaleIn var(--transition-normal) forwards}.hover-scale{transition:transform var(--transition-normal)}.hover-scale:hover{transform:scale(1.05)}.hover-lift{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.hover-lift:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.hover-glow{transition:box-shadow var(--transition-normal)}.hover-glow:hover{box-shadow:var(--shadow-glow)}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 0%,var(--bg-hover) 50%,var(--bg-tertiary) 100%);background-size:1000px 100%;animation:shimmer 2s infinite;border-radius:var(--radius-md)}.smooth-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:var(--bg-secondary)}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:var(--radius-full)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.glass{background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.text-gradient{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.overlay{position:absolute;inset:0;background:linear-gradient(to top,#000000e6,#00000080,#0000001a)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:768px){.hide-mobile{display:none!important}}@media(min-width:769px){.hide-desktop{display:none!important}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-lg)}p{margin-bottom:var(--spacing-md);color:var(--text-secondary)}a{color:var(--text-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-color)}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-xl)}@media(max-width:768px){.container{padding:0 var(--spacing-md)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-normal);text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--primary-color);color:var(--text-primary)}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);transform:scale(1.02)}.btn-secondary{background-color:#ffffff1a;color:var(--text-primary);border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover:not(:disabled){background-color:#fff3;border-color:#ffffff4d}.btn-ghost{background-color:transparent;color:var(--text-primary)}.btn-ghost:hover:not(:disabled){background-color:#ffffff1a}.btn-sm{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.btn-lg{padding:var(--spacing-lg) var(--spacing-2xl);font-size:var(--font-size-lg)}.btn-icon{padding:var(--spacing-md);border-radius:var(--radius-full)}.input{width:100%;padding:var(--spacing-md);font-size:var(--font-size-base);color:var(--text-primary);background-color:var(--bg-tertiary);border:1px solid var(--bg-hover);border-radius:var(--radius-sm);outline:none;transition:all var(--transition-fast)}.input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #e5091433}.input::placeholder{color:var(--text-muted)}.card{background-color:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal)}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);background-color:var(--bg-tertiary);color:var(--text-secondary)}.badge-primary{background-color:var(--primary-color);color:var(--text-primary)}.badge-secondary{background-color:var(--secondary-color);color:var(--bg-primary)}.modal-backdrop{position:fixed;inset:0;background-color:var(--bg-overlay);z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl)}.modal{background-color:var(--bg-secondary);border-radius:var(--radius-lg);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;z-index:var(--z-modal)}.grid{display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-5{grid-template-columns:repeat(5,1fr)}.grid-6{grid-template-columns:repeat(6,1fr)}@media(max-width:1200px){.grid-6{grid-template-columns:repeat(5,1fr)}}@media(max-width:1024px){.grid-5,.grid-6{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.grid-4,.grid-5,.grid-6{grid-template-columns:repeat(3,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.grid-3,.grid-4,.grid-5,.grid-6{grid-template-columns:repeat(2,1fr)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mt-2xl{margin-top:var(--spacing-2xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-2xl{margin-bottom:var(--spacing-2xl)}.pt-sm{padding-top:var(--spacing-sm)}.pt-md{padding-top:var(--spacing-md)}.pt-lg{padding-top:var(--spacing-lg)}.pt-xl{padding-top:var(--spacing-xl)}.pt-2xl{padding-top:var(--spacing-2xl)}.pb-sm{padding-bottom:var(--spacing-sm)}.pb-md{padding-bottom:var(--spacing-md)}.pb-lg{padding-bottom:var(--spacing-lg)}.pb-xl{padding-bottom:var(--spacing-xl)}.pb-2xl{padding-bottom:var(--spacing-2xl)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.spinner{width:40px;height:40px;border:4px solid var(--bg-tertiary);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.spinner-sm{width:20px;height:20px;border-width:2px}@media(max-width:768px){html{font-size:14px}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}}.loading-spinner-container{display:flex;align-items:center;justify-content:center;min-height:400px;width:100%}.vpn-banner{position:fixed;top:70px;left:0;right:0;z-index:999;background:linear-gradient(135deg,#1a1a2e,#16213e);border-bottom:2px solid var(--primary-color);box-shadow:0 4px 12px #0000004d;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.vpn-banner-content{max-width:1200px;margin:0 auto;padding:var(--spacing-md) var(--spacing-xl);display:flex;align-items:center;gap:var(--spacing-md)}.vpn-icon{font-size:var(--font-size-xl);color:var(--accent-color);flex-shrink:0}.vpn-message{flex:1;font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:var(--line-height-relaxed)}.vpn-message strong{color:var(--text-primary);font-weight:var(--font-weight-bold)}.vpn-dismiss{background:transparent;border:none;color:var(--text-secondary);font-size:var(--font-size-lg);cursor:pointer;padding:var(--spacing-xs);transition:all var(--transition-fast);border-radius:var(--radius-sm);flex-shrink:0}.vpn-dismiss:hover{color:var(--text-primary);background-color:#ffffff1a;transform:scale(1.1)}@media(max-width:768px){.vpn-banner{top:60px}.vpn-banner-content{padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm)}.vpn-icon{font-size:var(--font-size-lg)}.vpn-message{font-size:var(--font-size-xs)}.vpn-dismiss{font-size:var(--font-size-base)}}.navbar{position:fixed;top:0;left:0;right:0;height:var(--navbar-height);background:linear-gradient(180deg,rgba(0,0,0,.9) 0%,transparent 100%);z-index:var(--z-sticky);transition:background-color var(--transition-normal)}.navbar.scrolled{background-color:var(--bg-primary);box-shadow:var(--shadow-md)}.navbar-container{display:flex;align-items:center;justify-content:space-between;height:100%}.navbar-logo{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);text-decoration:none;transition:transform var(--transition-fast)}.navbar-logo:hover{transform:scale(1.05)}.logo-icon{color:var(--primary-color);font-size:var(--font-size-xl)}.logo-text{letter-spacing:-.5px}.logo-accent{color:var(--primary-color)}.navbar-menu{display:flex;align-items:center;gap:var(--spacing-xl)}.nav-link{position:relative;color:var(--text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-decoration:none;transition:color var(--transition-fast);padding:var(--spacing-sm) 0}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-link.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background-color:var(--primary-color);border-radius:var(--radius-full)}.navbar-actions{display:flex;align-items:center;gap:var(--spacing-md)}.search-container{position:relative;display:flex;align-items:center}.search-input{position:absolute;right:40px;width:0;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-tertiary);border:1px solid var(--bg-hover);border-radius:var(--radius-full);color:var(--text-primary);font-size:var(--font-size-sm);opacity:0;transition:all var(--transition-normal);pointer-events:none}.search-container.active .search-input{width:250px;opacity:1;pointer-events:all}.search-input:focus{outline:none;border-color:var(--primary-color)}.icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:var(--radius-full);color:var(--text-primary);font-size:var(--font-size-lg);cursor:pointer;transition:all var(--transition-fast)}.icon-btn:hover{background-color:#ffffff1a;transform:scale(1.1)}.mobile-menu-btn{display:none}@media(max-width:768px){.navbar-menu{position:fixed;top:var(--navbar-height);left:0;right:0;flex-direction:column;align-items:flex-start;gap:0;background-color:var(--bg-primary);padding:var(--spacing-lg);transform:translate(-100%);transition:transform var(--transition-normal);box-shadow:var(--shadow-lg)}.navbar-menu.active{transform:translate(0)}.nav-link{width:100%;padding:var(--spacing-md) 0;font-size:var(--font-size-lg)}.nav-link.active:after{display:none}.mobile-menu-btn{display:flex}.search-container.active .search-input{width:200px}.logo-text{font-size:var(--font-size-xl)}}@media(max-width:480px){.navbar-logo{font-size:var(--font-size-xl)}.search-container.active .search-input{width:150px;font-size:var(--font-size-xs)}}.footer{background:linear-gradient(to top,var(--bg-primary) 0%,var(--bg-secondary) 100%);border-top:1px solid var(--bg-hover);padding:var(--spacing-3xl) 0 var(--spacing-xl);margin-top:var(--spacing-3xl)}.footer-container{max-width:var(--container-max-width)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.footer-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.footer-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--primary-color);margin-bottom:var(--spacing-sm)}.footer-description{color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-md)}.social-links{display:flex;gap:var(--spacing-md)}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--bg-tertiary);border-radius:var(--radius-full);color:var(--text-primary);font-size:var(--font-size-lg);transition:all var(--transition-normal)}.social-link:hover{background-color:var(--primary-color);transform:translateY(-3px)}.footer-heading{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.footer-links{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--primary-color)}.footer-bottom{padding-top:var(--spacing-xl);border-top:1px solid var(--bg-hover);text-align:center}.copyright,.powered-by{color:var(--text-muted);font-size:var(--font-size-sm);margin:var(--spacing-sm) 0}.powered-by a{color:var(--primary-color);text-decoration:none;font-weight:var(--font-weight-semibold)}.powered-by a:hover{text-decoration:underline}@media(max-width:1024px){.footer-content{grid-template-columns:1fr 1fr}}@media(max-width:768px){.footer{padding:var(--spacing-2xl) 0 var(--spacing-lg)}.footer-content{grid-template-columns:1fr;gap:var(--spacing-xl)}.footer-section:first-child{text-align:center}.social-links{justify-content:center}}.content-carousel{margin:var(--spacing-2xl) 0}.carousel-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg);color:var(--text-primary)}.carousel-container{position:relative}.carousel-scroll{display:flex;gap:var(--spacing-md);overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:var(--spacing-sm) 0}.carousel-scroll::-webkit-scrollbar{display:none}.carousel-card{flex:0 0 180px;text-decoration:none;color:inherit;transition:transform var(--transition-normal)}.carousel-card:hover{transform:scale(1.05);z-index:10}.carousel-card-image{position:relative;width:180px;height:270px;border-radius:var(--radius-lg);overflow:hidden;background-color:var(--bg-tertiary)}.carousel-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.carousel-card:hover .carousel-card-image img{transform:scale(1.1)}.carousel-card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);opacity:0;transition:opacity var(--transition-normal);display:flex;align-items:flex-end;padding:var(--spacing-md)}.carousel-card:hover .carousel-card-overlay{opacity:1}.card-rating{background-color:#000000e6;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.carousel-card-info{padding:var(--spacing-sm) 0}.card-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-xs);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;max-height:2.6em}.card-year{font-size:var(--font-size-xs);color:var(--text-muted)}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background-color:#000000b3;border:none;border-radius:var(--radius-full);color:var(--text-primary);font-size:var(--font-size-xl);cursor:pointer;z-index:10;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;opacity:0}.carousel-container:hover .carousel-nav{opacity:1}.carousel-nav:hover{background-color:#e50914e6;transform:translateY(-50%) scale(1.1)}.carousel-nav-left{left:-25px}.carousel-nav-right{right:-25px}@media(max-width:768px){.carousel-card{flex:0 0 150px}.carousel-nav{display:none}}.progress-bar-container{display:flex;align-items:center;gap:.5rem;width:100%}.progress-bar-track{flex:1;background-color:#fff3;border-radius:2px;overflow:hidden;position:relative}.progress-bar-fill{background:linear-gradient(90deg,#e50914,#ff1a1a);border-radius:2px;transition:width .3s ease;box-shadow:0 0 8px #e5091480}.progress-percentage{font-size:.75rem;font-weight:600;color:#fffc;min-width:35px;text-align:right}.continue-watching-section{margin:var(--spacing-3xl) 0;padding:var(--spacing-2xl) 0}.section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xl);color:var(--text-primary)}.continue-watching-grid{display:flex;gap:var(--spacing-lg);overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--primary-color) var(--bg-tertiary);padding:var(--spacing-md) 0;-webkit-overflow-scrolling:touch}.continue-watching-grid::-webkit-scrollbar{height:8px}.continue-watching-grid::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:var(--radius-full)}.continue-watching-grid::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:var(--radius-full)}.continue-watching-grid::-webkit-scrollbar-thumb:hover{background:#ff1a1a}.continue-watching-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;background-color:var(--bg-secondary);transition:transform var(--transition-normal),box-shadow var(--transition-normal);cursor:pointer;text-decoration:none;color:inherit;min-width:180px;width:180px;flex-shrink:0}.continue-watching-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #0009}.card-image{position:relative;width:100%;aspect-ratio:2/3;overflow:hidden;background-color:var(--bg-tertiary)}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.continue-watching-card:hover .card-image img{transform:scale(1.1)}.card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-normal)}.continue-watching-card:hover .card-overlay{opacity:1}.play-button{width:60px;height:60px;border-radius:var(--radius-full);background-color:var(--primary-color);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);color:var(--text-primary);transition:transform var(--transition-fast)}.continue-watching-card:hover .play-button{transform:scale(1.1)}.progress-overlay{position:absolute;bottom:0;left:0;right:0;padding:0;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);padding-top:2rem}.card-info{padding:var(--spacing-lg)}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-xs);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.episode-info{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-semibold)}.card-meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);color:var(--text-muted)}.time-remaining{display:flex;align-items:center;gap:.25rem}.progress-text{font-weight:var(--font-weight-semibold);color:var(--primary-color)}@media(max-width:768px){.continue-watching-grid{gap:var(--spacing-md)}.continue-watching-card{min-width:140px;width:140px}}.home-page{min-height:100vh}.hero-carousel{position:relative;height:85vh;min-height:600px;overflow:hidden;margin-bottom:var(--spacing-3xl)}.hero-slide{position:relative;width:100%;height:100%}.hero-background{position:absolute;inset:0}.hero-background img{width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(0,0,0,.9) 0%,rgba(0,0,0,.6) 50%,transparent 100%)}.hero-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;max-width:600px}.hero-title{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);text-shadow:2px 2px 8px rgba(0,0,0,.8)}.hero-meta{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.hero-rating{color:var(--accent-color)}.hero-overview{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--text-secondary);margin-bottom:var(--spacing-2xl);max-width:500px;text-shadow:1px 1px 4px rgba(0,0,0,.8);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.hero-actions{display:flex;gap:var(--spacing-md)}.hero-nav{position:absolute;top:50%;transform:translateY(-50%);width:60px;height:60px;background-color:#00000080;border:none;border-radius:var(--radius-full);color:var(--text-primary);font-size:var(--font-size-2xl);cursor:pointer;z-index:10;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.hero-nav:hover{background-color:var(--primary-color);transform:translateY(-50%) scale(1.1)}.hero-nav-left{left:var(--spacing-xl)}.hero-nav-right{right:var(--spacing-xl)}.hero-indicators{position:absolute;bottom:var(--spacing-2xl);left:50%;transform:translate(-50%);display:flex;gap:var(--spacing-sm);z-index:10}.indicator{width:12px;height:12px;border-radius:var(--radius-full);background-color:#ffffff80;border:none;cursor:pointer;transition:all var(--transition-fast)}.indicator.active{background-color:var(--primary-color);width:30px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-md)}.section-header h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.filter-buttons,.platform-buttons,.genre-buttons{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.filter-btn,.platform-btn,.genre-btn{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--bg-tertiary);border:2px solid transparent;border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap}.filter-btn:hover,.platform-btn:hover,.genre-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.filter-btn.active,.platform-btn.active,.genre-btn.active{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--text-primary)}.trending-section,.platform-section,.genre-section{margin:var(--spacing-3xl) 0}.section-loading{min-height:300px;display:flex;align-items:center;justify-content:center}@media(max-width:768px){.hero-carousel{height:70vh;min-height:500px}.hero-title{font-size:var(--font-size-3xl)}.hero-overview{font-size:var(--font-size-base);-webkit-line-clamp:2}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.hero-nav{width:40px;height:40px;font-size:var(--font-size-lg)}.hero-nav-left{left:var(--spacing-sm)}.hero-nav-right{right:var(--spacing-sm)}.section-header{flex-direction:column;align-items:flex-start}.filter-buttons,.platform-buttons,.genre-buttons{overflow-x:auto;width:100%;scrollbar-width:none}.filter-buttons::-webkit-scrollbar,.platform-buttons::-webkit-scrollbar,.genre-buttons::-webkit-scrollbar{display:none}}.movies-page{min-height:100vh;padding:var(--spacing-2xl) 0}.page-header{margin-bottom:var(--spacing-2xl);text-align:center}.page-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-description{font-size:var(--font-size-lg);color:var(--text-secondary)}.filters-section{margin-bottom:var(--spacing-2xl)}.category-filters{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap;justify-content:center}.filter-btn{padding:var(--spacing-md) var(--spacing-xl);background-color:var(--bg-tertiary);border:2px solid transparent;border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal)}.filter-btn:hover{background-color:var(--bg-hover);color:var(--text-primary);transform:translateY(-2px)}.filter-btn.active{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--text-primary)}.genre-filters{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;justify-content:center;max-width:1000px;margin:0 auto}.genre-chip{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--bg-card);border:1px solid var(--bg-hover);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.genre-chip:hover{background-color:var(--bg-hover);color:var(--text-primary);border-color:var(--text-muted)}.genre-chip.active{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--text-primary)}.movies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.movie-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal);cursor:pointer;text-decoration:none;color:inherit}.movie-poster{position:relative;width:100%;aspect-ratio:2/3;overflow:hidden;background-color:var(--bg-tertiary);border-radius:var(--radius-lg)}.movie-poster img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.movie-card:hover .movie-poster img{transform:scale(1.1)}.movie-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);opacity:0;transition:opacity var(--transition-normal);display:flex;align-items:flex-end;padding:var(--spacing-md)}.movie-card:hover .movie-overlay{opacity:1}.movie-rating{background-color:#000c;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.movie-info{padding:var(--spacing-md) 0}.movie-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.movie-year{font-size:var(--font-size-sm);color:var(--text-muted);margin:0}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xl);margin-top:var(--spacing-2xl)}.pagination-btn{padding:var(--spacing-md) var(--spacing-xl);background-color:var(--bg-tertiary);border:2px solid var(--bg-hover);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal)}.pagination-btn:hover:not(:disabled){background-color:var(--primary-color);border-color:var(--primary-color);transform:translateY(-2px)}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-info{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.current-page{color:var(--primary-color);font-size:var(--font-size-2xl)}.page-separator{color:var(--text-muted)}.total-pages{color:var(--text-secondary)}@media(max-width:1024px){.movies-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media(max-width:768px){.movies-page{padding:var(--spacing-xl) 0}.page-title{font-size:var(--font-size-3xl)}.page-description{font-size:var(--font-size-base)}.category-filters{justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.category-filters::-webkit-scrollbar{display:none}.filter-btn{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);white-space:nowrap}.genre-filters{justify-content:flex-start}.movies-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-md)}.pagination{gap:var(--spacing-md)}.pagination-btn{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}}@media(max-width:480px){.movies-grid{grid-template-columns:repeat(2,1fr)}.pagination-info{font-size:var(--font-size-base)}.current-page{font-size:var(--font-size-xl)}}.tv-shows-page{min-height:100vh;padding:var(--spacing-2xl) 0}.tv-shows-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.tv-show-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal);cursor:pointer;text-decoration:none;color:inherit}.tv-show-poster{position:relative;width:100%;aspect-ratio:2/3;overflow:hidden;background-color:var(--bg-tertiary);border-radius:var(--radius-lg)}.tv-show-poster img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.tv-show-card:hover .tv-show-poster img{transform:scale(1.1)}.tv-show-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);opacity:0;transition:opacity var(--transition-normal);display:flex;align-items:flex-end;padding:var(--spacing-md)}.tv-show-card:hover .tv-show-overlay{opacity:1}.tv-show-rating{background-color:#000c;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.tv-show-info{padding:var(--spacing-md) 0}.tv-show-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tv-show-year{font-size:var(--font-size-sm);color:var(--text-muted);margin:0}@media(max-width:1024px){.tv-shows-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media(max-width:768px){.tv-shows-page{padding:var(--spacing-xl) 0}.tv-shows-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-md)}}@media(max-width:480px){.tv-shows-grid{grid-template-columns:repeat(2,1fr)}}.content-detail{min-height:100vh}.backdrop-section{position:relative;height:85vh;min-height:600px;overflow:hidden}.backdrop-image{position:absolute;inset:0}.backdrop-image img{width:100%;height:100%;object-fit:cover}.backdrop-overlay{position:absolute;inset:0;background:linear-gradient(to top,#0a0a0a,#0a0a0acc,#0a0a0a66)}.content-info-overlay{position:relative;z-index:2;height:100%;display:flex;align-items:flex-end;padding-bottom:var(--spacing-3xl)}.content-main-info{max-width:700px}.content-title{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg);text-shadow:2px 2px 8px rgba(0,0,0,.8)}.content-meta{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.content-meta span{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.rating{color:var(--accent-color)}.genres{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.genre-badge{padding:var(--spacing-xs) var(--spacing-md);background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.overview{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--text-secondary);margin-bottom:var(--spacing-2xl);text-shadow:1px 1px 4px rgba(0,0,0,.8)}.action-buttons{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.action-buttons .btn{display:flex;align-items:center;gap:var(--spacing-sm)}.btn.in-list{background-color:var(--bg-tertiary);border-color:var(--primary-color)}.episodes-section{background-color:var(--bg-secondary);padding-left:20px;border-radius:20px;padding-top:20px;padding-bottom:5px}.episodes-section h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xl)}.season-buttons{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl);flex-wrap:wrap}.season-btn{padding:var(--spacing-md) var(--spacing-xl);background-color:var(--bg-tertiary);border:2px solid transparent;border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal)}.season-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.season-btn.active{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--text-primary)}.episodes-grid{display:flex;gap:var(--spacing-lg);overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--primary-color) var(--bg-tertiary);padding:var(--spacing-md) 0}.episodes-loading{width:100%;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg)}.episodes-loading p{color:var(--text-secondary);font-size:var(--font-size-lg)}.episodes-grid::-webkit-scrollbar{height:8px}.episodes-grid::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:var(--radius-full)}.episodes-grid::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:var(--radius-full)}.episodes-grid::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.episode-card{flex:0 0 320px;background-color:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition-normal);border:2px solid transparent}.episode-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--bg-hover)}.episode-card.selected{border-color:var(--primary-color);box-shadow:0 0 0 2px #e509144d}.episode-thumbnail{position:relative;width:100%;aspect-ratio:16/9;background-color:var(--bg-tertiary);overflow:hidden}.episode-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.episode-card:hover .episode-thumbnail img{transform:scale(1.05)}.episode-number-badge{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);background-color:#000c;color:var(--text-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.play-overlay{position:absolute;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-normal)}.play-overlay svg{font-size:3rem;color:var(--text-primary);filter:drop-shadow(0 2px 8px rgba(0,0,0,.8))}.episode-card:hover .play-overlay{opacity:1}.episode-info-card{padding:var(--spacing-md)}.episode-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.episode-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);flex:1;line-height:var(--line-height-tight);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.episode-runtime{font-size:var(--font-size-xs);color:var(--text-muted);white-space:nowrap}.episode-overview{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-xs);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.episode-air-date{font-size:var(--font-size-xs);color:var(--text-muted);margin:0}.no-episodes{width:100%;text-align:center;padding:var(--spacing-3xl);color:var(--text-secondary)}.trailer-section{padding:var(--spacing-2xl) 0}.trailer-container{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--radius-lg);margin-top:var(--spacing-lg)}.trailer-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.cast-section{padding:var(--spacing-2xl) 0}.cast-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.cast-card{text-align:center;cursor:pointer;transition:transform var(--transition-normal)}.cast-card:hover{transform:translateY(-5px)}.cast-image{width:100%;aspect-ratio:2/3;border-radius:var(--radius-lg);overflow:hidden;background-color:var(--bg-tertiary);margin-bottom:var(--spacing-sm)}.cast-image img{width:100%;height:100%;object-fit:cover}.cast-name{font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.cast-character{font-size:var(--font-size-sm);color:var(--text-muted)}.similar-section{padding:var(--spacing-2xl) 0}.similar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.similar-card{cursor:pointer;border-radius:var(--radius-lg);overflow:hidden;background-color:var(--bg-card)}.similar-card img{width:100%;aspect-ratio:2/3;object-fit:cover;transition:transform var(--transition-normal)}.similar-card:hover img{transform:scale(1.05)}.similar-info{padding:var(--spacing-md)}.similar-title{font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.similar-rating{font-size:var(--font-size-sm);color:var(--text-secondary)}.quality-modal,.download-modal{max-width:600px;padding:var(--spacing-2xl)}.quality-modal h2,.download-modal h2{margin-bottom:var(--spacing-lg);text-align:center}.modal-description{text-align:center;color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.quality-options h3{font-size:var(--font-size-lg);margin:var(--spacing-xl) 0 var(--spacing-md);color:var(--text-primary)}.option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.option-btn{padding:var(--spacing-lg);background-color:var(--bg-tertiary);border:2px solid var(--bg-hover);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal);display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.option-btn:hover{background-color:var(--primary-color);border-color:var(--primary-color);transform:translateY(-2px)}.quality-label{font-size:var(--font-size-lg)}.quality-desc{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-normal)}.download-options{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.download-btn{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);background-color:var(--bg-tertiary);border:2px solid var(--bg-hover);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-normal)}.download-btn:hover{background-color:var(--primary-color);border-color:var(--primary-color);transform:translate(5px)}.download-info{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.download-quality{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.download-size{font-size:var(--font-size-sm);color:var(--text-secondary)}@media(max-width:768px){.backdrop-section{height:70vh;min-height:500px}.content-title{font-size:var(--font-size-3xl)}.overview{font-size:var(--font-size-base)}.action-buttons{flex-direction:column}.action-buttons .btn{width:100%}.season-episode-controls{flex-direction:column}.control-group{max-width:100%}.cast-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.similar-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.episode-card{flex:0 0 280px}.season-buttons{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.season-buttons::-webkit-scrollbar{display:none}.season-btn{white-space:nowrap}}.watch-page{min-height:100vh;background-color:#000;color:var(--text-primary)}.watch-topbar{position:fixed;top:0;left:0;right:0;height:60px;background:linear-gradient(180deg,rgba(0,0,0,.9) 0%,transparent 100%);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-xl);z-index:var(--z-sticky);transition:opacity var(--transition-normal)}.back-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background-color:#ffffff1a;border:none;border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast)}.back-btn:hover{background-color:#fff3}.watch-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);text-align:center;flex:1}.resume-indicator{padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg,#e50914,#b20710);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#fff;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.watch-controls{display:flex;gap:var(--spacing-md)}.control-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#ffffff1a;border:none;border-radius:var(--radius-full);color:var(--text-primary);font-size:var(--font-size-lg);cursor:pointer;transition:all var(--transition-fast)}.control-btn:hover{background-color:var(--primary-color);transform:scale(1.1)}.player-container{position:relative;width:100%;height:100vh;background-color:#000}.video-player{width:100%;height:100%;border:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;pointer-events:auto}@media(max-width:768px){.video-player{touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}}.buffering-overlay{position:absolute;inset:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;pointer-events:none}.buffering-spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.2);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}@keyframes spin{to{transform:rotate(360deg)}}.buffering-overlay p{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.content-info-section{padding:var(--spacing-3xl) 0;background-color:var(--bg-primary)}.info-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-2xl)}.info-main h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.episode-title{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.info-overview{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.info-meta{display:flex;flex-direction:column;gap:var(--spacing-md)}.meta-item{display:flex;gap:var(--spacing-sm)}.meta-label{font-weight:var(--font-weight-semibold);color:var(--text-muted);min-width:80px}.meta-value{color:var(--text-primary)}.info-sidebar{background-color:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xl);height:fit-content}.guest-notice{background:linear-gradient(135deg,#e509141a,#ffa5001a);border:1px solid var(--primary-color);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);text-align:center}.guest-notice p{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary)}.guest-notice strong{color:var(--text-primary);font-weight:var(--font-weight-bold)}.guest-notice a{text-decoration:underline;transition:color var(--transition-fast)}.guest-notice a:hover{color:var(--accent-color)}.player-info h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--primary-color)}.info-note{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-md);line-height:var(--line-height-relaxed)}.info-note.success{color:#4caf50;font-weight:var(--font-weight-semibold)}.progress-info{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--bg-hover)}.btn-sm{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);margin-top:var(--spacing-sm)}.feature-list{list-style:none;padding:0;margin:var(--spacing-md) 0}.feature-list li{padding:var(--spacing-sm) 0;color:var(--text-primary);font-size:var(--font-size-base);border-bottom:1px solid var(--bg-hover)}.feature-list li:last-child{border-bottom:none}@media(max-width:1024px){.info-grid{grid-template-columns:1fr}.info-sidebar{order:-1}}@media(max-width:768px){.watch-topbar{padding:0 var(--spacing-md);height:50px}.watch-title{font-size:var(--font-size-base)}.player-container{height:auto;min-height:56.25vw;max-height:70vh}.video-player{width:100%;height:100%;min-height:56.25vw}.player-bottom-controls{flex-wrap:wrap;gap:var(--spacing-sm)}.player-control-btn{min-width:60px;padding:var(--spacing-sm);font-size:var(--font-size-xs)}.settings-panel{right:var(--spacing-md);left:var(--spacing-md);width:auto;bottom:100px}.content-info-section{padding:var(--spacing-xl) 0}.info-main h2{font-size:var(--font-size-2xl)}.resume-indicator{display:none}.back-btn{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm)}}.player-container:fullscreen{background-color:#000}.player-container:fullscreen .video-player{width:100%;height:100%}.settings-options::-webkit-scrollbar{width:6px}.settings-options::-webkit-scrollbar-track{background:#ffffff0d;border-radius:var(--radius-full)}.settings-options::-webkit-scrollbar-thumb{background:#fff3;border-radius:var(--radius-full)}.settings-options::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.search-page{min-height:100vh;padding:3rem 0}.search-header{margin-bottom:3rem;padding-top:2rem}.search-title{font-size:3rem;font-weight:700;margin-bottom:2rem;text-align:center;background:linear-gradient(135deg,#e50914,#b20710);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.search-box{position:relative;max-width:900px;margin:0 auto 2rem}.search-box-icon{position:absolute;left:2rem;top:50%;transform:translateY(-50%);color:#fff;font-size:1.5rem;opacity:.7;pointer-events:none;z-index:10}.search-box-input{width:100%;padding:1.5rem 4rem 1.5rem 5rem;background-color:#2a2a2a;border:3px solid #444;border-radius:50px;color:#fff;font-size:1.25rem;font-weight:500;transition:all .3s ease}.search-box-input::placeholder{color:#ffffff80}.search-box-input:hover{border-color:#666}.search-box-input:focus{outline:none;border-color:#e50914;background-color:#333;box-shadow:0 0 0 4px #e5091433}.search-box-clear{position:absolute;right:2rem;top:50%;transform:translateY(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;font-size:1.125rem;cursor:pointer;transition:all .2s ease;z-index:10}.search-box-clear:hover{background-color:#e50914;border-color:#e50914;transform:translateY(-50%) scale(1.1)}.filter-tabs{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.filter-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#1a1a1a;border:2px solid transparent;border-radius:50px;color:#ffffffb3;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.filter-tab:hover{background-color:#2a2a2a;color:#fff}.filter-tab.active{background-color:#e50914;border-color:#e50914;color:#fff}.search-results{min-height:400px}.results-info{margin-bottom:2rem;text-align:center}.results-info p{font-size:1.125rem;color:#ffffffb3}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem}.result-card{position:relative;border-radius:12px;overflow:hidden;transition:transform .3s ease;cursor:pointer;text-decoration:none;color:inherit;background-color:#1a1a1a}.result-card:hover{transform:translateY(-8px)}.result-poster{position:relative;width:100%;aspect-ratio:2/3;overflow:hidden;background-color:#2a2a2a}.result-poster img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.result-card:hover .result-poster img{transform:scale(1.1)}.result-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);opacity:0;transition:opacity .3s ease;display:flex;flex-direction:column;justify-content:space-between;padding:1rem}.result-card:hover .result-overlay{opacity:1}.result-type{display:flex;align-items:center;gap:.5rem;background-color:#000c;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;width:fit-content}.result-rating{background-color:#000c;padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:600;width:fit-content}.result-info{padding:1rem}.result-title{font-size:1rem;font-weight:600;color:#fff;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.result-year{font-size:.875rem;color:#ffffff80}.no-results{text-align:center;padding:4rem 0}.no-results-icon{font-size:5rem;margin-bottom:1.5rem;opacity:.5}.no-results h2{font-size:2rem;font-weight:700;margin-bottom:1rem;color:#fff}.no-results p{font-size:1.125rem;color:#ffffffb3}.search-placeholder{text-align:center;padding:4rem 0}.placeholder-icon{font-size:8rem;margin-bottom:2rem;opacity:.3}.search-placeholder h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#fff}.search-placeholder p{font-size:1.25rem;color:#ffffffb3}@media(max-width:768px){.search-page{padding:2rem 0}.search-title{font-size:2rem}.search-box-input{font-size:1rem;padding:1.25rem 3.5rem 1.25rem 4rem}.search-box-icon{left:1.5rem;font-size:1.25rem}.search-box-clear{right:1.5rem}.filter-tabs{overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.filter-tabs::-webkit-scrollbar{display:none}.filter-tab{white-space:nowrap}.results-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.placeholder-icon{font-size:5rem}.search-placeholder h2{font-size:1.75rem}}.my-list-page{min-height:100vh;padding-top:var(--spacing-3xl);padding-bottom:var(--spacing-3xl)}.page-header{margin-bottom:var(--spacing-2xl)}.page-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary)}.filter-tabs{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl);border-bottom:2px solid var(--bg-tertiary);padding-bottom:var(--spacing-xs)}.tab-btn{padding:var(--spacing-md) var(--spacing-xl);background:transparent;border:none;color:var(--text-secondary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal);position:relative}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--primary-color)}.tab-btn.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--primary-color)}.empty-state{text-align:center;padding:var(--spacing-5xl) var(--spacing-2xl)}.empty-message{font-size:var(--font-size-xl);color:var(--text-secondary)}.watchlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-xl)}.watchlist-card{background-color:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.watchlist-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.card-image{position:relative;width:100%;aspect-ratio:2/3;overflow:hidden;cursor:pointer;background-color:var(--bg-tertiary)}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.watchlist-card:hover .card-image img{transform:scale(1.05)}.card-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-normal)}.watchlist-card:hover .card-overlay{opacity:1}.play-btn{width:60px;height:60px;border-radius:50%;background-color:var(--primary-color);border:none;color:var(--text-primary);font-size:var(--font-size-2xl);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal)}.play-btn:hover{background-color:var(--accent-color);transform:scale(1.1)}.card-info{padding:var(--spacing-md)}.card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-meta{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-md);flex-wrap:wrap}.card-rating{color:var(--accent-color)}.card-type{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--bg-tertiary);border-radius:var(--radius-full);font-size:var(--font-size-xs)}.remove-btn{width:100%;padding:var(--spacing-sm) var(--spacing-md);background-color:#e509141a;border:1px solid var(--primary-color);border-radius:var(--radius-md);color:var(--primary-color);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.remove-btn:hover{background-color:var(--primary-color);color:var(--text-primary)}@media(max-width:768px){.page-title{font-size:var(--font-size-3xl)}.watchlist-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-md)}.filter-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.filter-tabs::-webkit-scrollbar{display:none}.tab-btn{white-space:nowrap;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base)}}.profile-page{min-height:80vh;padding:3rem 0}.profile-header{text-align:center;margin-bottom:3rem}.profile-avatar{width:100px;height:100px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#e50914,#b20710);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#fff}.profile-header h1{font-size:2.5rem;font-weight:700;color:#fff}.profile-content{max-width:800px;margin:0 auto}.profile-section{background-color:var(--bg-secondary);border-radius:var(--radius-lg);padding:2rem;margin-bottom:2rem}.profile-section h2{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--primary-color);color:#fff}.info-grid{display:grid;gap:1.5rem}.info-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background-color:var(--bg-tertiary);border-radius:var(--radius-md)}.info-icon{font-size:1.5rem;color:var(--primary-color);margin-top:.25rem}.info-item label{display:block;font-size:.875rem;color:var(--text-muted);margin-bottom:.25rem;font-weight:600}.info-item p{font-size:1rem;color:#fff;margin:0}.user-id{font-family:monospace;font-size:.875rem!important;color:var(--text-secondary)!important}.actions-grid{display:grid;gap:1rem}.btn-block{width:100%;justify-content:center}.btn-danger{background-color:#dc3545;color:#fff;border:none}.btn-danger:hover{background-color:#c82333}.features-list{list-style:none;padding:0;margin:0}.features-list li{padding:.75rem 0;font-size:1rem;color:var(--text-secondary);border-bottom:1px solid var(--bg-hover)}.features-list li:last-child{border-bottom:none}.profile-card{max-width:500px;margin:3rem auto;background-color:var(--bg-secondary);border-radius:var(--radius-lg);padding:3rem;text-align:center}.profile-card h1{font-size:2rem;margin-bottom:1rem;color:#fff}.profile-card p{color:var(--text-secondary);margin-bottom:2rem}@media(max-width:768px){.profile-page{padding:2rem 0}.profile-header h1{font-size:2rem}.profile-section{padding:1.5rem}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);padding:2rem}.auth-container{width:100%;max-width:450px}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{display:inline-flex;align-items:center;gap:.75rem;font-size:2rem;font-weight:700;color:#fff;text-decoration:none;transition:transform .2s ease}.auth-logo:hover{transform:scale(1.05)}.auth-logo .logo-icon{color:#e50914;font-size:1.75rem}.auth-logo .logo-accent{color:#e50914}.auth-card{background:#1e1e1ef2;border-radius:16px;padding:3rem 2.5rem;box-shadow:0 20px 60px #00000080;border:1px solid rgba(255,255,255,.1)}.auth-card h1{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:#fff}.auth-subtitle{color:#ffffffb3;margin-bottom:2rem;font-size:1rem}.auth-error{background-color:#e509141a;border:2px solid #e50914;border-radius:8px;padding:1rem;margin-bottom:1.5rem;color:#ff6b6b;font-size:.9rem}.auth-form,.form-group{margin-bottom:1.5rem}.form-group label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:#ffffffe6;margin-bottom:.5rem}.form-group input{width:100%;padding:1rem 1.25rem;background-color:#282828;border:2px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1rem;transition:all .2s ease}.form-group input::placeholder{color:#fff6}.form-group input:focus{outline:none;border-color:#e50914;background-color:#323232;box-shadow:0 0 0 3px #e509141a}.btn-block{width:100%;margin-top:.5rem}.btn-block:disabled{opacity:.6;cursor:not-allowed}.auth-footer{text-align:center;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.auth-footer p{color:#ffffffb3;font-size:.95rem}.auth-footer a{color:#e50914;text-decoration:none;font-weight:600;transition:color .2s ease}.auth-footer a:hover{color:#ff1a1a;text-decoration:underline}.success-message{text-align:center;padding:2rem 0}.success-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#fff;animation:scaleIn .3s ease}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.success-message h2{font-size:1.75rem;margin-bottom:1rem;color:#fff}.success-message p{color:#ffffffb3;margin-bottom:.5rem}.redirect-text{color:#e50914!important;font-weight:600;margin-top:1rem!important}@media(max-width:768px){.auth-page{padding:1rem}.auth-card{padding:2rem 1.5rem}.auth-card h1{font-size:1.75rem}}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding-top:var(--navbar-height)}