@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap";:root{--netflix-red: #e50914;--netflix-red-hover: #b20710;--background-black: #141414;--gray-text: #b3b3b3;--white: #ffffff;--modal-bg: #181818;--border-radius: 4px;--transition-fast: .2s ease-in-out;--transition-normal: .3s ease-in-out}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{background-color:var(--background-black);color:var(--white);overflow-x:hidden;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;outline:none}.container{padding:0 4%}.text-red{color:var(--netflix-red)}.text-white{color:var(--white)}.text-gray{color:var(--gray-text)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.navbar{width:100%;position:fixed;top:0;z-index:999;padding:0 4%;height:68px;background:linear-gradient(to bottom,#000000b3 10%,#0000);transition:background-color var(--transition-normal);display:flex;align-items:center}.navbar.scrolled{background-color:var(--background-black)}.navbar-container{width:100%;display:flex;align-items:center;justify-content:space-between}.left{display:flex;align-items:center;gap:40px}.logo{height:25px}.nav-links{list-style:none;display:flex;gap:20px}.nav-links li a{color:var(--white);font-size:14px;transition:color var(--transition-fast)}.nav-links li a:hover{color:var(--gray-text)}.right{display:flex;align-items:center;gap:20px;color:var(--white);font-size:14px}.icon{font-size:20px;cursor:pointer}.profile{display:flex;align-items:center;cursor:pointer;position:relative}.avatar{height:32px;border-radius:4px}.dropdown{display:none;position:absolute;top:100%;right:0;background-color:#000000e6;border:1px solid #333;padding:10px;border-radius:4px;width:150px;flex-direction:column;gap:10px}.profile:hover .dropdown{display:flex}@media(max-width:900px){.nav-links{display:none}}.billboard{height:448px;position:relative;color:#fff;object-fit:contain}.billboard-contents{margin-left:30px;padding-top:140px;height:190px}.billboard-title{font-size:3rem;font-weight:800;padding-bottom:.3rem}.billboard-description{width:45rem;line-height:1.3;padding-top:1rem;font-size:.8rem;max-width:360px;height:80px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.billboard-buttons{display:flex;gap:1rem}.banner-button{cursor:pointer;color:#fff;outline:none;border:none;font-weight:700;border-radius:.2vw;padding:.5rem 2rem;background-color:#33333380;display:flex;align-items:center;gap:.5rem;transition:all .2s}.banner-button:hover{color:#000;background-color:#e6e6e6;transform:scale(1.05)}.banner-button.play{background-color:#fff;color:#000}.banner-button.play:hover{background-color:#ffffffbf}.banner-button.info{background-color:#6d6d6eb3;color:#fff}.banner-button.info:hover{background-color:#6d6d6e66;color:#fff}.billboard-fadeBottom{height:7.4rem;background-image:linear-gradient(180deg,transparent,rgba(37,37,37,.61),#111);position:absolute;bottom:0;width:100%}@media(max-width:768px){.billboard-title{font-size:2rem}.billboard-description{width:auto;max-width:300px}}.row{color:#fff;margin-left:20px}.row-posters{display:flex;overflow-y:hidden;overflow-x:scroll;padding:20px}.row-posters::-webkit-scrollbar{display:none}.row-poster{max-height:100px;object-fit:contain;margin-right:10px;width:100%;transition:transform .45s;border-radius:4px;cursor:pointer}.row-poster:hover{transform:scale(1.08)}.row-posterLarge{max-height:250px}.row-posterLarge:hover{transform:scale(1.09);opacity:1}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:2000;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s}.modal-container{background-color:#181818;width:90%;max-width:800px;border-radius:6px;overflow:hidden;position:relative;box-shadow:0 0 20px #000000e6;animation:slideUp .3s}.modal-close{position:absolute;top:15px;right:15px;background-color:#181818;width:36px;height:36px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:10;color:#fff}.modal-banner{height:400px;position:relative}.modal-banner-fade{position:absolute;bottom:0;left:0;width:100%;height:100px;background:linear-gradient(to top,#181818,transparent)}.modal-actions{position:absolute;bottom:40px;left:40px}.modal-content{padding:40px;color:#fff}.modal-title{font-size:2rem;margin-bottom:.5rem}.modal-metadata{display:flex;gap:15px;margin-bottom:1rem;font-size:1rem;color:#e5e5e5}.match-score{color:#46d369;font-weight:700}.modal-overview{line-height:1.5;font-size:1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.search-page{min-height:100vh;background-color:#141414;padding-top:100px}.search-container{padding:0 4%;margin-bottom:2rem}.search-input{width:100%;background-color:#333;border:1px solid #555;color:#fff;padding:15px 20px;font-size:1.5rem;outline:none;border-radius:4px}.search-input:focus{background-color:#444;border-color:#e50914}.search-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;padding:0 4%}.search-card{cursor:pointer;transition:transform .2s}.search-card:hover{transform:scale(1.05)}.search-card img{width:100%;border-radius:4px;object-fit:cover}.search-card p{color:#999;font-size:.9rem;margin-top:5px;text-align:center}