.navbar{align-items:center;background-color:var(--dark-color);box-shadow:0 2px 5px #0003;color:#fff;display:flex;justify-content:space-between;padding:1rem 2rem}.navbar-logo{color:#fff;font-size:1.5rem;font-weight:700}.navbar-links{display:flex;gap:1.5rem}.navbar-links li{position:relative}.navbar-links .dropdown-toggle,.navbar-links a{color:#fff;cursor:pointer;padding:.5rem;transition:color .2s ease-in-out}.navbar-links .dropdown-toggle:hover,.navbar-links a:hover{color:var(--primary-color)}.navbar-links a.active{border-bottom:2px solid var(--primary-color);font-weight:700}.dropdown-toggle{-webkit-user-select:none;user-select:none}.dropdown-menu{animation:fadeIn .2s ease-out;background-color:var(--dark-color);border-radius:0 0 5px 5px;box-shadow:0 4px 8px #0000004d;left:0;min-width:180px;position:absolute;top:100%;z-index:1000}.dropdown-menu li a{color:#fff;display:block;padding:.75rem 1rem;white-space:nowrap}.dropdown-menu li a:hover{background-color:var(--primary-color);color:#fff}.footer{background-color:var(--dark-color);color:#aaa;font-size:.9rem;margin-top:2rem;padding:1.5rem;text-align:center}.homepage-hero{background-color:var(--bg-color);border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:4rem 2rem;text-align:center}.homepage-hero h1{color:var(--dark-color);font-size:2.8rem;margin-bottom:.5rem}.homepage-hero p{color:#555;font-size:1.2rem;margin-bottom:2rem}.hero-button{background-color:var(--primary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.75rem 1.5rem;transition:background-color .2s}.hero-button:hover{background-color:#0a58a0}.homepage-content{margin-top:3rem}.homepage-content h2{color:var(--dark-color);font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.content-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.card-placeholder{align-items:center;background-color:var(--bg-color);border-radius:8px;box-shadow:0 2px 5px #0000001a;display:flex;font-size:1.1rem;justify-content:center;min-height:150px;padding:1.5rem;text-align:center}.search-bar{border:1px solid #0000;border-radius:50px;box-shadow:0 5px 15px #00000014;display:flex;margin:1.5rem auto 2.5rem;max-width:600px;overflow:hidden;transition:all .3s ease;width:100%}.search-bar:focus-within{border-color:var(--primary-color);box-shadow:0 5px 20px #0a74da33}.search-bar label{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.search-bar input{background:#0000;border:none;color:var(--text-color);flex:1 1;font-size:1rem;font-weight:500;outline:none;padding:.9rem 1.5rem;width:100%}.search-bar button{background-color:var(--primary-color);border:none;color:#fff;cursor:pointer;font-weight:600;padding:0 1.75rem;transition:background-color .2s ease}.search-bar button:hover{background-color:#0866c2}.media-detail-container{animation:fadeIn .5s ease-out;margin:0 auto;max-width:1200px;padding-bottom:3rem}.detail-backdrop{border-radius:0 0 12px 12px;height:450px;overflow:hidden;position:relative;width:100%}.detail-backdrop:after{background:linear-gradient(0deg,#000c,#0000001a);bottom:0;content:"";height:100%;left:0;position:absolute;width:100%}.detail-backdrop img{height:100%;object-fit:cover;object-position:center 25%;width:100%}.detail-header{align-items:flex-end;display:flex;margin:-150px 2rem 0;position:relative}.detail-poster{background:var(--light-color);border:4px solid var(--bg-color);border-radius:12px;box-shadow:0 10px 30px #0000004d;height:450px;min-width:300px;overflow:hidden;width:300px}.detail-poster img{height:100%;object-fit:cover;width:100%}.detail-header-info{margin-left:2rem;padding-bottom:1rem}.detail-title{color:#fff;font-size:3rem;font-weight:800;margin-bottom:.5rem;text-shadow:0 2px 5px #00000080}.detail-tagline{font-style:italic;margin-bottom:.5rem}.detail-meta,.detail-tagline{color:#eee;font-weight:500;text-shadow:0 1px 3px #00000080}.detail-meta{display:flex;flex-wrap:wrap;font-size:1.1rem;gap:.75rem}.detail-genres{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.genre-tag{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border-radius:20px;color:#fff;font-size:.9rem;font-weight:500;padding:.3rem .8rem}.detail-body{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr;padding:2rem}.detail-cast h3,.detail-platforms h3,.detail-seasons h3,.detail-synopsis h3{border-bottom:2px solid var(--primary-color);display:inline-block;font-size:1.8rem;font-weight:700;margin-bottom:1rem}.detail-synopsis p{font-size:1.1rem;line-height:1.7}.cast-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.cast-member{text-align:center}.cast-member img{background:var(--light-color);border-radius:8px;height:150px;margin-bottom:.5rem;object-fit:cover;object-position:center 20%;width:100%}.cast-member strong{display:block;font-size:.9rem}.cast-member span{color:#555;display:block;font-size:.8rem}.detail-seasons{padding:0 2rem 2rem}.seasons-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.season-card{background:var(--bg-color);border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;overflow:hidden;transition:transform .2s ease}.season-card:hover{transform:scale(1.05)}.season-card img{background:var(--light-color);display:block;height:195px;object-fit:cover;width:100%}.season-info{padding:.75rem}.season-info strong{display:block;font-size:1rem}.season-info span{color:#555;font-size:.9rem}.detail-ratings{display:flex;gap:1rem;margin-top:1rem}.rating-box{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border-radius:8px;color:#fff;padding:.75rem 1rem;text-align:center;text-shadow:0 1px 3px #00000080}.rating-box strong{display:block;font-size:1.5rem;font-weight:700}.rating-box span{font-size:.9rem;opacity:.8}.platform-list{display:flex;flex-wrap:wrap;gap:.5rem}.platform-tag{background:var(--light-color);border:1px solid var(--border-color);color:var(--text-color)}.media-detail-container.no-backdrop .detail-header{align-items:flex-start;margin:2rem}.media-detail-container.no-backdrop .detail-meta,.media-detail-container.no-backdrop .detail-tagline,.media-detail-container.no-backdrop .detail-title{color:var(--dark-color);text-shadow:none}.media-detail-container.no-backdrop .genre-tag{background:var(--light-color);border:1px solid var(--border-color);color:var(--text-color)}.media-detail-container.no-backdrop .rating-box{background:var(--light-color);border:1px solid var(--border-color);color:var(--dark-color);text-shadow:none}.media-detail-container.no-backdrop .detail-body{padding-top:0}:root{--primary-color:#0a74da;--dark-color:#222;--light-color:#f0f2f5;--text-color:#333;--bg-color:#fff;--border-color:#bdc1c7}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f0f2f5;background-color:var(--light-color);color:#333;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6}a{color:#0a74da;color:var(--primary-color);text-decoration:none}ul{list-style:none}main{margin:1rem auto;max-width:1200px;min-height:75vh;padding:0 1rem}.media-page-container{animation:fadeIn .5s ease-out;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.media-page-title{border-bottom:3px solid var(--primary-color);color:var(--dark-color);display:inline-block;font-size:2.5rem;font-weight:700;margin-bottom:1rem;padding-bottom:.5rem}.media-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:2rem}.media-card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 15px #00000012;cursor:pointer;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.media-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-5px)}.media-card-poster{background-color:var(--light-color);display:block;height:300px;object-fit:cover;width:100%}.media-card-title{color:var(--text-color);font-size:1.1rem;font-weight:600;overflow:hidden;padding:1rem;text-overflow:ellipsis;white-space:nowrap}
/*# sourceMappingURL=main.f85fd54b.css.map*/