.error-message{text-align:center;width:100%}.error-message p{color:var(--color-text-transparent)}.loading{text-align:center;width:100%;color:var(--color-text-transparent)}.movie-card{opacity:0;animation:fade-in var(--time-slowest) ease-in-out forwards;transition:var(--time-fast);scroll-snap-align:start;overflow:hidden;border-radius:var(--border-radius);position:relative;border:1px solid black}.movie-card:after{transition:var(--time-slow);content:"";position:absolute;top:0;right:0;bottom:0;left:0}.movie-card:hover{cursor:pointer}.movie-card:hover:after{box-shadow:inset 0 0 2rem #000000bf}.movie-card:hover img{transform:scale(1.05)}.movie-card__content{background-color:var(--color-bg-dark);height:100%;display:flex;flex-direction:column;justify-content:space-between}.movie-card .img-container{overflow:hidden;flex-grow:1}.movie-card .img-container img{transition:var(--time-slow) ease-in-out;min-height:100%;object-fit:cover}.movie-card .info-container{padding:var(--prem);display:flex;flex-direction:column;gap:calc(var(--prem) / 1.5)}.movie-card .info-container p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-y:hidden;font-weight:400;font-size:var(--frem);height:2.8em}.movie-card .info-container__stars{display:flex;align-items:center;font-size:var(--frem)}.movie-card .info-container__stars svg{fill:#fb0}.movie-card .info-container__stars span{color:var(--color-text-transparent);line-height:1;margin-left:.5em}.movie-list-section{display:flex;flex-direction:column;gap:var(--prem);animation:fade-in var(--time-slowest) ease-in-out forwards}.movie-list-controls{position:relative}.scroll-btn{background-color:transparent;background-image:linear-gradient(#0000 -50%,#0009,#0000 150%);border:var(--border);position:absolute;top:0;bottom:0;font-size:calc(var(--prem) * 2);padding:.5em;z-index:2;transition:var(--time-medium);box-shadow:inset 0 0 1em #19a1e633}.scroll-btn.disabled{border:none;opacity:.5;background-color:#0000;box-shadow:0 0}.scroll-btn:hover{background-color:#000c;box-shadow:inset 0 0 1em #3bf6}.scroll-btn:active{background-color:#000;box-shadow:inset 0 0 1em #33bbffbf}.scroll-btn__left{left:0;border-radius:var(--border-radius) 0 0 var(--border-radius)}.scroll-btn__right{right:0;border-radius:0 var(--border-radius) var(--border-radius) 0}@media screen and (max-width: 600px){.scroll-btn{display:none}}.movie-list{--columns: 6;--gap: var(--prem);display:grid;grid-auto-flow:column;grid-auto-columns:calc(100% / var(--columns) - var(--gap) + var(--gap) / var(--columns));gap:var(--gap);overflow-x:scroll;scroll-snap-type:x mandatory;border-radius:var(--border-radius);-ms-overflow-style:none;scrollbar-width:none}@media screen and (max-width: 1200px){.movie-list{--columns: 4}}@media screen and (max-width: 900px){.movie-list{--columns: 3}}@media screen and (max-width: 600px){.movie-list{--columns: 2}}.movie-list::-webkit-scrollbar{display:none}@media screen and (max-width: 600px){.movie-list{grid-auto-columns:calc(90% / var(--columns) - var(--gap) + var(--gap) / var(--columns))}}.btn{background-color:#00000080;border:var(--border);font-size:var(--frem);padding:.75em 2em;transition:var(--time-medium);box-shadow:inset 0 0 1em #19a1e633;border-radius:var(--border-radius);color:#ffffffbf;margin-inline:auto;animation:fade-in var(--time-slowest) ease-in-out forwards}.btn:hover{color:var(--color-text);background-color:#000c;box-shadow:inset 0 0 1em #3bf6}.btn:active{color:var(--color-text);background-color:#000;box-shadow:inset 0 0 1em #33bbffbf}.movie-section{width:100%;min-height:100%;animation:fade-in var(--time-slowest) ease-in-out forwards}.movie-backdrop-container{position:absolute;left:0;right:0;top:0;height:100%;z-index:-5;isolation:isolate}.movie-backdrop-container img{width:100%;height:100%;object-fit:cover;object-position:center}.movie-backdrop-container .loaded{opacity:0;animation:fade-in 1.5s ease-in-out forwards}.movie-backdrop-container.loaded:before{content:"";background-color:#0b171ecc;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.movie-section-content{background-color:#09151bbf;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--border-radius);border:1px solid black;display:grid;grid-template-rows:auto 1fr;grid-template-columns:max(25%,200px) 4fr;box-shadow:0 16px 32px #00000040;padding:calc(var(--prem) * 2);column-gap:calc(var(--prem) * 2);row-gap:calc(var(--prem) * 1)}.movie-section-content img{grid-row:1/3;box-shadow:0 0 32px #0000001a,0 0 8px #0003}.movie-section-content .movie-info{padding-bottom:0;display:flex;flex-direction:column;gap:var(--prem)}.movie-section-content .movie-info__stars{display:flex;align-items:flex-end;font-size:calc(var(--frem) * 1.5)}.movie-section-content .movie-info__stars svg{fill:#fb0}.movie-section-content .movie-info__stars span{color:var(--color-text-transparent);line-height:.75;margin-left:.5em;font-size:1em}.movie-section-content .movie-info h2{font-size:clamp(2rem,3.5vw,3rem);line-height:1;text-shadow:0 0 .5em rgba(255,255,255,.25),0 0 .125em rgba(255,255,255,.25)}.movie-section-content .movie-info ul{display:flex;flex-wrap:wrap;gap:.5em;list-style:none;padding:0}.movie-section-content .movie-info ul li{border:var(--border);border-radius:2em;padding:.25em 1em}.movie-section-content .movie-info .tagline{display:flex;flex-direction:column}.movie-section-content .movie-info .tagline span{color:var(--color-text-transparent)}.movie-section-content .movie-info .tagline i{font-size:1.25rem}.movie-section-content .movie-description{line-height:1.5;opacity:.9}.z-index-1{z-index:1}@media screen and (max-width: 1200px){.movie-section-content{gap:calc(var(--prem) * 2);padding-bottom:2rem}.movie-section-content img{grid-row:1/2}.movie-section-content .movie-description{grid-column:1/3}}@media screen and (max-width: 500px){.movie-section-content{gap:2rem;grid-template-columns:1fr}.movie-section-content .movie-description{grid-column:1/2}}.quick-search{visibility:hidden;opacity:0;position:absolute;bottom:-1px;left:50%;transform:translate(-50%,100%);width:100%;max-width:calc(var(--max-width) - var(--prem) * 4);z-index:3;border-radius:0 0 var(--border-radius) var(--border-radius);background-color:var(--color-bg-light-transparent);box-shadow:0 0 50px #000;clip-path:polygon(-1000vw 0,1000vw 0,1000vw 1000vh,-1000vw 1000vh);box-shadow:0 0 0 200vmax #00000080;transition:var(--time-medium) ease-in-out}.quick-search .p-half-prem{padding:calc(var(--prem) / 2)}.quick-search.show{visibility:visible;opacity:1}.quick-search__result{display:flex;gap:calc(var(--prem) / 2);border-bottom:var(--border);padding:calc(var(--prem) / 2)}.quick-search__result .img-container{margin-block:auto;background-color:#f0f8ff;flex-shrink:0;height:100%}.quick-search__result .img-container img{height:6rem}.quick-search__result .info-container h3{font-weight:400}.quick-search__result .info-container p{color:var(--color-text-transparent)}.header{position:relative;padding:var(--prem);background-color:var(--color-bg-light);border-bottom:var(--border)}.header nav{max-width:var(--max-width);margin-inline:auto;display:flex;align-items:center;gap:var(--prem)}.header .logo{--letter-spacing: 8px;font-size:1.5rem;font-weight:900;letter-spacing:var(--letter-spacing);background-color:#072231;background-image:linear-gradient(45deg,#00ffff1d,#05b6e23a);padding:.125rem;padding-left:calc(.125em + var(--letter-spacing));border-radius:var(--border-radius) 2px var(--border-radius) 2px;border:1px solid rgb(37,145,172);outline:1px solid rgba(0,0,0,0)}.header .logo:focus-visible{outline:1px solid black;box-shadow:0 0 8px #00000080,inset 0 0 8px #66b3c6bf}.search-form{position:relative;flex-grow:1;display:flex}.search-form>*{transition:ease-out var(--time-fast);outline:1px solid rgba(0,0,0,0)}.search-form>*:focus-visible{outline:1px solid var(--color-accent);background-color:#00000080;box-shadow:0 0 8px #00000080}.search-form input{flex-grow:1;background-color:transparent;border-radius:var(--border-radius);border:var(--border);padding-inline:.5em;padding-block:.5em}.search-form button{border:none;background-color:transparent;position:absolute;cursor:pointer;padding-inline:1em;right:0;top:0;bottom:0;border-radius:var(--border-radius)}.search-form button svg{fill:var(--color-text-transparent)}.search-form button:hover{background-color:#ffffff1a;box-shadow:0 0 8px #ffffff0d}.search-form button:active{background-color:#ffffff40}.search-form button:active svg{fill:var(--color-text)}.footer{padding-inline:var(--prem);padding-block:calc(var(--prem) * 1);background-color:var(--color-bg-light);margin-top:auto;border-top:var(--border)}.footer div{max-width:var(--max-width);margin-inline:auto;display:flex;gap:calc(var(--prem) / 2);flex-direction:column;text-align:center}.footer img{height:var(--fs-s)}.disclaimer{color:var(--color-text-transparent);font-size:var(--fs-s)}*,*:before,*:after{box-sizing:border-box;margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--max-width: 1440px;--prem: 1.25rem;--frem: 1rem;--color-bg: hsl(200, 45%, 10%);--color-bg-dark: hsl(200, 30%, 4%);--color-bg-light: hsl(200, 45%, 14%);--color-bg-light-transparent: hsla(200, 40%, 12%, 99%);--color-accent: hsl(200, 80%, 25%);--color-accent-dark: hsl(200, 25%, 25%);--color-accent-light: hsl(201, 14%, 81%);--color-text: hsl(0, 50%, 95%);--color-text-transparent: hsla(0, 0%, 95%, 60%);--border: 1px solid var(--color-accent-dark);--border-radius: calc(var(--frem) / 2);--fs-s: .75rem;--fs-m: 1rem;--fs-l: 1.5rem;--fs-xl: calc(var(--frem) * 1.5);--time-fast: .1s;--time-medium: .2s;--time-slow: .3s;--time-slowest: .5s}@media screen and (max-width: 1200px){:root{--prem: 1rem;--frem: 1rem}}@media screen and (max-width: 900px){:root{--prem: .75rem;--frem: .875rem}}@media screen and (max-width: 600px){:root{--prem: .5rem;--frem: .75rem}}@font-face{font-family:Readex Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/readex-pro-arabic-400-normal-De1vYjJZ.woff2) format("woff2"),url(/assets/readex-pro-arabic-400-normal-B85i9-hz.woff) format("woff");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Readex Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/readex-pro-vietnamese-400-normal-DAQS1QRE.woff2) format("woff2"),url(/assets/readex-pro-vietnamese-400-normal-DRTbt2AX.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Readex Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/readex-pro-latin-ext-400-normal-CDeDBhe3.woff2) format("woff2"),url(/assets/readex-pro-latin-ext-400-normal-DzeKRH4q.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Readex Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/readex-pro-latin-400-normal-DJUYAYkk.woff2) format("woff2"),url(/assets/readex-pro-latin-400-normal-BxM5lEjR.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Urbanist;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/urbanist-latin-ext-500-normal-CrEfqqKj.woff2) format("woff2"),url(/assets/urbanist-latin-ext-500-normal-BdBEbmO0.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Urbanist;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/urbanist-latin-500-normal-CTXUkCRo.woff2) format("woff2"),url(/assets/urbanist-latin-500-normal-DpQ4Tjrd.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Urbanist;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/urbanist-latin-ext-700-normal-CSxnkuNP.woff2) format("woff2"),url(/assets/urbanist-latin-ext-700-normal-CnTyVohN.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Urbanist;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/urbanist-latin-700-normal-BtsT2zLv.woff2) format("woff2"),url(/assets/urbanist-latin-700-normal-Zdugn5sa.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Urbanist;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/urbanist-latin-ext-900-normal-BECliF0c.woff2) format("woff2"),url(/assets/urbanist-latin-ext-900-normal-BGtd0B4I.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Urbanist;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/urbanist-latin-900-normal-mR1swy3X.woff2) format("woff2"),url(/assets/urbanist-latin-900-normal-BE3VSv_D.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{font-family:Urbanist,sans-serif;color:var(--color-text)}a{text-decoration:none}h1{font-size:var(--fs-xl)}h2{font-size:var(--fs-l)}.section-title{font-size:var(--fs-xl);font-weight:700;color:var(--color-accent-light)}img{color:#000}@keyframes fade-in{0%{opacity:0}to{opacity:1}}html{scroll-behavior:smooth}body{background-color:var(--color-bg);background-image:linear-gradient(45deg,#0000 48%,#00000040 48%,#00000040 52%,#0000 52%),radial-gradient(#009fb81a 10%,#0000 10%);background-size:128px 128px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.app{min-height:100vh;display:flex;flex-direction:column}.main{padding-inline:var(--prem);padding-block:calc(var(--prem) * 2);display:flex;flex-direction:column;gap:calc(var(--prem) * 2);position:relative;flex-grow:1}.main section{width:100%;max-width:var(--max-width);margin-inline:auto}hr{border:var(--border)}