:root{--primary-bg: #141414;--secondary-bg: #1e1e1e;--text-color: #f5f5f5;--accent-color: #e50914;--card-hover-scale: 1.05;--bg-header: rgba(20, 20, 20, .541)}body{background-color:var(--primary-bg);color:var(--text-color);font-family:Inter,sans-serif;overflow-x:hidden}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#1a1a2e;display:flex;justify-content:center;align-items:center;z-index:9999;opacity:1;transition:opacity .5s ease-out}.loading-overlay.exiting{opacity:0;pointer-events:none}.loading-content{text-align:center;color:#fff}.spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#e94560;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}.navbar{background-color:var(--bg-header);border-bottom:1px solid var(--secondary-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000}.dropdown-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--secondary-bg)}.dropdown-menu .dropdown-item{color:#fff}.dropdown-menu .dropdown-item:hover{background-color:var(--accent-color)}.navbar-brand img{height:40px}.nav-link{color:var(--text-color)!important;transition:color .3s ease}.nav-link:hover{color:var(--accent-color)!important}.basic-navbar-nav{display:none}.bi-list{color:#fff;font-size:1.5rem}.carousel-item img{border-radius:10px;object-fit:cover;height:400px}@media (min-width: 992px){.carousel-item img{height:550px}}.carousel-indicators [data-bs-target]{background-color:var(--text-color)}.carousel-indicators .active{background-color:var(--accent-color)}#movie-grid{padding-top:50px;padding-bottom:50px}.card{background-color:var(--secondary-bg);border:none;border-radius:10px;box-shadow:0 4px 8px #0000004d;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.card:hover{transform:scale(var(--card-hover-scale));box-shadow:0 8px 16px #00000080}.card-img-top{border-top-left-radius:10px;border-top-right-radius:10px}.card-body{padding:1.25rem}.card-title{color:var(--text-color)}.card-text{color:#b3b3b3;font-size:.9rem}.movie-detail{background-color:#212529;color:#f8f9fa}.movie-detail-bg{position:relative;height:100dvh;background-size:cover;background-position:center;box-shadow:inset 0 -50px 30px #000c}.movie-detail-overlay{position:absolute;bottom:0;left:0;right:0;padding:20px;background-color:#0009}.footer{background-color:var(--primary-bg);border-top:1px solid var(--secondary-bg)}.card-thumbnail{width:10rem;height:18rem;border-radius:.5rem;transition:transform .3s ease}.card-thumbnail-img{border-radius:.5rem;height:14rem;object-fit:cover}.card-thumbnail-title{font-size:.875rem;margin-bottom:.25rem}.back-overview{background-color:#00000057;border:rgba(255,255,255,.144) 1px solid;padding:15px;border-radius:10px;width:fit-content;margin:auto;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.scroll-container{overflow-x:scroll;white-space:nowrap;padding-bottom:1rem;-webkit-overflow-scrolling:touch}.scroll-container::-webkit-scrollbar{display:none}.scroll-container{-ms-overflow-style:none;scrollbar-width:none}.movie-card-wrapper{flex-shrink:0;margin-right:1rem}.movie-card-wrapper:last-child{margin-right:0}.movie-card-wrapper:hover .card{transform:scale(1.05)}.text-sm{font-size:.875rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}