.main-container{max-width:1200px;margin:0 auto;padding:20px}h1{text-align:center;color:#2c3e50;margin-bottom:30px;font-size:2.5rem}.input-here{width:70%;padding:12px 20px;margin-right:10px;border:2px solid #3498db;border-radius:25px;font-size:1rem;outline:none;transition:all .3s}.input-here:focus{border-color:#2980b9;box-shadow:0 0 8px #3498db80}button{padding:12px 25px;background-color:#3498db;color:#fff;border:none;border-radius:25px;cursor:pointer;font-size:1rem;transition:all .3s}button:hover{background-color:#2980b9;transform:translateY(-2px)}.movie-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:25px;margin-top:30px}.movie-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 8px #0000001a;transition:transform .3s,box-shadow .3s;text-decoration:none;color:inherit}.movie-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}.movie-card img{width:100%;height:350px;object-fit:cover}.movie-info{padding:15px}.movie-info h3{margin:0;font-size:1.1rem;color:#2c3e50}.movie-info p{margin:5px 0 0;color:#7f8c8d;font-size:.9rem}.search-container{display:flex;justify-content:center;margin-bottom:30px}.loading-spinner{display:flex;justify-content:center;margin:30px 0}.spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{text-align:center;color:#e74c3c;padding:15px;background-color:#fadbd8;border-radius:5px;margin:20px 0}@media (max-width: 768px){.search-container{flex-direction:column;align-items:center}.input-here{width:100%;margin-right:0;margin-bottom:10px}.movie-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}body{padding:0;font-family:sans-serif;box-sizing:border-box;background-color:#f0f0f0;margin:40px}.container{max-width:1200px;margin:0 auto;padding:20px;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 8px #0000001a;text-decoration:none;color:inherit}.second-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.second-container h1{font-size:3rem;color:#2c3e50}.second-container p{font-size:17px;color:#2c3e50;margin:20px 0;text-align:center;line-height:1.6;padding:5px;border:2px solid hsl(0,0%,80%);border-radius:10px;background-color:#f0f0f0;box-shadow:0 4px 8px #0000001a}.second-container img{width:100%;height:500px;object-fit:cover;border-radius:10px}