@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap";.hero-container{min-height:50vh;width:100%;background-size:cover;background-position:center top;display:flex;align-items:center;padding:0 5%;color:#fff;margin-top:60px;margin-bottom:2rem}.hero-content{max-width:600px}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.1;text-transform:uppercase}.title-outline{color:transparent;-webkit-text-stroke:1.5px #fff}.hero-description{font-size:1rem;line-height:1.6;color:#ccc;max-width:90%;margin-top:1rem}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#121212;color:#fff;font-family:Poppins,sans-serif}.navbar{width:100%;height:60px;padding:0 5%;background-color:#121212cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;top:0;left:0;z-index:100;display:flex;align-items:center}.logo{font-size:1.8rem;letter-spacing:.9px;background:linear-gradient(90deg,#e50914,#f9d423);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;width:fit-content}.main-content{padding:2rem 5%}.search{width:100%;max-width:700px;margin:0 auto 3rem;display:flex;align-items:center;background:#1f2123;border-radius:50px;box-shadow:0 4px 15px #0003;padding:8px}.search input{flex:1;border:none;font-size:1.2rem;font-family:Poppins,sans-serif;padding:10px 20px;outline:none;color:#a1a1a1;background:transparent}.search button{width:50px;height:50px;border-radius:50%;border:none;background:#e50914;color:#fff;font-size:1.2rem;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .3s ease}.search button:hover{transform:scale(1.1);background:#f40612}.loading,.empty{width:100%;margin-top:3rem;text-align:center;color:#f9d423;font-size:1.5rem}.empty h2{font-size:1.2rem;color:#aaa;font-weight:400}.container{width:100%;margin-top:3rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem}.movie{width:100%;background:#1f2123;border-radius:12px;overflow:hidden;position:relative;transition:all .4s ease;box-shadow:0 8px 10px -7px #0006;cursor:pointer}.movie:hover{transform:scale(1.05) translateY(-10px);box-shadow:0 20px 18px -8px #0000004d}.movie div:nth-of-type(1){position:absolute;top:10px;left:10px;background:#e50914;padding:5px 10px;border-radius:5px;font-size:.8rem;font-weight:700;z-index:2}.movie div:nth-of-type(2){width:100%;height:320px}.movie div:nth-of-type(2) img{height:100%;width:100%;object-fit:cover}.movie div:nth-of-type(3){padding:16px}.movie div:nth-of-type(3) span{text-transform:uppercase;font-size:13px;font-weight:500;color:#8e8e8e}.movie div:nth-of-type(3) h3{margin-top:5px;color:#fff;font-size:1.1rem}