@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";:root{--color-primary: #09090a;--color-light-100: #cecefb;--color-light-200: #a8b5db;--color-gray-100: #9ca4ab;--color-dark-100: #13131d;--breakpoint-xs: 480px;--radius-100: 10px}body{font-family:DM Sans,sans-serif;font-optical-sizing:auto;background:var(--color-primary)}main{min-height:100vh;position:relative;background:var(--color-primary);margin:-50}h1{margin:0 auto;max-width:64rem;text-align:center;font-size:3rem;font-weight:700;line-height:1.1;letter-spacing:-1%;color:#fff}@media(min-width:640px){h1{font-size:64px;line-height:76px}}h2{font-size:1.5rem;font-weight:700;color:#fff;margin:0;text-align:center}h3{font-size:1rem;font-weight:700;color:#fff;text-align:center}@media(min-width:640px){h2{font-size:1.875rem}}header{margin-top:1.25rem}@media(min-width:640px){header{margin-top:2.5rem}}header img{width:100%;max-width:32rem;height:auto;object-fit:contain;margin:0 auto;display:block;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.pattern{position:absolute;inset:0;width:100vw;height:100vh;background-image:url(/hero-bg.png);background-size:cover;background-position:center;z-index:0}.wrapper{padding:3rem 1.25rem;max-width:80rem;margin:0 auto;display:flex;flex-direction:column;position:relative;z-index:10}@media(min-width:480px){.wrapper{padding:2.5rem}}.trending{margin-top:5rem}.trending ul{display:flex;gap:1.25rem;overflow-y:auto;margin-top:-2.5rem;width:100%;list-style:none;padding:0}.trending ul li{min-width:230px;display:flex;align-items:center}.trending ul li p{margin-top:22px;white-space:nowrap;font-family:Bebas Neue,sans-serif;font-size:190px;-webkit-text-stroke:5px rgba(206,206,251,.5)}.trending ul li img{width:127px;height:163px;object-fit:cover;border-radius:.5rem;margin-left:-14px}.search{width:100%;background:#cecefb0d;padding:.75rem 1rem;border-radius:.5rem;margin:2.5rem auto 0;max-width:48rem}.search div{position:relative;display:flex;align-items:center}.search img{position:absolute;left:.5rem;width:1.25rem;height:1.25rem}.search input{width:100%;background:transparent;padding:.5rem .75rem .5rem 2.5rem;font-size:1rem;color:var(--color-light-200);border:none;outline:none}.all-movies{margin-top:2.25rem}.all-movies ul{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem}@media(min-width:480px){.all-movies ul{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.all-movies ul{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.all-movies ul{grid-template-columns:repeat(4,1fr)}}.movie-card{background:var(--color-dark-100);border-radius:.75rem;overflow:hidden;transition:transform .3s}.movie-card:hover{transform:scale(1.05)}.movie-card img{width:100%;height:280px;object-fit:cover}.hide-scrollbar{scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.header{display:flex;align-items:left;gap:20px;justify-content:flex-start;width:100%;text-align:left}.site-header{display:flex;align-items:center;gap:12px;text-align:left}.logo{width:80px;height:auto;display:block}.card{background-color:var(--color-dark-100);color:#fff;border-radius:var(--radius-100);overflow:hidden;width:100%;text-align:center;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:1rem;box-shadow:0 4px 6px #000}.BigCard{background-color:var(--color-dark-100);color:#fff;border-radius:var(--radius-100);overflow:hidden;width:100%;max-width:800px;text-align:center;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.card-image{border-radius:var(--radius-100);height:180px;width:auto;object-fit:fill}.horizontal-grid{display:flex;gap:1rem;overflow-x:auto;padding:1rem;justify-content:center;box-sizing:inherit}.horizontal-grid::-webkit-scrollbar{display:none}.horizontal-grid>.card{flex:0 0 auto}.text-card{background-color:var(--color-dark-100);color:#fff;border-radius:var(--radius-100);overflow:hidden;width:auto;text-align:center;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:1rem;font-size:larger;box-shadow:0 4px 6px #000}button{text-align:center;background:linear-gradient(to right,#c7ddff,#8bb9ff);border-radius:var(--radius-100);color:#0f0d23;padding:10px;font-size:larger;transition:transform .3s ease;border-style:none}.text-gradient{background:linear-gradient(to right,#c7ddff,#8bb9ff);-webkit-background-clip:text;background-clip:text;color:transparent}img{border-radius:var(--radius-100);transition:transform .3s ease}a{transition:transform .3s ease}a:hover,button:hover{transform:scale(1.05)}p{color:#fff;border-radius:var(--radius-100);overflow:hidden;width:auto;text-align:center;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:1rem;font-size:larger}.app-shell{margin-top:200px;display:flex;justify-content:center}@keyframes scroll{to{background-position:0px -400%}}input{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-100);padding:5px;font-size:large;transition:transform .3s ease;border-style:none}.cardheader{width:100vw;background-color:var(--color-dark-100);border-radius:var(--radius-100);padding:1rem;box-shadow:#000 0 4px 6px}.select{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-100);padding:5px;font-size:large;transition:transform .3s ease;border-style:none}