.App{background-color:#141414;color:#fff;padding:2rem;min-height:100vh}body{margin:0;padding:0}h1{text-align:center;margin-bottom:2rem;font-size:2.5rem;font-family:DM Sans,ui-sans-serif,system-ui,-apple-system}.movie-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-width:calc(1500px + 4rem);margin:0 auto;gap:1.5rem}.movie-card{background-color:#1c1c1c;border-radius:8px;overflow:hidden;text-align:center;transition:transform .2s ease-in-out;cursor:pointer}.movie-card:hover{transform:scale(1.05)}.movie-card img{width:100%;height:auto;display:block}.movie-card .no-image{height:300px;display:flex;align-items:center;justify-content:center;background-color:#2a2a2a}.movie-info{padding:1rem;min-height:50px}.movie-info h3{color:#fff;font-family:DM Sans,ui-sans-serif,system-ui,-apple-system;font-size:18px;margin:0}.movie-release-date{font-family:DM Sans,ui-sans-serif,system-ui,-apple-system;font-size:14px;color:#fff}.loading-title{font-family:DM Sans,ui-sans-serif,system-ui,-apple-system;font-size:25px;text-align:center}.search-bar{display:flex;justify-content:center;margin-bottom:2rem}.search-bar input{width:100%;max-width:500px;padding:.75rem 1rem;font-size:1.1rem;border-radius:25px;border:none;outline:none;background-color:#2a2a2a;color:#fff;font-family:DM Sans,ui-sans-serif,system-ui,-apple-system}.pagination{display:flex;justify-content:center;align-items:center;margin-top:2rem;padding-bottom:2rem}.pagination button{margin:0 1rem;padding:.75rem 1.5rem;background-color:#f5c518;font-family:DM Sans,ui-sans-serif,system-ui,-apple-system;color:#141414;border:none;border-radius:5px;font-weight:700;cursor:pointer;transition:background-color .2s}.pagination button:hover:not(:disabled){background-color:#e0b410}.pagination button:disabled{background-color:#555;color:#888;cursor:not-allowed}.pagination span{font-size:1.2rem;font-weight:500;font-family:DM Sans,ui-sans-serif,system-ui,-apple-system;min-width:150px;text-align:center}.movie-detail-container{position:relative;padding-bottom:2rem}.backdrop-image{width:100%;height:60vh;background-size:cover;background-position:center;opacity:.2;z-index:1}.backdrop-image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,#141414 10%,transparent 90%)}.movie-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;padding:5rem 2rem 2rem;max-width:1200px;margin:0 auto}@media(min-width:991px){.movie-content{flex-direction:row;align-items:center}.movie-info h1{text-align:left}}.movie-poster{flex-shrink:0;width:250px;margin-bottom:2rem}@media(min-width:768px){.movie-poster{width:300px;margin-right:3rem;margin-bottom:0}}.movie-poster img{width:100%;border-radius:8px;box-shadow:0 10px 30px #00000080}.movie-info{text-align:center}@media(min-width:768px){.movie-info{text-align:left}}.movie-info h1{font-size:3rem;margin-bottom:.5rem;font-family:DM Sans,ui-sans-serif,system-ui,-apple-system;font-weight:500}.movie-info .tagline{font-style:italic;opacity:.8;margin-bottom:1.5rem}.movie-info .movie-rating{font-size:1.2rem;margin-bottom:2rem;display:flex;align-items:center;justify-content:center}@media(min-width:768px){.movie-info .movie-rating{justify-content:flex-start}}.movie-info .movie-rating span{color:#fff;border-radius:5px;font-weight:700;font-family:DM Sans,ui-sans-serif,system-ui,-apple-system}.movie-info h2{font-size:1.8rem;margin-bottom:1rem;border-bottom:2px solid #f5c518;padding-bottom:.5rem;display:inline-block;font-family:DM Sans,ui-sans-serif,system-ui,-apple-system}.movie-info p{line-height:1.6;font-size:1.1rem;font-family:DM Sans,ui-sans-serif,system-ui,-apple-system}.back-button{display:inline-block;margin-top:2rem;padding:.75rem 1.5rem;background-color:#f5c518;color:#141414;text-decoration:none;border-radius:5px;font-weight:500;transition:background-color .2s;font-family:DM Sans,ui-sans-serif,system-ui,-apple-system}.back-button:hover{background-color:#e0b410}