*{margin:0;padding:0;box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;background-color:#0d0d0d;color:#f0f0f0}.page-title{text-align:center;font-size:2rem;padding:2rem 1rem 1.5rem;letter-spacing:.05em;text-transform:uppercase}.movie-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.25rem;padding:1rem 1.5rem 3rem;max-width:1400px;margin:0 auto}.movie-card{text-decoration:none;color:inherit;border-radius:8px;overflow:hidden;background:#1a1a1a;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.movie-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0009}.movie-card img{width:100%;aspect-ratio:2 / 3;object-fit:cover;display:block}.movie-card-no-image{width:100%;aspect-ratio:2 / 3;background:#2a2a2a;display:flex;align-items:center;justify-content:center;padding:1rem;font-size:.9rem;text-align:center;color:#aaa}.movie-card-info{padding:.6rem .75rem;display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.movie-card-info h3{font-size:.85rem;font-weight:600;line-height:1.3}.movie-card-rating{font-size:.8rem;color:#f5c518;white-space:nowrap}.detail-page{min-height:100vh;position:relative}.detail-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center top;filter:brightness(.25);z-index:0}.detail-content{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:2rem 1.5rem 4rem}.back-link{display:inline-block;color:#ccc;text-decoration:none;font-size:.95rem;margin-bottom:2rem;transition:color .15s}.back-link:hover{color:#fff}.detail-body{display:flex;gap:2.5rem;align-items:flex-start}.detail-poster{width:220px;min-width:220px;border-radius:8px;box-shadow:0 8px 32px #000c}.detail-info{flex:1}.detail-info h1{font-size:2.2rem;line-height:1.2;margin-bottom:.5rem}.detail-tagline{color:#aaa;font-style:italic;margin-bottom:1rem;font-size:1rem}.detail-meta{display:flex;gap:1.25rem;font-size:.95rem;color:#ccc;margin-bottom:1rem}.detail-meta span:first-child{color:#f5c518;font-weight:600}.detail-genres{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.genre-tag{background:rgba(255,255,255,.12);border-radius:20px;padding:.25rem .75rem;font-size:.8rem}.detail-overview{line-height:1.7;color:#ddd;font-size:1rem;max-width:680px}.status-message{text-align:center;padding:4rem 1rem;font-size:1.1rem;color:#aaa}.status-message.error{color:#e57373}.status-message h2{margin-bottom:.5rem;color:#f0f0f0}.status-message p{margin-bottom:1.5rem}@media (max-width: 600px){.movie-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem;padding:1rem}.page-title{font-size:1.4rem}.detail-body{flex-direction:column;align-items:center}.detail-poster{width:160px;min-width:160px}.detail-info h1{font-size:1.5rem}}@media (min-width: 601px) and (max-width: 900px){.movie-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}.detail-poster{width:180px;min-width:180px}}