*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#111318;min-height:100vh;font-family:Arial,Helvetica,sans-serif}#root{min-height:100vh}.movie-app{width:100%;max-width:1200px;margin:0 auto;padding:50px 25px}.movie-app h1{text-align:center;margin-bottom:35px;font-size:42px}.search-box{gap:10px;max-width:650px;margin:0 auto 50px;display:flex}.search-box input{color:#fff;background:#1d2027;border:1px solid #333;border-radius:10px;outline:none;flex:1;padding:15px 18px;font-size:16px}.search-box input::placeholder{color:#888}.search-box input:focus{border-color:#777}.search-box button{color:#fff;cursor:pointer;background:#e50914;border:none;border-radius:10px;padding:15px 25px;font-size:16px;font-weight:700;transition:all .2s}.search-box button:hover{background:#c40812;transform:translateY(-2px)}.loading,.error{text-align:center;padding:30px;font-size:18px}.error{color:#ff6b6b}.movie-list{grid-template-columns:repeat(4,1fr);gap:25px;display:grid}.movie-card{cursor:pointer;background:#1d2027;border-radius:12px;transition:all .2s;overflow:hidden}.movie-card:hover{transform:translateY(-5px)}.movie-card img{object-fit:cover;width:100%;height:350px;display:block}.movie-info{padding:18px}.movie-info h2{margin-bottom:10px;font-size:19px}.movie-info p{color:#aaa;margin-bottom:8px;font-size:14px}.movie-card>button{color:#fff;cursor:pointer;background:#e50914;border:none;border-radius:8px;width:calc(100% - 36px);margin:0 18px 18px;padding:10px;font-weight:700;transition:all .2s}.movie-card>button:hover{background:#c40812}.modal-backdrop{z-index:999;background:#000000c7;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.movie-details{z-index:1000;background:#1d2027;border-radius:16px;width:90%;max-width:650px;max-height:90vh;padding:30px;overflow-y:auto;box-shadow:0 15px 50px #000000b3}.movie-details h2{margin-bottom:20px;font-size:30px}.movie-details img{border-radius:10px;width:200px;max-width:100%;margin-bottom:20px}.movie-details p{color:#ccc;margin-bottom:12px;line-height:1.6}.movie-details strong{color:#fff}.movie-details button{color:#fff;cursor:pointer;background:#e50914;border:none;border-radius:8px;margin-top:10px;margin-right:10px;padding:10px 18px;font-size:14px;font-weight:700;transition:all .2s}.movie-details button:hover{background:#c40812;transform:translateY(-2px)}.close-btn{margin-left:auto;display:block}.favorites-section{border-top:1px solid #333;margin-top:50px;padding-top:30px}.favorites-section h2{margin-bottom:20px;font-size:28px}.favorites-list{flex-direction:column;gap:10px;display:flex}.favorite-item{background:#1d2027;border-radius:10px;justify-content:space-between;align-items:center;padding:15px 18px;display:flex}.favorite-item p{font-size:16px;font-weight:700}.favorite-item button{color:#fff;cursor:pointer;background:#e50914;border:none;border-radius:7px;padding:8px 14px;font-weight:700;transition:all .2s}.favorite-item button:hover{background:#c40812;transform:translateY(-1px)}@media (width<=900px){.movie-list{grid-template-columns:repeat(3,1fr)}}@media (width<=700px){.movie-list{grid-template-columns:repeat(2,1fr)}.movie-app h1{font-size:34px}}@media (width<=500px){.movie-app{padding:30px 15px}.search-box{flex-direction:column}.search-box button{width:100%}.movie-list{grid-template-columns:1fr}.movie-card{width:100%;max-width:350px;margin:0 auto}.movie-details{width:95%;padding:20px}.movie-details h2{font-size:24px}.movie-details img{width:160px}.favorite-item{gap:15px}}.loading{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:30px;display:flex}.spinner{border:5px solid #333;border-top-color:#e50914;border-radius:50%;width:45px;height:45px;animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}