*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background-color:#0d0d0d;min-height:100vh;font-family:system-ui,sans-serif}.home{max-width:1200px;margin:0 auto;padding:40px 20px}.search-container{justify-content:center;gap:10px;margin-bottom:40px;display:flex}.search-container input{color:#fff;background:#1a1a1a;border:2px solid #333;border-radius:50px;outline:none;width:400px;padding:12px 20px;font-size:16px;transition:border .3s}.search-container input:focus{border-color:#e50914}.search-container button{color:#fff;cursor:pointer;background:#e50914;border:none;border-radius:50px;padding:12px 24px;font-size:16px;transition:background .3s}.search-container button:hover{background:#b20710}.movies-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px;display:grid}.movie-card{cursor:pointer;background:#1a1a1a;border-radius:12px;transition:transform .3s,box-shadow .3s;overflow:hidden}.movie-card:hover{transform:translateY(-8px);box-shadow:0 16px 40px #e509144d}.movie-card img{object-fit:cover;width:100%;height:300px}.movie-info{padding:12px}.movie-info h3{white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px;font-size:14px;overflow:hidden}.movie-info p{color:#aaa;font-size:13px}.movie-detail{max-width:1000px;margin:0 auto;padding:40px}.movie-detail button{color:#fff;cursor:pointer;background:#e50914;border:none;border-radius:50px;margin-bottom:30px;padding:10px 20px;font-size:15px}.detail-content{gap:40px;display:flex}.detail-content img{object-fit:cover;border-radius:16px;width:300px}.detail-info h1{margin-bottom:16px;font-size:32px}.detail-info p{margin-bottom:12px;font-size:16px}