@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);body {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif }code {font-family: source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace }*, :after, :before {border: 0 solid #e5e7eb;box-sizing: border-box }:after, :before {--tw-content: "" }:host, html {-webkit-text-size-adjust: 100%;font-feature-settings: normal;-webkit-tap-highlight-color: transparent;font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;font-variation-settings: normal;line-height: 1.5;tab-size: 4 }body {line-height: inherit;margin: 0 }hr {border-top-width: 1px;color: inherit;height: 0 }abbr:where([title]) {-webkit-text-decoration: underline dotted;text-decoration: underline dotted }h1, h2, h3, h4, h5, h6 {font-size: inherit;font-weight: inherit }a {color: inherit;text-decoration: inherit }b, strong {font-weight: bolder }code, kbd, pre, samp {font-feature-settings: normal;font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;font-size: 1em;font-variation-settings: normal }small {font-size: 80% }sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: initial }sub {bottom: -.25em }sup {top: -.5em }table {border-collapse: collapse;border-color: inherit;text-indent: 0 }button, input, optgroup, select, textarea {font-feature-settings: inherit;color: inherit;font-family: inherit;font-size: 100%;font-variation-settings: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;margin: 0;padding: 0 }button, select {text-transform: none }button, input:where([type=button]), input:where([type=reset]), input:where([type=submit]) {-webkit-appearance: button;background-color: initial;background-image: none }:-moz-focusring {outline: auto }:-moz-ui-invalid {box-shadow: none }progress {vertical-align: initial }::-webkit-inner-spin-button, ::-webkit-outer-spin-button {height: auto }[type=search] {-webkit-appearance: textfield;outline-offset: -2px }::-webkit-search-decoration {-webkit-appearance: none }::-webkit-file-upload-button {-webkit-appearance: button;font: inherit }summary {display: list-item }blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {margin: 0 }fieldset {margin: 0 }fieldset, legend {padding: 0 }menu, ol, ul {list-style: none;margin: 0;padding: 0 }dialog {padding: 0 }textarea {resize: vertical }input::placeholder, textarea::placeholder {color: #9ca3af;opacity: 1 }[role=button], button {cursor: pointer }:disabled {cursor: default }audio, canvas, embed, iframe, img, object, svg, video {display: block;vertical-align: middle }img, video {height: auto;max-width: 100% }[hidden] {display: none }*, :after, :before {--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #3b82f680;--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop {--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #3b82f680;--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container {width: 100% }@media (min-width:640px) {.container {max-width: 640px }}@media (min-width:768px) {.container {max-width: 768px }}@media (min-width:1024px) {.container {max-width: 1024px }}@media (min-width:1280px) {.container {max-width: 1280px }}@media (min-width:1536px) {.container {max-width: 1536px }}.sr-only {clip: rect(0, 0, 0, 0);border-width: 0;height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;white-space: nowrap;width: 1px }.pointer-events-none {pointer-events: none }.fixed {position: fixed }.absolute {position: absolute }.relative {position: relative }.sticky {position: -webkit-sticky;position: sticky }.inset-0 {inset: 0 }.inset-y-0 {bottom: 0;top: 0 }.bottom-0 {bottom: 0 }.bottom-4 {bottom: 1rem }.bottom-\[255px\] {bottom: 255px }.bottom-\[25px\] {bottom: 25px }.left-0 {left: 0 }.left-1\/2 {left: 50% }.left-2 {left: .5rem }.right-0 {right: 0 }.right-2 {right: .5rem }.top-0 {top: 0 }.top-1\/2 {top: 50% }.top-\[116px\] {top: 116px }.top-\[40px\] {top: 40px }.top-\[54px\] {top: 54px }.z-10 {z-index: 10 }.float-right {float: right }.mx-auto {margin-left: auto;margin-right: auto }.mb-12 {margin-bottom: 3rem }.mb-2 {margin-bottom: .5rem }.mb-4 {margin-bottom: 1rem }.mb-6 {margin-bottom: 1.5rem }.mb-8 {margin-bottom: 2rem }.ml-2 {margin-left: .5rem }.ml-4 {margin-left: 1rem }.mr-2 {margin-right: .5rem }.mr-4 {margin-right: 1rem }.mt-12 {margin-top: 3rem }.mt-16 {margin-top: 4rem }.mt-2 {margin-top: .5rem }.mt-4 {margin-top: 1rem }.mt-6 {margin-top: 1.5rem }.mt-8 {margin-top: 2rem }.block {display: block }.flex {display: flex }.grid {display: grid }.hidden {display: none }.aspect-video {aspect-ratio: 16/9 }.h-12 {height: 3rem }.h-2 {height: .5rem }.h-4 {height: 1rem }.h-5 {height: 1.25rem }.h-6 {height: 1.5rem }.h-64 {height: 16rem }.h-8 {height: 2rem }.h-\[210px\] {height: 210px }.h-\[270px\] {height: 270px }.h-\[300px\] {height: 300px }.h-\[65px\] {height: 65px }.h-\[90px\] {height: 90px }.h-full {height: 100% }.h-screen {height: 100vh }.max-h-0 {max-height: 0 }.max-h-96 {max-height: 24rem }.min-h-screen {min-height: 100vh }.w-1\/2 {width: 50% }.w-12 {width: 3rem }.w-2 {width: .5rem }.w-20 {width: 5rem }.w-3\/4 {width: 75% }.w-4 {width: 1rem }.w-40 {width: 10rem }.w-5 {width: 1.25rem }.w-6 {width: 1.5rem }.w-64 {width: 16rem }.w-8 {width: 2rem }.w-\[100px\] {width: 100px }.w-\[170px\] {width: 170px }.w-\[300px\] {width: 300px }.w-full {width: 100% }.min-w-\[210px\] {min-width: 210px }.max-w-2xl {max-width: 42rem }.max-w-4xl {max-width: 56rem }.max-w-lg {max-width: 32rem }.max-w-md {max-width: 28rem }.flex-1 {flex: 1 1 }.flex-shrink-0 {flex-shrink: 0 }.-translate-x-1\/2 {--tw-translate-x: -50% }.-translate-x-1\/2, .-translate-y-1\/2 {transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) }.-translate-y-1\/2 {--tw-translate-y: -50% }.translate-x-0 {--tw-translate-x: 0px }.translate-x-0, .translate-x-full {transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) }.translate-x-full {--tw-translate-x: 100% }.rotate-90 {--tw-rotate: 90deg }.rotate-90, .transform {transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) }@keyframes pulse {50% {opacity: .5 }}.animate-pulse {animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite }.cursor-pointer {cursor: pointer }.appearance-none {-webkit-appearance: none;appearance: none }.grid-cols-5 {grid-template-columns: repeat(5, minmax(0, 1fr)) }.flex-col {flex-direction: column }.flex-wrap {flex-wrap: wrap }.items-center {align-items: center }.justify-center {justify-content: center }.justify-between {justify-content: space-between }.justify-around {justify-content: space-around }.gap-2 {gap: .5rem }.gap-6 {gap: 1.5rem }.gap-8 {gap: 2rem }.-space-y-px>:not([hidden])~:not([hidden]) {--tw-space-y-reverse: 0;margin-bottom: calc(-1px*var(--tw-space-y-reverse));margin-top: calc(-1px*(1 - var(--tw-space-y-reverse))) }.space-x-2>:not([hidden])~:not([hidden]) {--tw-space-x-reverse: 0;margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right: calc(.5rem*var(--tw-space-x-reverse)) }.space-x-4>:not([hidden])~:not([hidden]) {--tw-space-x-reverse: 0;margin-left: calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right: calc(1rem*var(--tw-space-x-reverse)) }.space-y-4>:not([hidden])~:not([hidden]) {--tw-space-y-reverse: 0;margin-bottom: calc(1rem*var(--tw-space-y-reverse));margin-top: calc(1rem*(1 - var(--tw-space-y-reverse))) }.space-y-6>:not([hidden])~:not([hidden]) {--tw-space-y-reverse: 0;margin-bottom: calc(1.5rem*var(--tw-space-y-reverse));margin-top: calc(1.5rem*(1 - var(--tw-space-y-reverse))) }.space-y-8>:not([hidden])~:not([hidden]) {--tw-space-y-reverse: 0;margin-bottom: calc(2rem*var(--tw-space-y-reverse));margin-top: calc(2rem*(1 - var(--tw-space-y-reverse))) }.divide-y>:not([hidden])~:not([hidden]) {--tw-divide-y-reverse: 0;border-bottom-width: calc(1px*var(--tw-divide-y-reverse));border-top-width: calc(1px*(1 - var(--tw-divide-y-reverse))) }.divide-gray-900>:not([hidden])~:not([hidden]) {--tw-divide-opacity: 1;border-color: rgb(17 24 39/var(--tw-divide-opacity)) }.divide-opacity-10>:not([hidden])~:not([hidden]) {--tw-divide-opacity: 0.1 }.overflow-hidden {overflow: hidden }.overflow-x-auto {overflow-x: auto }.rounded {border-radius: .25rem }.rounded-full {border-radius: 9999px }.rounded-lg {border-radius: .5rem }.rounded-md {border-radius: .375rem }.rounded-none {border-radius: 0 }.rounded-b-md {border-bottom-left-radius: .375rem;border-bottom-right-radius: .375rem }.rounded-l-full {border-bottom-left-radius: 9999px;border-top-left-radius: 9999px }.rounded-r-full {border-bottom-right-radius: 9999px;border-top-right-radius: 9999px }.rounded-t-md {border-top-left-radius: .375rem;border-top-right-radius: .375rem }.border {border-width: 1px }.border-b {border-bottom-width: 1px }.border-gray-300 {--tw-border-opacity: 1;border-color: rgb(209 213 219/var(--tw-border-opacity)) }.border-gray-400 {--tw-border-opacity: 1;border-color: rgb(156 163 175/var(--tw-border-opacity)) }.border-gray-700 {--tw-border-opacity: 1;border-color: rgb(55 65 81/var(--tw-border-opacity)) }.border-transparent {border-color: #0000 }.bg-black {--tw-bg-opacity: 1;background-color: rgb(0 0 0/var(--tw-bg-opacity)) }.bg-blue-500 {--tw-bg-opacity: 1;background-color: rgb(59 130 246/var(--tw-bg-opacity)) }.bg-gray-500 {--tw-bg-opacity: 1;background-color: rgb(107 114 128/var(--tw-bg-opacity)) }.bg-gray-600 {--tw-bg-opacity: 1;background-color: rgb(75 85 99/var(--tw-bg-opacity)) }.bg-gray-700 {--tw-bg-opacity: 1;background-color: rgb(55 65 81/var(--tw-bg-opacity)) }.bg-gray-800 {--tw-bg-opacity: 1;background-color: rgb(31 41 55/var(--tw-bg-opacity)) }.bg-gray-900 {--tw-bg-opacity: 1;background-color: rgb(17 24 39/var(--tw-bg-opacity)) }.bg-green-500 {--tw-bg-opacity: 1;background-color: rgb(34 197 94/var(--tw-bg-opacity)) }.bg-pink-500 {--tw-bg-opacity: 1;background-color: rgb(236 72 153/var(--tw-bg-opacity)) }.bg-purple-500 {--tw-bg-opacity: 1;background-color: rgb(168 85 247/var(--tw-bg-opacity)) }.bg-purple-600 {--tw-bg-opacity: 1;background-color: rgb(147 51 234/var(--tw-bg-opacity)) }.bg-red-500 {--tw-bg-opacity: 1;background-color: rgb(239 68 68/var(--tw-bg-opacity)) }.bg-transparent {background-color: initial }.bg-white {--tw-bg-opacity: 1;background-color: rgb(255 255 255/var(--tw-bg-opacity)) }.bg-opacity-20 {--tw-bg-opacity: 0.2 }.bg-opacity-40 {--tw-bg-opacity: 0.4 }.bg-opacity-50 {--tw-bg-opacity: 0.5 }.bg-gradient-to-r {background-image: linear-gradient(to right, var(--tw-gradient-stops)) }.bg-gradient-to-t {background-image: linear-gradient(to top, var(--tw-gradient-stops)) }.from-black {--tw-gradient-from: #000 var(--tw-gradient-from-position);--tw-gradient-to: #0000 var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) }.from-pink-500 {--tw-gradient-from: #ec4899 var(--tw-gradient-from-position);--tw-gradient-to: #ec489900 var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) }.to-purple-500 {--tw-gradient-to: #a855f7 var(--tw-gradient-to-position) }.to-transparent {--tw-gradient-to: #0000 var(--tw-gradient-to-position) }.bg-cover {background-size: cover }.bg-clip-text {-webkit-background-clip: text;background-clip: text }.bg-center {background-position: 50% }.bg-no-repeat {background-repeat: no-repeat }.object-cover {object-fit: cover }.p-0 {padding: 0 }.p-2 {padding: .5rem }.p-3 {padding: .75rem }.p-4 {padding: 1rem }.p-6 {padding: 1.5rem }.p-8 {padding: 2rem }.px-2 {padding-left: .5rem;padding-right: .5rem }.px-3 {padding-left: .75rem;padding-right: .75rem }.px-4 {padding-left: 1rem;padding-right: 1rem }.px-6 {padding-left: 1.5rem;padding-right: 1.5rem }.px-8 {padding-left: 2rem;padding-right: 2rem }.py-0 {padding-bottom: 0;padding-top: 0 }.py-1 {padding-bottom: .25rem;padding-top: .25rem }.py-2 {padding-bottom: .5rem;padding-top: .5rem }.py-3 {padding-bottom: .75rem;padding-top: .75rem }.py-4 {padding-bottom: 1rem;padding-top: 1rem }.py-8 {padding-bottom: 2rem;padding-top: 2rem }.pb-16 {padding-bottom: 4rem }.pb-4 {padding-bottom: 1rem }.pl-10 {padding-left: 2.5rem }.pl-3 {padding-left: .75rem }.text-left {text-align: left }.text-center {text-align: center }.font-sans {font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji }.text-2xl {font-size: 1.5rem;line-height: 2rem }.text-3xl {font-size: 1.875rem;line-height: 2.25rem }.text-4xl {font-size: 2.25rem;line-height: 2.5rem }.text-lg {font-size: 1.125rem;line-height: 1.75rem }.text-sm {font-size: .875rem;line-height: 1.25rem }.text-xl {font-size: 1.25rem;line-height: 1.75rem }.text-xs {font-size: .75rem;line-height: 1rem }.font-bold {font-weight: 700 }.font-extrabold {font-weight: 800 }.font-medium {font-weight: 500 }.font-semibold {font-weight: 600 }.italic {font-style: italic }.text-blue-500 {--tw-text-opacity: 1;color: rgb(59 130 246/var(--tw-text-opacity)) }.text-blue-800 {--tw-text-opacity: 1;color: rgb(30 64 175/var(--tw-text-opacity)) }.text-gray-100 {--tw-text-opacity: 1;color: rgb(243 244 246/var(--tw-text-opacity)) }.text-gray-200 {--tw-text-opacity: 1;color: rgb(229 231 235/var(--tw-text-opacity)) }.text-gray-300 {--tw-text-opacity: 1;color: rgb(209 213 219/var(--tw-text-opacity)) }.text-gray-400 {--tw-text-opacity: 1;color: rgb(156 163 175/var(--tw-text-opacity)) }.text-gray-500 {--tw-text-opacity: 1;color: rgb(107 114 128/var(--tw-text-opacity)) }.text-gray-900 {--tw-text-opacity: 1;color: rgb(17 24 39/var(--tw-text-opacity)) }.text-green-500 {--tw-text-opacity: 1;color: rgb(34 197 94/var(--tw-text-opacity)) }.text-green-800 {--tw-text-opacity: 1;color: rgb(22 101 52/var(--tw-text-opacity)) }.text-purple-300 {--tw-text-opacity: 1;color: rgb(216 180 254/var(--tw-text-opacity)) }.text-purple-400 {--tw-text-opacity: 1;color: rgb(192 132 252/var(--tw-text-opacity)) }.text-purple-500 {--tw-text-opacity: 1;color: rgb(168 85 247/var(--tw-text-opacity)) }.text-red-500 {--tw-text-opacity: 1;color: rgb(239 68 68/var(--tw-text-opacity)) }.text-red-800 {--tw-text-opacity: 1;color: rgb(153 27 27/var(--tw-text-opacity)) }.text-transparent {color: #0000 }.text-white {--tw-text-opacity: 1;color: rgb(255 255 255/var(--tw-text-opacity)) }.text-yellow-500 {--tw-text-opacity: 1;color: rgb(234 179 8/var(--tw-text-opacity)) }.text-yellow-800 {--tw-text-opacity: 1;color: rgb(133 77 14/var(--tw-text-opacity)) }.placeholder-gray-500::placeholder {--tw-placeholder-opacity: 1;color: rgb(107 114 128/var(--tw-placeholder-opacity)) }.opacity-0 {opacity: 0 }.opacity-100 {opacity: 1 }.opacity-50 {opacity: .5 }.shadow {--tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) }.shadow, .shadow-2xl {box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) }.shadow-2xl {--tw-shadow: 0 25px 50px -12px #00000040;--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color) }.shadow-lg {--tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) }.shadow-lg, .shadow-md {box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) }.shadow-md {--tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) }.shadow-sm {--tw-shadow: 0 1px 2px 0 #0000000d;--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) }.shadow-sm, .shadow-xl {box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) }.shadow-xl {--tw-shadow: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color) }.shadow-gray-800 {--tw-shadow-color: #1f2937;--tw-shadow: var(--tw-shadow-colored) }.shadow-gray-900 {--tw-shadow-color: #111827;--tw-shadow: var(--tw-shadow-colored) }.filter {filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) }.backdrop-blur-lg {--tw-backdrop-blur: blur(16px) }.backdrop-blur-lg, .backdrop-filter {-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) }.transition-all {transition-duration: .15s;transition-property: all;transition-timing-function: cubic-bezier(.4, 0, .2, 1) }.transition-colors {transition-duration: .15s;transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function: cubic-bezier(.4, 0, .2, 1) }.transition-transform {transition-duration: .15s;transition-property: transform;transition-timing-function: cubic-bezier(.4, 0, .2, 1) }.duration-300 {transition-duration: .3s }.duration-500 {transition-duration: .5s }.ease-in-out {transition-timing-function: cubic-bezier(.4, 0, .2, 1) }.scrollbar-style {scrollbar-color: #000 #fff0;scrollbar-width: thin }.scrollable-episodes-container {max-height: 150px;overflow-y: auto;padding-right: 10px }.scrollable-episodes-container::-webkit-scrollbar {width: 2px }.scrollable-episodes-container::-webkit-scrollbar-track {background: #2d2d2d }.scrollable-episodes-container::-webkit-scrollbar-thumb {background: #888 }.scrollable-episodes-container::-webkit-scrollbar-thumb:hover {background: #555 }.hover\:bg-blue-600:hover {--tw-bg-opacity: 1;background-color: rgb(37 99 235/var(--tw-bg-opacity)) }.hover\:bg-gray-600:hover {--tw-bg-opacity: 1;background-color: rgb(75 85 99/var(--tw-bg-opacity)) }.hover\:bg-green-600:hover {--tw-bg-opacity: 1;background-color: rgb(22 163 74/var(--tw-bg-opacity)) }.hover\:bg-pink-500:hover {--tw-bg-opacity: 1;background-color: rgb(236 72 153/var(--tw-bg-opacity)) }.hover\:bg-purple-600:hover {--tw-bg-opacity: 1;background-color: rgb(147 51 234/var(--tw-bg-opacity)) }.hover\:bg-purple-700:hover {--tw-bg-opacity: 1;background-color: rgb(126 34 206/var(--tw-bg-opacity)) }.hover\:bg-red-600:hover {--tw-bg-opacity: 1;background-color: rgb(220 38 38/var(--tw-bg-opacity)) }.hover\:text-gray-700:hover {--tw-text-opacity: 1;color: rgb(55 65 81/var(--tw-text-opacity)) }.hover\:text-pink-500:hover {--tw-text-opacity: 1;color: rgb(236 72 153/var(--tw-text-opacity)) }.hover\:text-purple-200:hover {--tw-text-opacity: 1;color: rgb(233 213 255/var(--tw-text-opacity)) }.hover\:text-white:hover {--tw-text-opacity: 1;color: rgb(255 255 255/var(--tw-text-opacity)) }.focus\:z-10:focus {z-index: 10 }.focus\:border-purple-500:focus {--tw-border-opacity: 1;border-color: rgb(168 85 247/var(--tw-border-opacity)) }.focus\:outline-none:focus {outline: 2px solid #0000;outline-offset: 2px }.focus\:ring-2:focus {--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) }.focus\:ring-blue-500:focus {--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246/var(--tw-ring-opacity)) }.focus\:ring-pink-500:focus {--tw-ring-opacity: 1;--tw-ring-color: rgb(236 72 153/var(--tw-ring-opacity)) }.focus\:ring-purple-500:focus {--tw-ring-opacity: 1;--tw-ring-color: rgb(168 85 247/var(--tw-ring-opacity)) }.focus\:ring-offset-2:focus {--tw-ring-offset-width: 2px }@keyframes bounce {0%, to {animation-timing-function: cubic-bezier(.8, 0, 1, 1);transform: translateY(-25%) }50% {animation-timing-function: cubic-bezier(0, 0, .2, 1);transform: none }}.group:hover .group-hover\:animate-bounce {animation: bounce 1s infinite }.group:hover .group-hover\:text-purple-400 {--tw-text-opacity: 1;color: rgb(192 132 252/var(--tw-text-opacity)) }@media (min-width:640px) {.sm\:grid-cols-8 {grid-template-columns: repeat(8, minmax(0, 1fr)) }.sm\:px-6 {padding-left: 1.5rem;padding-right: 1.5rem }.sm\:text-sm {font-size: .875rem;line-height: 1.25rem }}@media (min-width:768px) {.md\:flex {display: flex }.md\:hidden {display: none }.md\:h-\[270px\] {height: 270px }.md\:w-64 {width: 16rem }.md\:w-\[210px\] {width: 210px }.md\:w-\[450px\] {width: 450px }.md\:grid-cols-10 {grid-template-columns: repeat(10, minmax(0, 1fr)) }.md\:grid-cols-3 {grid-template-columns: repeat(3, minmax(0, 1fr)) }.md\:flex-row {flex-direction: row }.md\:gap-4 {gap: 1rem }.md\:text-left {text-align: left }.md\:text-2xl {font-size: 1.5rem;line-height: 2rem }.md\:text-3xl {font-size: 1.875rem;line-height: 2.25rem }.md\:text-4xl {font-size: 2.25rem;line-height: 2.5rem }.md\:text-5xl {font-size: 3rem;line-height: 1 }.md\:text-sm {font-size: .875rem;line-height: 1.25rem }}@media (min-width:1024px) {.lg\:ml-4 {margin-left: 1rem }.lg\:mt-0 {margin-top: 0 }.lg\:w-1\/4 {width: 25% }.lg\:w-3\/4 {width: 75% }.lg\:flex-row {flex-direction: row }.lg\:px-8 {padding-left: 2rem;padding-right: 2rem }}.cardshimmer {animation-duration: 2.5s;animation-fill-mode: forwards;animation-iteration-count: infinite;animation-name: shimmer;animation-timing-function: linear;background: linear-gradient(90deg, #fff 8%, #494958 18%, #fff 33%);background-size: 1200px 100%;overflow: hidden }@keyframes shimmer {0% {background-position: -1200px 0 }to {background-position: 1200px 0 }}.admin-dashboard {background-color: #1e1e1e;border-radius: 8px;margin: 8rem auto auto;max-width: 1200px;padding: 20px }.admin-dashboard h1, .admin-dashboard h2, .admin-dashboard h3 {color: #fff;margin-bottom: 20px }.search-section-admin {margin-bottom: 20px }.search-input-admin {background-color: #333;border: 1px solid #333;border-radius: 4px;color: #e0e0e0;padding: 10px;width: 100% }.form-section-admin {margin-bottom: 40px }.form-container-admin {background-color: #2a2a2a;border-radius: 8px;padding: 20px }.button-admin, .form-container-admin input, .form-container-admin textarea {background-color: #333;border: 1px solid #333;border-radius: 4px;color: #e0e0e0;display: block;margin-bottom: 10px;padding: 10px;width: 100% }.form-container-admin textarea {resize: vertical }.form-container-admin button {background-color: #6200ea;border: none;color: #fff;cursor: pointer;transition: background-color .3s }.form-container-admin button:hover {background-color: #00b377 }.button-danger {background-color: #b00020 }.button-danger:hover {background-color: #f0d }.anime-list {list-style-type: none;padding: 0 }.anime-list li {align-items: center;background-color: #2a2a2a;border-bottom: 1px solid #333;border-radius: 4px;display: flex;justify-content: space-between;padding: 10px }.anime-list li:last-child {border-bottom: none }.anime-list span {color: #e0e0e0 }.edit-anime-section {margin-top: 20px }@media (max-width:768px) {.admin-dashboard {padding: 10px }}.admin-dashboard-items {margin: 10rem auto 0;max-width: 1200px;padding: 20px }.admin-dashboard-items h1, .admin-dashboard-items h2 {color: #fff;margin-bottom: 20px }.error-message {background-color: #2c3e50;border: 1px solid #c0392b;border-radius: 4px;color: #e74c3c;margin-bottom: 20px;padding: 10px }.filter-button {background-color: #1e1e1e;border: 1px solid #333;color: #e0e0e0;margin-right: 10px;padding: 10px 20px;transition: background-color .3s }.filter-button.active, .filter-button:hover {background-color: #1e90ff;border-color: #1c86ee;color: #fff }.rezani-form {background-color: #1e1e1e;border-radius: 8px;box-shadow: 0 0 10px #00000080;margin-bottom: 40px;padding: 20px }.input-field {background-color: #2e2e2e;border: 1px solid #333;border-radius: 4px;color: #e0e0e0;margin-bottom: 10px;padding: 10px;width: 100% }.checkbox-label {align-items: center;display: flex;margin-bottom: 10px }.checkbox-input {margin-right: 10px }.submit-button {background-color: #1e90ff;padding: 10px 20px }.submit-button:disabled {background-color: #555;cursor: not-allowed }.submit-button:hover {background-color: #1c86ee }.rezani-list {list-style: none;padding: 0 }.rezani-item {background: #2e2e2e;border-radius: 8px;margin-bottom: 15px;padding: 15px }.rezani-item img {border-radius: 4px;margin-right: 15px;max-width: 100px }.rezani-title {color: #fff }.rezani-link {color: #e0e0e0 }.toggle-button {background-color: #1e90ff;border: none;border-radius: 4px;color: #fff;cursor: pointer;margin-right: 5px;padding: 5px 10px }.toggle-button:hover {background-color: #1c86ee }.recommended-items {border-left: 5px solid #1e90ff }.movie {border-left: 5px solid #ff4500 }.latest {border-left: 5px solid #32cd32 }.cancel-button {padding: 5px 10px }.filter-button.active {background-color: #1c86ee }.search-field {border: 1px solid #ccc;border-radius: 4px;font-size: 16px;padding: 10px;width: 100% }.filter-buttons, .search-field {margin-bottom: 20px }.filter-button {background-color: #1c86ee;border: none;border-radius: 4px;color: #fff;cursor: pointer;margin-right: 5px;padding: 10px 15px }.filter-button.active {background-color: #155a8a }.filter-button:hover {background-color: #1a5a9e }.cancel-button, .input-field, .submit-button {margin-bottom: 10px }.submit-button {background-color: #4caf50;border: none;border-radius: 4px;color: #fff;cursor: pointer;padding: 10px 15px }.submit-button:hover {background-color: #45a049 }.cancel-button {background-color: #dc143c;border: none;border-radius: 4px;color: #fff;cursor: pointer;padding: 10px 15px }.cancel-button:hover {background-color: #c8102e }.rezani-item {align-items: center;display: flex;margin-bottom: 10px }.rezani-image {height: 100px;margin-right: 10px;object-fit: cover;width: 100px }.rezani-details {flex: 1 1 }.rezani-title {font-size: 18px;margin: 0 }.rezani-link {color: #1c86ee;text-decoration: none }.edit-button {background-color: orange;border: none;border-radius: 4px;color: #fff;cursor: pointer;margin-right: 5px;padding: 5px 10px }.edit-button:hover {background-color: #ff8c00 }@media (max-width:768px) {.rezani-item {align-items: flex-start;flex-direction: column }.rezani-item img {margin-bottom: 10px }.input-field {padding: 8px }.submit-button {padding: 8px 16px }.filter-button {display: block;margin-bottom: 10px;width: 100% }}* {border: none;box-sizing: border-box;font-family: Poppins, sans-serif;margin: 0;outline: none;padding: 0;scroll-behavior: smooth;text-decoration: none }html {background-color: #111827;background-color: var(--bg-color) }:root {--bg-color: #111827;--second-bg-color: #323946;--text-color: #fff;--main-color: #0ef }::-webkit-scrollbar {width: 0 }::-webkit-scrollbar-track {background: #111827;background: var(--bg-color) }::-webkit-scrollbar-thumb {background: #888;border-radius: 10px }::-webkit-scrollbar-thumb:hover {background: #fff }@media screen and (max-width:768px) {html {font-size: 85% }}