body{margin:0;background:#0b0b0b;color:#fff;font-family:Arial}
.header{padding:15px;background:#000}
.header h1{margin:0;color:#E50914}
video{width:100%;max-height:60vh;background:#000}
.section-title{padding:15px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;padding:15px}
.card{background:#141414;padding:10px;border-radius:6px;text-align:center;cursor:pointer}
.card:hover{transform:scale(1.05);border:1px solid #E50914}
.card img{width:100%}
.footer{text-align:center;padding:15px;color:#aaa}
.footer span{color:#E50914}
#snow{position:fixed;top:0;left:0;pointer-events:none;z-index:1}
header,main,footer{position:relative;z-index:2}

@media(max-width:768px){
  .grid{grid-template-columns:repeat(2,1fr)}
  video{max-height:40vh}
}