*{box-sizing:border-box;margin:0;padding:0}:root{--bg-color:#0a0a0a;--text-color:#fff;--accent-color:#e0223a;--card-bg:#151515;--border-color:#2a2a2a;--card-border-color:#e0223a}body{background-color:var(--bg-color);color:var(--text-color);font-family:Chakra Petch,sans-serif}.app{max-width:1100px;margin:0 auto;padding:30px 20px;position:relative}input[type=text]{background:var(--card-bg);border:1px solid var(--accent-color);width:100%;color:var(--text-color);border-radius:6px;margin-bottom:12px;padding:12px 16px;font-family:Chakra Petch,sans-serif;font-size:14px}.movie-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;margin-top:20px;display:grid}.movie-card{background:var(--card-bg);border:1px solid var(--border-color);color:inherit;border-radius:8px;text-decoration:none;overflow:hidden}.movie-card img{aspect-ratio:2/3;object-fit:cover;width:100%;display:block}.movie-card h3{padding:10px;font-size:14px;font-weight:500}.hero{align-items:center;gap:12px;margin-bottom:24px;display:flex}.hero-logo{border-radius:8px;width:44px;height:44px}.hero h1{font-size:22px}.hero-subtitle{color:#8a8a8a;font-size:12px}.pixel-blast-container{width:100%;height:100%;position:relative;overflow:hidden}
