body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Roboto,sans-serif}*,body{margin:0;padding:0}body{background-color:#121212;color:#fff;font-size:16px;line-height:1.6}.container{margin:0 auto;max-width:1200px;padding:20px}header{margin-bottom:40px;text-align:center}header h1{color:#fff;font-size:3.5rem;font-weight:700;letter-spacing:2px;text-transform:uppercase}header p{color:#bbb;font-size:1.2rem;margin-top:10px}.movies-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));padding:20px 0}.movie-card{background-color:#1e1e1e;border-radius:15px;box-shadow:0 4px 15px #00000080;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.movie-card:hover{box-shadow:0 8px 30px #0009;transform:translateY(-10px)}.movie-card img{height:350px;object-fit:cover;transition:transform .3s ease;width:100%}.movie-card:hover img{transform:scale(1.1)}.movie-card h3{color:#fff;font-size:1.8rem;padding:15px;text-align:center;text-transform:capitalize}.movie-card p{color:#ccc;font-size:1rem;height:80px;overflow:hidden;padding:0 15px 20px;text-align:center;text-overflow:ellipsis}.movie-card a{background-color:#4caf50;border-radius:0 0 15px 15px;color:#fff;display:block;font-weight:600;padding:10px;text-align:center;text-decoration:none;transition:background-color .3s ease,transform .3s ease}.movie-card a:hover{background-color:#45a049;transform:scale(1.05)}.loading{align-items:center;background-color:#121212;color:#fff;display:flex;font-size:2rem;height:100vh;justify-content:center}.error,.loading{text-align:center}.error{color:#f44336;font-size:1.5rem;margin-top:20px}.footer{background-color:#121212;bottom:0;color:#bbb;font-size:.9rem;padding:20px;position:relative;text-align:center;width:100%}.footer-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.footer p{margin:5px 0}.footer .api-rights a{color:#4caf50;text-decoration:none}.footer .api-rights a:hover{text-decoration:underline}@media (max-width:768px){.footer{font-size:.8rem}}
/*# sourceMappingURL=main.2ae6ab19.css.map*/