body{background-color:#0f0f0f;margin:0;font-family:Arial,sans-serif}body::-webkit-scrollbar{display:none}.navbar{color:#fff;z-index:100;background-color:#141414;padding:20px;position:sticky;top:0;box-shadow:0 2px 10px #00000080}.logo{color:#e50914;margin:0 0 15px;font-size:28px}.genre-buttons button{color:#fff;cursor:pointer;background-color:#222;border:1px solid #444;border-radius:20px;padding:8px 14px;transition:all .3s}.genre-buttons button:hover{background-color:#e50914;border-color:#e50914}.container{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;padding:20px;display:grid}.card{color:#fff;background:#111;border-radius:12px;transition:transform .3s;overflow:hidden;box-shadow:0 4px 15px #00000080}.card:hover{transform:scale(1.05)}.poster{object-fit:cover;width:100%;height:300px}.info{padding:10px}.title{font-size:18px;font-weight:700}.meta{color:#aaa;font-size:14px}@media (width<=600px){.poster{height:250px}.title{font-size:16px}.meta{font-size:12px}.logo{font-size:22px}}@media (width<=900px){.poster{height:280px}}