*{margin:0;padding:0;box-sizing:border-box}
body{font-family:system-ui,sans-serif;line-height:1.6;color:#e0e0e0;background:#121212}
a{color:#90caf9;text-decoration:none}
a:hover{text-decoration:underline}
header{background:#1e1e1e;padding:1rem;position:sticky;top:0;z-index:10}
nav{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}
.logo{font-size:1.4rem;font-weight:700;color:#fff}
nav ul{list-style:none;display:flex;gap:1rem}
main{max-width:1200px;margin:2rem auto;padding:0 1rem}
footer{text-align:center;padding:2rem 1rem;color:#888;font-size:.85rem}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.2rem}
.card{background:#1e1e1e;border-radius:8px;overflow:hidden;transition:transform .2s}
.card:hover{transform:translateY(-4px)}
.card img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}
.card-body{padding:.75rem}
.card-body h3{font-size:.95rem;margin-bottom:.25rem;color:#fff}
.card-body .meta{font-size:.8rem;color:#aaa}
.card-body .rating{color:#ffd700;font-weight:700}
.movie-detail{display:grid;grid-template-columns:300px 1fr;gap:2rem;margin-bottom:2rem}
.movie-detail img{width:100%;border-radius:8px}
.movie-detail h1{font-size:2rem;color:#fff;margin-bottom:.5rem}
.movie-detail .meta{color:#aaa;margin-bottom:1rem}
.movie-detail .description{margin-bottom:1rem}
.genres,.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}
.genres a,.tags a{background:#333;padding:.25rem .75rem;border-radius:20px;font-size:.8rem}
.players{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}
.player{position:relative;width:100%;padding-bottom:56.25%;border-radius:8px;overflow:hidden;background:#000}
.player iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.links a{display:inline-block;background:#90caf9;color:#121212;padding:.5rem 1rem;border-radius:4px;margin:.25rem .5rem .25rem 0;font-weight:600}
.links a:hover{background:#64b5f6;text-decoration:none}
.breadcrumb{font-size:.85rem;margin-bottom:1rem;color:#888}
.breadcrumb a{color:#90caf9}
.search-box{width:100%;padding:.75rem;font-size:1rem;border:1px solid #333;border-radius:4px;background:#1e1e1e;color:#e0e0e0;margin-bottom:1.5rem}
.section-title{font-size:1.5rem;color:#fff;margin-bottom:1rem}
.related{margin-top:2rem;padding-top:2rem;border-top:1px solid #333}
@media(max-width:700px){
  .movie-detail{grid-template-columns:1fr}
  .grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
}