.banner-carousel{position:relative;width:100%;height:calc(var(--vh, 1vh) * 80);overflow:hidden}.banner-slide{top:0;left:0;background-size:cover;background-position:50%;opacity:0;transition:opacity 1s ease-in-out}.banner-slide,.overlay{position:absolute;width:100%;height:100%}.overlay{background:linear-gradient(180deg,rgba(0,0,0,.05) 0,rgba(0,0,0,.4) 35%,rgba(18,18,18,1));z-index:1}.banner-content{position:absolute;top:50%;left:5%;transform:translateY(-50%);z-index:2;max-width:90%;color:white}.banner-content h1{font-size:3rem;font-weight:700;margin-bottom:1rem}.banner-content p{font-size:1rem;color:#eee;margin-bottom:1.2rem}.banner-buttons{display:flex;gap:12px;flex-wrap:wrap}.watch-btn{background-color:#7f57f1;color:white;padding:10px 22px;font-weight:600;border-radius:6px;text-decoration:none;transition:background .2s ease}.watch-btn:hover{background-color:#a17cff}.info-btn{background-color:rgba(255,255,255,.15);color:white;padding:10px 18px;font-weight:500;border-radius:6px;border:1px solid rgba(255,255,255,.2);text-decoration:none;transition:background .2s ease,color .2s ease;cursor:pointer}.info-btn:hover{background-color:rgba(255,255,255,.25)}.rating{font-size:.95rem;color:#ffd700;display:flex;align-items:center;gap:6px;margin-bottom:1.2rem}.rating span{color:white;font-size:.9rem}.arrow{position:absolute;top:50%;transform:translateY(-50%);font-size:2rem;background:rgba(0,0,0,.4);border:none;color:white;padding:12px 16px;cursor:pointer;z-index:3;border-radius:100%;transition:background .2s ease,transform .2s ease;box-shadow:0 0 10px rgba(0,0,0,.4)}.arrow:hover{background:rgba(0,0,0,.6);transform:translateY(-50%) scale(1.05)}.arrow.left{left:20px}.arrow.right{right:20px}.banner-bottom-fade{position:absolute;bottom:-15px;left:0;width:100%;height:180px;background:linear-gradient(180deg,rgba(18,18,18,0) 0,#121212);z-index:10;pointer-events:none}@media (max-width:1024px){.banner-content h1{font-size:2.2rem}}@media (max-width:768px){.banner-carousel{height:calc(var(--vh, 1vh) * 65)}.banner-content{bottom:14%}.banner-content h1{font-size:1.8rem}.banner-content p{font-size:.9rem}.info-btn,.watch-btn{padding:8px 14px;font-size:.85rem}.rating{font-size:.85rem}.arrow{font-size:1.5rem;padding:8px 10px}.banner-bottom-fade{height:220px;bottom:-20px}}@media (max-width:480px){.banner-carousel{height:calc(var(--vh, 1vh) * 70)}.banner-content{bottom:10%;left:4%}.banner-content h1{font-size:1.5rem}.banner-content p{font-size:.8rem}.info-btn,.watch-btn{font-size:.8rem;padding:6px 12px}.rating{font-size:.75rem}.arrow{font-size:1.2rem;padding:6px 8px}.banner-bottom-fade{height:300px;bottom:-60px}}@media (orientation:landscape) and (max-height:500px){.banner-carousel{height:80vh}.banner-content h1{font-size:2rem}.info-btn,.watch-btn{padding:6px 12px}.rating{font-size:.75rem}.banner-bottom-fade{height:200px;bottom:-20px}}@keyframes zoomSlow{0%{transform:scale(1)}to{transform:scale(1.05)}}.banner-slide.active:before{content:"";position:absolute;inset:0;background-size:cover;background-position:50%;background-repeat:no-repeat;background-image:inherit;animation:zoomSlow 20s ease-in-out infinite alternate;z-index:0}.banner-slide.active{opacity:1;z-index:1}@media (max-width:768px){.scroll-buttons-mobile{display:flex!important}}.arrow,.scroll-arrow{transition:all .2s ease}.scroll-smooth::-webkit-scrollbar{display:none}.cursor-grab:active{cursor:grabbing}.noselect{user-select:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none}.movie-card{min-width:150px;max-width:150px}@media (max-width:768px){.arrow-horizontal{display:none!important}}@media (max-width:968px){.movie-card{width:calc((100vw - 4rem) / 3.3);flex:0 0 auto}.scroll-horizontal{padding-left:1rem;margin-right:-1rem}}.banner-meta{display:flex;gap:8px;margin-bottom:.5rem;flex-wrap:wrap}.badge{background-color:rgba(255,255,255,.2);color:white;padding:4px 10px;border-radius:14px;font-size:.85rem;display:inline-flex;align-items:center;gap:4px}.genres{font-size:.9rem;margin-bottom:1rem;color:#ccc;font-style:italic;max-width:90%}@media (max-width:1500px){.banner-content{left:50%;transform:translate(-50%,-50%);text-align:center;align-items:center;display:flex;flex-direction:column;width:90%}.banner-content .banner-buttons,.banner-content .banner-meta,.banner-content .genres{justify-content:center;text-align:center;width:100%}.banner-content .genres{font-size:.9rem;color:#ddd;margin-bottom:1rem}.banner-content .banner-meta{display:flex;gap:10px;margin-bottom:.6rem}}.clickable-genre{cursor:pointer;color:#ffffff;transition:color .2s ease}.clickable-genre:hover{color:#e3b9f5;text-decoration:none}.card-hover-overlay{background:linear-gradient(0deg,rgba(0,0,0,.75) 30%,transparent);border-radius:.5rem;display:flex;justify-content:flex-end;flex-direction:column;padding:16px}.card-hover-bottom{text-align:left}.card-title{font-size:.9rem;font-weight:600;color:#fff;margin-bottom:.4rem;text-shadow:0 1px 2px rgba(0,0,0,.6)}.card-badge{font-size:.75rem;padding:4px 10px;background-color:rgba(255,255,255,.15);color:white;border-radius:14px;display:inline-flex;align-items:center;gap:4px;backdrop-filter:none}.movie-card{transition:transform .3s ease}.card-watch-btn{display:inline-flex;align-items:center;gap:6px;margin-top:.6rem;background-color:#7f57f1;color:white;font-size:.8rem;font-weight:500;padding:8px 14px;border-radius:6px;text-decoration:none;transition:background .2s ease}.card-watch-btn:hover{background-color:#a17cff}@media (max-width:768px){.card-watch-btn{display:none}}.film-badge{background-color:#f44336}.film-badge,.serie-badge{color:white;padding:4px 10px;border-radius:14px;font-size:.85rem;display:inline-flex;align-items:center;gap:4px}.serie-badge{background-color:#57a3e8}.lime-badge{background-color:#9be15d;color:#222;padding:4px 10px;border-radius:14px;font-size:.85rem;display:inline-flex;align-items:center;gap:4px}.movie-card{transition:transform .3s ease,box-shadow .3s ease;overflow:hidden;border-radius:12px;position:relative}.movie-card:hover{transform:scale(1.03);box-shadow:0 8px 16px rgba(0,0,0,.3)}.movie-card img{transition:transform .3s ease,filter .3s ease;border-radius:12px}.movie-card:hover img{transform:scale(1.05);filter:brightness(1.1)}.card-hover-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.6),transparent);opacity:0;transition:opacity .3s ease;border-radius:12px}.movie-card:hover .card-hover-overlay{opacity:1}.atstream-badge{background-color:#7f57f1;color:#fff;padding:4px 10px;border-radius:14px;font-size:.85rem;display:inline-flex;align-items:center;gap:4px}