*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;color:#fff;background-color:#121212}.container{max-width:1200px;margin:0 auto}.header{margin-top:50px}.search-input{padding:15px;margin:25px 10px;width:100%;font-size:16px;border-radius:100px;border:1px solid #ccc}.filter-bar{display:flex;justify-content:right}.filter-slot{background-color:#2c2c2c;padding:0 25px;margin:10px;border-radius:50px}.filter-dropdown{padding:8px;margin:10px;border-radius:5px;background-color:#fff;color:#333}.movies-grid,.watchlist{display:grid;grid-template-columns:repeat(auto-fill,250px);gap:2rem 2rem;padding:1rem;justify-content:center}.watchlist-empty{grid-column:1 / -1;text-align:center;color:#ffffffb3}.movie-card{background-color:#272727;border-radius:8px;overflow:hidden;transition:transform .2s ease-in-out;box-shadow:0 10px 10px #00000080}.movie-card:hover{transform:scale(1.03)}.movie-card img{width:250px;height:auto;display:block;object-fit:contain;object-position:center}.movie-card-info{padding:1rem;display:flex;flex-direction:column;gap:.5rem;text-align:center}.movie-card-title{font-size:1.1rem;font-weight:700}.movie-card-rating{font-size:.9rem;font-weight:700;background:#141414;padding:3px 10px;margin:0 auto;width:50px;border-radius:50px}.movie-card-genre{font-size:.9rem;margin-right:10px}.footer{margin-top:100px;background-color:#2c2c2c;padding:1rem;text-align:center}.footer-text{color:#ffffffb3;font-size:.9rem}.rating-good{color:#94ff69}.rating-ok{color:#ffd17b}.rating-bad{color:#ff7b7b}.title{text-align:center;margin:25px 0}.logo{width:100%;max-width:920px;margin:0 auto;display:block}.app-subtitle{text-align:center;margin:25px auto;font-weight:300}nav{margin-top:50px;margin-bottom:25px}ul{list-style-type:none;margin:0;display:flex;justify-content:center}ul li{padding:10px}nav a{color:#000;text-decoration:none;padding:10px 20px;border-radius:50px;background-color:#fff;box-shadow:0 10px 10px #00000080}nav a:hover{background-color:#e7f2f1;color:#000}.switch{margin:20px auto;position:relative;display:inline-block;width:150px;height:24px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#141414;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}.slider-label{color:#fff;font-size:12px;width:100%;line-height:24px;transition:opacity .4s ease}input:checked+.slider:before{transform:translate(125px)}input:checked+.slider{background-color:#ffa100}