@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap);body{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}*{border:0;box-sizing:border-box;margin:0}:root{--font-roboto:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-raleway:"Space Grotesk",sans-serif}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#1a1d21,#2d3142);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-roboto)}.app,body{min-height:100vh}.app{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,5vw,4rem)}h1{-webkit-text-fill-color:#0000;animation:gradientShift 4s ease-in-out infinite;background:linear-gradient(135deg,#fff,#00d9ff 50%,#7c3aed);background-clip:text;-webkit-background-clip:text;background-size:200% 200%;font-family:Space Grotesk,sans-serif;font-family:var(--font-raleway);font-size:clamp(2.5rem,8vw,4rem);font-weight:700;letter-spacing:-.02em;text-align:center;width:fit-content}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.search{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 20px 40px #0000004d,inset 0 1px 0 #ffffff1a;display:flex;justify-content:center;margin:clamp(2rem,5vw,4rem) 0 2rem;padding:1.25rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:min(680px,90%)}.search:hover{border-color:#00d9ff4d;box-shadow:0 25px 50px #0006,0 0 20px #00d9ff33,inset 0 1px 0 #ffffff26;transform:translateY(-2px)}.search:focus-within{border-color:#00d9ff;box-shadow:0 25px 50px #0006,0 0 30px #00d9ff66,inset 0 1px 0 #fff3;transform:translateY(-3px)}.search input{background:#0000;border:none;color:#fff;flex:1 1;font-family:Space Grotesk,sans-serif;font-family:var(--font-raleway);font-size:clamp(1rem,2.5vw,1.25rem);font-weight:500;letter-spacing:-.01em;outline:none;padding-right:1rem}.search input::placeholder{color:#fff9;transition:all .2s ease}.search input:focus::placeholder{opacity:0;transform:translateX(10px)}.search img{cursor:pointer;filter:brightness(0) invert(1);height:clamp(24px,4vw,32px);opacity:.8;transition:all .2s ease;width:clamp(24px,4vw,32px)}.search img:hover{filter:brightness(0) saturate(100%) invert(56%) sepia(96%) saturate(2067%) hue-rotate(176deg) brightness(101%) contrast(101%);opacity:1;transform:scale(1.1)}.empty{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;margin-top:clamp(3rem,8vw,6rem);text-align:center;width:100%}.empty h2{color:#fffc;font-family:Space Grotesk,sans-serif;font-family:var(--font-raleway);font-size:clamp(1.5rem,4vw,2rem);font-weight:600;letter-spacing:-.01em}.container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:clamp(2rem,5vw,4rem);max-width:1600px;padding:0 1rem;width:100%}.movie{aspect-ratio:2/3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 10px 30px #0000004d,0 1px 8px #0003;margin:0;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94);width:100%}.movie div:first-of-type{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#000000b3,#00000080);color:#fff;display:flex;font-family:Space Grotesk,sans-serif;font-family:var(--font-raleway);font-size:1.1rem;font-weight:600;height:100%;justify-content:center;opacity:0;padding:2rem;position:absolute;text-align:center;top:0;width:100%;z-index:3}.movie:hover{border-color:#00d9ff4d;box-shadow:0 25px 60px #0006,0 0 30px #00d9ff33;transform:translateY(-8px) scale(1.03)}.movie div:nth-of-type(2){height:100%;overflow:hidden;position:relative;width:100%}.movie div:nth-of-type(2) img{height:100%;object-fit:cover;transition:all .5s cubic-bezier(.25,.46,.45,.94);width:100%}.movie:hover div:nth-of-type(2) img{filter:brightness(.8);transform:scale(1.1)}.movie div:nth-of-type(3){-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(180deg,#0000,#1a1d21f2 50%,#1a1d21);border-top:1px solid #ffffff1a;bottom:0;left:0;padding:1.5rem 1.5rem 2rem;position:absolute;right:0;z-index:2}.movie div:nth-of-type(3) span{background:#00d9ff1a;border:1px solid #00d9ff33;border-radius:12px;color:#00d9ff;display:inline-block;font-size:.75rem;letter-spacing:.1em;margin-bottom:.75rem;padding:.3rem .8rem;text-transform:uppercase}.movie div:nth-of-type(3) h3,.movie div:nth-of-type(3) span{font-family:Space Grotesk,sans-serif;font-family:var(--font-raleway);font-weight:600}.movie div:nth-of-type(3) h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-size:1.25rem;letter-spacing:-.01em;line-height:1.3;margin-top:0;overflow:hidden}.movie:hover div:nth-of-type(2){height:100%;opacity:.7}.movie:hover div:nth-of-type(3){background:linear-gradient(180deg,#0000,#1a1d21fa 40%,#1a1d21)}.movie:hover div:first-of-type{opacity:1}@media screen and (max-width:600px){.app{padding:clamp(2rem,5vw,3rem) 1rem}.search{padding:1rem 1.5rem;width:100%}.search input{font-size:1rem}.search img{height:20px;width:20px}.container{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:0}}@media screen and (max-width:400px){.app{padding:2rem 1rem}h1{font-size:2rem}.container{gap:1rem;grid-template-columns:1fr;margin-top:2rem}.movie{margin:0;width:100%}}
/*# sourceMappingURL=main.07b32d20.css.map*/