:root{--primary-color:#ff6b35;--bg-primary:#0f1419;--bg-secondary:#1a2027;--text-primary:#fff;--text-secondary:#b0b6be}
*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6}
.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background:var(--bg-secondary);position:sticky;top:0;z-index:1000}
.nav{display:flex;align-items:center;justify-content:space-between;height:60px}.logo{font-size:24px;font-weight:700;color:var(--primary-color);text-decoration:none}
.movie-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.movie-card{background:var(--bg-secondary);border-radius:8px;overflow:hidden}
.movie-poster{position:relative;aspect-ratio:2/3;overflow:hidden}.movie-poster img{width:100%;height:100%;object-fit:cover}
.breadcrumb{padding:15px 0;color:var(--text-secondary)}.breadcrumb a{color:var(--text-secondary);text-decoration:none}
.page-header{margin-bottom:30px}.page-title{font-size:24px;margin-bottom:10px}
@media(max-width:1200px){.movie-grid{grid-template-columns:repeat(5,1fr);gap:16px}}@media(max-width:768px){.movie-grid{grid-template-columns:repeat(3,1fr);gap:10px}}@media(max-width:480px){.movie-grid{grid-template-columns:repeat(2,1fr);gap:10px}}