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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:linear-gradient(135deg,#0d1b2a,#1b263b);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px;text-align:center}.App h1{color:#f3e8b7;font-size:4rem;margin-bottom:1.5rem;text-shadow:0 0 8px #fff3}.search-bar{border-radius:0 25px 25px 0;display:flex;gap:10px;height:60px;justify-content:center;margin-bottom:2rem;margin-right:2rem;padding-right:2rem}.options{background-color:#e63946;border:none;border-radius:0 25px 25px 0;color:#fff;cursor:pointer;font-size:1rem;height:60px;padding:.6rem 1rem;transition:background .3s ease}.search-bar input{border:none;border-radius:25px 0 0 25px;font-size:1rem;height:40px;outline:none;padding:.6rem;width:441px}.search-bar button{background-color:#e63946;border:none;border-radius:0 25px 25px 0;color:#fff;cursor:pointer;font-size:1rem;height:60px;padding:.6rem 1rem;transition:background .3s ease}.search-bar button:hover{background-color:#d62828}.movie-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));padding:0 20px}.movie-card{background:#1b263b;border-radius:10px;box-shadow:0 4px 12px #0000004d;overflow:hidden;transition:transform .2s ease}.movie-card:hover{transform:scale(1.05)}.movie-card img{height:270px;object-fit:cover;width:100%}.movie-card h3{color:#e0e1dd;font-size:1rem;padding:.8rem}.movie-info{padding:.8rem}.movie-info p{color:#a8dadc;font-size:.85rem;margin-top:.3rem}.modal-backdrop{align-items:center;background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.modal-content{background:#1b263b;border-radius:10px;color:#fff;max-width:500px;padding:20px;position:relative}.modal-content img{border-radius:8px;margin-bottom:1rem;width:100%}.modal-close{background:none;border:none;color:#fff;cursor:pointer;font-size:1.2rem;position:absolute;right:15px;top:10px}
/*# sourceMappingURL=main.277c954c.css.map*/