*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}body{background:linear-gradient(135deg,#0f172a,#1e293b,#0f766e);color:#fff;min-height:100vh;overflow-x:hidden}body:before{background:#00ffd5;content:"";filter:blur(300px);height:700px;opacity:.12;position:fixed;right:-200px;top:-250px;width:700px;z-index:-1}.container{align-items:center;display:flex;flex-direction:column;padding:50px 20px}.hero{margin-bottom:40px;text-align:center}.hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#00ffd5);-webkit-background-clip:text;font-size:5rem;font-weight:900;margin-bottom:10px}.hero p{color:#ffffffb3;font-size:1.2rem}.searchBox{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center}input{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;border:none;border-radius:18px;box-shadow:0 10px 30px #00000040;color:#fff;font-size:1rem;height:60px;max-width:90vw;outline:none;padding:0 20px;width:min(420px,100%)}input::placeholder{color:#fff9}#looking{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;border:none;border-radius:18px;color:#fff;cursor:pointer;font-size:1rem;height:60px;outline:none;padding:0 15px;width:180px}#looking option{color:#000}.featured{border-radius:30px;box-shadow:0 30px 80px #00000080;height:500px;margin:50px auto;max-width:1400px;overflow:hidden;position:relative;width:90%}.featured img{height:100%;object-fit:cover;width:100%}.featured:after{background:linear-gradient(0deg,#000000f2,#00000026);content:"";inset:0;position:absolute}.featuredContent{bottom:50px;left:50px;max-width:700px;position:absolute;z-index:2}.featuredContent h1{font-size:4rem;margin-bottom:15px}.featuredContent p{color:#e2e8f0;line-height:1.8}.featuredTag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:1px solid #fff3;border-radius:999px;display:inline-block;margin-bottom:15px;padding:8px 16px}.resultsTitle{font-size:2rem;font-weight:700;margin-bottom:20px;margin-top:30px;text-align:center}.movieList{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;padding:30px;width:100%}.card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 10px 30px #00000040;cursor:pointer;overflow:hidden;transition:all .4s ease;width:260px}.card:hover{box-shadow:0 25px 60px #00ffc840;transform:translateY(-15px) scale(1.04)}.image{height:360px;overflow:hidden;width:100%}.imageHolder{height:100%;position:relative;width:100%}.image img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.card:hover img{transform:scale(1.1)}.rating{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000a6;border:1px solid #fff3;border-radius:999px;color:gold;font-size:.9rem;font-weight:700;padding:8px 14px;position:absolute;right:15px;top:15px}.content{padding:18px}.content h2{color:#fff;font-size:1.15rem;margin-bottom:10px}.content p{color:#cbd5e1}.overview{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.6;margin-top:12px;overflow:hidden}@media (max-width:768px){.hero h1{font-size:3rem}.featured{height:400px}.featuredContent{bottom:25px;left:25px;right:25px}.featuredContent h1{font-size:2rem}.card{width:220px}}@media screen and (max-width:768px){.hero h1{font-size:2.5rem}.hero p{font-size:.95rem;padding:0 15px}.searchBox{flex-direction:column;width:100%}#looking,input{width:100%}.featured{height:250px;width:95%}.featuredContent{bottom:15px;left:15px;right:15px}.featuredContent h1{font-size:1.5rem}.featuredContent p{display:none}.movieList{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);padding:12px}.card{min-width:0;width:100%}.image{height:220px}.content{padding:10px}.content h2{font-size:.9rem}.content p{font-size:.75rem}.overview{display:none}.rating{font-size:.75rem;padding:4px 8px}}@media screen and (min-width:769px) and (max-width:1024px){.hero h1{font-size:3.5rem}.featured{height:400px;width:95%}.featuredContent h1{font-size:2.8rem}.featuredContent{max-width:600px}.movieList{gap:25px}.card{width:240px}}@media screen and (min-width:1025px) and (max-width:1366px){.hero h1{font-size:4rem}.featured{height:450px}.featuredContent h1{font-size:3rem}}@media screen and (min-width:1600px){.container{margin:auto;max-width:1600px}.hero h1{font-size:6rem}.featured{height:600px}.featuredContent h1{font-size:5rem}.card{width:280px}}@media screen and (max-width:480px){.movieList{gap:10px;grid-template-columns:repeat(2,1fr)}.image{height:180px}.content h2{font-size:.8rem}.content p{font-size:.7rem}}
/*# sourceMappingURL=main.c7205a3b.css.map*/