@import"https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap";*,:before,:after{box-sizing:border-box}:where(ul,ol):where([class]){padding-left:0}body,:where(blockquote,figure):where([class]){margin:0}:where(h1,h2,h3,h4,h5,h6,p,ul,ol,dl):where([class]){margin-block:0}:where(dd[class]){margin-left:0}:where(fieldset[class]){margin-left:0;padding:0;border:none}:where(ul[class]){list-style:none}:where(address[class]){font-style:normal}p{--paragraphMarginBottom: 24px;margin-block:0}:where(p:not([class]):not(:last-child)){margin-bottom:var(--paragraphMarginBottom)}img,video{display:block;max-width:100%;height:auto}input,textarea,select,button{font:inherit}html{height:100%;scrollbar-gutter:stable}html,:has(:target){scroll-behavior:smooth}body{min-height:100%;line-height:1.5}a:where([class]){display:inline-flex}button,label{cursor:pointer}:where([fill]:not([fill=none],[fill^=url])){fill:currentColor}:where([stroke]:not([stroke=none],[stroke^=url])){stroke:currentColor}svg *{transition-property:fill,stroke}:where(table){border-collapse:collapse;border-color:currentColor}@media (prefers-reduced-motion: reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--color-white: #FFFFFF;--color-black: #000000;--color-red: #ffa0a0;--color-purple-1: #34244e;--color-purple-2: #1e152c;--color-purple-3: #7654ac;--color-purple-4: #ccb0f9}body{color:var(--color-white);font-family:Inter,sans-serif;background-color:var(--color-purple-1)}.movie-card{background-color:var(--color-purple-2);border-radius:10px}.movie-card .movie-card__image{border-radius:10px;width:300px;height:450px}.movie-card .movie-card__desc{padding:10px}.movie-card .movie-card__title{padding:0;font-size:18px;font-weight:500}.movie-card .movie-card__info{display:flex;column-gap:5px;align-items:center;font-size:14px}.no-poster{display:flex;align-items:center;justify-content:center;width:300px;height:450px;border-radius:10px;color:var(--color-purple-4);font-size:50px;font-weight:700}.star{font-size:16px}.movie-grid{--gridColumns: 4;display:grid;grid-template-columns:repeat(var(--gridColumns),300px);gap:20px;justify-content:center}@media (width <= 660px){.movie-grid{--gridColumns: 1}}@media (660px < width <= 980px){.movie-grid{--gridColumns: 2}}@media (980px < width <= 1300px){.movie-grid{--gridColumns: 3}}.header{position:sticky;top:0;background-color:var(--color-purple-2);padding-block:12px;text-align:center}.header .header__title{color:var(--color-white);font-weight:600;text-decoration:none}.header .header__title:hover{color:var(--color-purple-4)}.form{background-color:var(--color-purple-1);display:flex;justify-content:center;column-gap:10px;padding-block:20px;padding-inline:10px}input{width:300px;border-radius:5px;background-color:var(--color-purple-3);color:var(--color-white);border:none;padding-left:7px}input::placeholder{color:var(--color-purple-4)}.button{background-color:var(--color-purple-2);border-radius:5px;border-color:var(--color-purple-4);color:var(--color-purple-4)}.button:hover{color:var(--color-white)}.content{display:flex;flex-direction:column;align-items:center;row-gap:20px;padding-bottom:20px}.error{color:var(--color-red)}