body { font-family: sans-serif; background: #121212; color: #fff; margin: 0; padding: 20px; }
.view { display: none; }
.active { display: block; }
.hidden { display: none; }
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 15px; margin-top: 20px; }
.card { cursor: pointer; background: #222; padding: 10px; border-radius: 8px; text-align: center; transition: 0.2s; }
.card:hover { transform: scale(1.05); }
.card img { max-width: 100%; border-radius: 5px; }
input { padding: 10px; width: 60%; border: none; border-radius: 5px; }
button { padding: 10px 15px; background: #e50914; color: white; border: none; border-radius: 5px; cursor: pointer; margin-bottom: 10px; }
select { padding: 8px; border-radius: 5px; background: #333; color: white; border: 1px solid #555; }
.center-home { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 80vh; }
.search-box { width: 100%; text-align: center; }
.detail-box { margin-top: 20px; background: #222; padding: 20px; border-radius: 8px; }