*{box-sizing:border-box}body{color:#fff;background:#0b0b0b;margin:0;font-family:Montserrat,sans-serif}.center-layout{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.top-layout{flex-direction:column;align-items:center;padding-top:40px;display:flex}.header h1{color:#20e0a8;letter-spacing:2px;margin-bottom:20px;font-size:40px;font-weight:800}.search-box{background:#111;border-radius:25px;outline:2px solid #20e0a8;align-items:center;width:80%;max-width:600px;padding:12px 16px;display:flex}.search-box input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-size:1.1rem}.search-box button{color:#20e0a8;cursor:pointer;background:0 0;border:none;font-size:1.3rem}#results{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:30px;width:90%;max-width:1400px;margin-top:40px;display:grid}.movie{text-align:center;background:#111;border:2px solid #20e0a8;border-radius:18px;padding:12px;transition:transform .25s}.movie:hover{transform:translateY(-8px)}.movie img{border-radius:15px;width:100%}.movie h3{margin-top:12px;font-size:1.1rem}.movie p{opacity:.8}@media (width<=768px){.header h1{font-size:30px}#results{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (width<=480px){.search-box{width:95%}#results{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}