: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;display:flex;align-items:center;gap:8px}
.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}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
@media(max-width:768px){.movie-grid{grid-template-columns:repeat(3,1fr);gap:10px}}