@import "https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&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";html{box-sizing:border-box}*,:before,:after{box-sizing:inherit}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,q,samp,small,sub,sup,tt,var,u,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,button,video{font:inherit;vertical-align:baseline;border:0;margin:0;padding:0;font-size:100%}article,aside,details,figcaption,figure,footer,header,hgroup,img,menu,nav,section,svg{display:block}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}textarea,select,input.text,input[type=text],input[type=button],input[type=submit],input[type=search]{-webkit-appearance:none}:root{--background-primary:#1a1a1a;--background-secondary:#2d2d2d;--text-primary:#eee;--text-secondary:#a5a5a5;--black:#000;--white:#fff;--red:#ff3838;--shadow:var(--black) 0px 10px 18px -10px}body{background:var(--background-primary);color:var(--text-primary);font-family:Poppins,sans-serif;font-weight:200;line-height:1.2}h1{z-index:1;margin-bottom:2rem;font-family:Cairo,sans-serif;font-size:2.5rem;font-weight:400;position:relative}h2{z-index:1;margin-bottom:1rem;font-size:1.125rem;font-weight:400;position:relative}h3{margin-bottom:.75rem;font-size:1rem;font-weight:400}p{margin-bottom:.5rem}a{text-decoration:none}a:link,a:visited,a:active,a:hover{color:var(--text-primary)}.link{display:inline-block;position:relative}.link:after{background-color:var(--white);content:"";width:0;height:1px;margin:auto;transition:all .15s;display:block;position:absolute;bottom:-2px;left:50%}.link:hover:after{width:100%;left:0}.active{font-weight:500}.active:after{width:100%;left:0}.search{font-size:1rem;position:relative}.search__dummy{width:2em;height:3em}.search__container{position:absolute;top:.4em;right:0}.search__input{background-color:var(--black);color:var(--text-primary);border:3px solid #0000;border-radius:3em;outline:none;width:2.2em;height:2.2em;padding:.375em .75em;font-size:1em;transition:width .25s}.search__input::placeholder{color:var(--background-primary)}.search__input:focus::placeholder{color:#a4a4a4}.search__input:focus,.search__input:not(:placeholder-shown){background-color:var(--background-primary);width:calc(100vw - 13.25rem)}.search__input:focus-visible{background:linear-gradient(var(--background-primary), var(--background-primary)) padding-box, linear-gradient(45deg, #ffac5e 0%, #cf1794 12%, #8c189c 34%, #5b18a2 50%, #3c16bf 68%, #06d8f9 100%) border-box}.search__icon,.search__clear{background-color:unset;color:var(--text-primary);cursor:pointer;opacity:0;pointer-events:none;visibility:hidden;width:1em;height:1em;font-size:1.5em;transition:opacity .15s,rotate .15s,visibility .15s;position:absolute;top:50%;right:.5rem;translate:0 -50%;rotate:90deg}.search:has(.search__input:placeholder-shown) .search__icon{opacity:1;pointer-events:all;visibility:visible;rotate:0deg}.search:has(.search__input:not(:placeholder-shown)) .search__clear{opacity:1;pointer-events:all;visibility:visible;font-size:1em;rotate:0deg}.search__input:focus+.search__icon{font-size:1em;transition:all .25s}input[type=search]::-webkit-search-decoration{appearance:none}input[type=search]::-webkit-search-cancel-button{appearance:none}input[type=search]::-webkit-search-results-button{appearance:none}input[type=search]::-webkit-search-results-decoration{appearance:none}@media (width>=600px){.search{font-size:1rem}.search__input{background-color:var(--background-primary)}.search__input:focus,.search__input:not(:placeholder-shown){width:12em}.search__icon,.search__clear{font-size:1.125em}}@media (width>=768px){.search__dummy{width:7em;height:3em}.search__input{width:7em}.search__input::placeholder{color:var(--text-secondary)}}.mobile-menu__button{cursor:pointer;-webkit-user-select:none;user-select:none;z-index:5;background:0 0;padding:1.5rem 0}.mobile-menu__icon,.mobile-menu__icon:before,.mobile-menu__icon:after{background-color:var(--text-primary);border-radius:2px;height:2px;transition:all .25s ease-in-out;display:block;position:relative}.mobile-menu__icon{width:22px}.mobile-menu__icon:before,.mobile-menu__icon:after{content:"";position:absolute;right:0}.mobile-menu__icon:before{width:28px;top:-8px}.mobile-menu__icon:after{width:16px;top:8px}.mobile-menu__icon.open{background:0 0}.mobile-menu__icon.open:before{opacity:1;width:30px;top:-10px;transform:rotate(45deg)translate(7px,7px)}.mobile-menu__icon.open:after{width:30px;top:10px;transform:rotate(-45deg)translate(7px,-7px)}.mobile-menu__overlay{background:var(--background-primary);visibility:hidden;z-index:2;width:100vw;height:100dvh;position:fixed;inset:0}.mobile-menu__overlay:before{content:"";opacity:0;border:10px solid #0000;border-image:linear-gradient(45deg,#ffac5e 0%,#cf1794 12%,#8c189c 34%,#5b18a2 50%,#3c16bf 68%,#06d8f9 100%) 10;transition:opacity .5s ease-in-out;position:absolute;inset:0}.mobile-menu__overlay.open,.open.mobile-menu__overlay:before{opacity:1;visibility:visible}.mobile-menu__list{flex-direction:column;justify-content:center;align-items:center;height:100dvh;display:flex}.mobile-menu__link{border-bottom:1px solid var(--text-primary);text-align:center;width:8em;padding:1rem;font-size:1.25rem;display:inline-block;position:relative}.mobile-menu__link:hover{font-weight:700}.mobile-menu__link--no-border{border-bottom:none}.mobile-menu__spacing{padding:1rem}@media (width>=600px){.mobile-menu__button{display:none}}.header{z-index:2;justify-content:space-between;width:100%;height:4.5rem;padding:1rem 1.5rem;font-family:Poppins,serif;font-weight:200;display:flex;position:sticky;top:0}.header__left,.header__right{align-items:center;gap:1.25rem;display:flex}.header__logo{height:2.25rem}.header__link{--bold:500;flex-direction:column;align-items:center;display:none}.header__link:hover{font-weight:var(--bold)}.header__link:before{content:attr(data-text) / "";font-weight:var(--bold);pointer-events:none;-webkit-user-select:none;user-select:none;visibility:hidden;height:0;overflow:hidden}.header__icon{width:1.4rem;font-size:1.4rem;display:none}.header__background{--background:var(--black);--size:5px;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-image:linear-gradient(to right, var(--background) var(--size), transparent var(--size)), linear-gradient(to bottom, var(--background) var(--size), transparent var(--size)), linear-gradient(to right, var(--background) var(--size), transparent var(--size)), linear-gradient(to bottom, var(--background) var(--size), transparent var(--size)), linear-gradient(to bottom, transparent var(--size), var(--background) var(--size));background-size:calc(var(--size) * 2) var(--size), calc(var(--size) * 2) var(--size), calc(var(--size) * 2) var(--size), calc(var(--size) * 2) var(--size), 100% calc(100% - var(--size) * 3);background-position:0 var(--size), top left, 0 calc(100% - var(--size)), bottom left, 0 var(--size);box-sizing:border-box;background-repeat:repeat-x;box-shadow:0 4px 5px -2px #00000080}@media (width>=600px){.header{height:5rem}.header__logo{height:2.5rem}.header__link,.header__icon{display:inline-flex}}@media (width>=768px){.header__logo{margin-right:2rem}.header__left,.header__right{gap:1.75rem}}@media (width>=1200px){.header{padding:1rem 4rem}}@media speech{.header__link:before{display:none}}footer{color:var(--text-secondary);justify-content:center;align-items:center;height:2rem;font-size:.875rem;display:flex}#root{grid-template-rows:auto 1fr auto;min-height:100dvh;display:grid}.main-wrapper{width:100vw;padding:1rem 1.5rem;overflow-x:hidden}@media (width>=600px){.main-wrapper{padding:1.5rem}}@media (width>=1200px){.main-wrapper{padding:2rem 4rem}}.swiper-image{aspect-ratio:1;background-color:var(--background-secondary);box-shadow:var(--shadow);color:var(--text-secondary);cursor:pointer;object-fit:cover;border-radius:5px;justify-content:center;align-items:center;width:100%;margin-bottom:.5rem;transition:transform .15s,opacity .15s;display:flex}.swiper-image:hover{transition:transform .3s;transform:scale(1.05)}@media (width>=600px){.swiper-image{aspect-ratio:16/9}}.swiper-title{text-overflow:ellipsis;white-space:nowrap;max-width:100%;height:1.2rem;padding:0 .5rem;font-size:.875rem;transition:opacity .15s;overflow:hidden}.placeholder__item{flex-direction:column;gap:.5rem;width:100%;display:flex}.placeholder__image{aspect-ratio:1;background:var(--background-secondary);border-radius:5px;width:100%;animation:1.5s ease-in-out infinite pulse}.placeholder__text{background:var(--background-secondary);border-radius:5px;width:50%;height:1.2rem;margin-left:.5rem;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@media (width>=600px){.placeholder__image{aspect-ratio:16/9}}.swiper-placeholder__container{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem;display:grid}.swiper-placeholder__slide:nth-child(n+3){display:none}@media (width>=900px){.swiper-placeholder__slide:nth-child(n+6){display:flex}.swiper-placeholder__container{grid-template-columns:repeat(3,1fr)}}@media (width>=1200px){.swiper-placeholder__slide:nth-child(n+5){display:flex}.swiper-placeholder__container{grid-template-columns:repeat(4,1fr)}}@media (width>=1500px){.swiper-placeholder__slide:nth-child(n+4){display:flex}.swiper-placeholder__container{grid-template-columns:repeat(5,1fr)}}@media (width>=2200px){.swiper-placeholder__slide:nth-child(n+3){display:flex}.swiper-placeholder__container{grid-template-columns:repeat(6,1fr)}}:root{--swiper-theme-color:#007aff}:host{z-index:1;margin-left:auto;margin-right:auto;display:block;position:relative}.swiper{z-index:1;margin-left:auto;margin-right:auto;padding:0;list-style:none;display:block;position:relative;overflow:hidden}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{z-index:1;width:100%;height:100%;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box;display:flex;position:relative}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate(0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;transition-property:transform;display:block;position:relative}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{scrollbar-width:none;-ms-overflow-style:none;overflow:auto}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(#0000,#00000080)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(#00000080,#0000)}.swiper-lazy-preloader{z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top-color:#0000;border-radius:50%;width:42px;height:42px;margin-top:-21px;margin-left:-21px;position:absolute;top:50%;left:50%}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:1s linear infinite swiper-preloader-spin}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--swiper-navigation-size:44px}.swiper-button-prev,.swiper-button-next{width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;color:var(--swiper-navigation-color,var(--swiper-theme-color));justify-content:center;align-items:center;display:flex;position:absolute}:is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}:is(.swiper-button-prev,.swiper-button-next).swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next){display:none!important}:is(.swiper-button-prev,.swiper-button-next) svg{object-fit:contain;transform-origin:50%;fill:currentColor;pointer-events:none;width:100%;height:100%}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset,4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset,4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset,4px);left:auto}:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon{transform:rotate(180deg)}:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0;right:auto}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset,4px);bottom:auto}:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto}:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) .swiper-navigation-icon{transform:rotate(90deg)}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);touch-action:none;background:var(--swiper-scrollbar-bg-color,#0000001a);position:relative}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%));position:absolute}.swiper-vertical>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical{left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%));position:absolute}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);width:100%;height:100%;position:relative;top:0;left:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper .swiper-notification{pointer-events:none;opacity:0;z-index:-1000;position:absolute;top:0;left:0}.swiper{margin-bottom:2rem;font-weight:200;overflow:visible}.swiper-slide:not(.swiper-slide-visible) .swiper-image{opacity:.33}.swiper-slide:not(.swiper-slide-visible) .swiper-title{opacity:0}.swiper-button-next,.swiper-button-prev{--swiper-navigation-top-offset:calc(50% - .85rem);--swiper-navigation-color:var(--white);transition:transform .2s}.swiper-button-next:hover,.swiper-button-prev:hover{transform:scale(1.15)}.swiper-button-disabled,.swiper-button-next:after,.swiper-button-prev:after{font-size:2rem;font-weight:700;transition:transform .2s;display:none}.swiper-button-next:focus-visible:after,.swiper-button-prev:focus-visible:after{display:block}.swiper-button-next:hover:after,.swiper-button-prev:hover:after{transform:scale(1.25)}.swiper-scrollbar.swiper-scrollbar-horizontal{--swiper-scrollbar-sides-offset:0px;background:0 0;height:1px;top:-9px}.swiper-scrollbar-drag{background:var(--text-primary);height:1px}@media (width>=600px){.swiper-button-next:after,.swiper-button-prev:after{display:block}}.circular-rating{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;flex:none;width:3.5em;height:3.5em;font-size:1em;display:inline-block;position:relative}.circular-rating__progress{stroke-width:5px;transform-origin:50%;fill:#0000;width:100%;height:100%;position:absolute;top:0;left:0;transform:rotate(-90deg)}.circular-rating__background{fill:#0000;stroke:var(--background-primary);stroke-width:15px}.circular-rating__text{color:inherit;font-size:1em;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.button{--hover-background:#575757;background-color:var(--text-primary);border:2px solid var(--text-primary);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;width:100%;padding:.6875em 1.125em;font-size:1rem;font-weight:400;text-decoration:none;transition:background-color .25s;display:flex}.button:hover{background:var(--hover-background);border-color:var(--white);color:var(--white);font-weight:700}.button:focus-visible{color:var(--text-primary);background-origin:border-box;background-clip:padding-box,border-box;background-image:linear-gradient(var(--hover-background), var(--hover-background)), linear-gradient(45deg, #ffac5e 0%, #cf1794 12%, #b31ac8 34%, #8716ff 50%, #4b17ff 68%, #06d8f9 100%);border:2px solid #0000;border-radius:5px;outline:none;font-weight:700}.button--secondary{background-color:var(--background-secondary);color:var(--text-primary)}.button--frost{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:unset;background-color:#ffffff1a}.button--frost:hover{background:#fff3;font-weight:400}.button--frost:focus-visible{font-weight:400}.button__play-icon{margin-right:.5rem}.hero-banner__placeholder,.hero-banner{justify-content:center;align-items:center;width:100vw;margin:-1.5rem -1.5rem -7rem;display:flex;position:relative;overflow:hidden}.hero-banner__placeholder-image,.hero-banner__image{aspect-ratio:1;background:var(--background-secondary);object-fit:cover;object-position:top;width:100%;height:100%}.hero-banner__overlay{background:linear-gradient(to bottom, #0000 0%, var(--background-primary) 100%);position:absolute;inset:0}.hero-banner__rating{z-index:1;color:var(--white);position:absolute;top:1.5rem;left:1rem}.hero-banner__info{z-index:1;flex-direction:column;align-items:center;width:90%;max-width:65ch;display:flex;position:absolute}.hero-banner__title{color:var(--white);text-align:center;margin-bottom:1rem;font-size:2rem;font-weight:700}.hero-banner__description{display:none}@media (width>=600px){.hero-banner__title{font-size:2.5rem}}@media (width>=768px){.hero-banner__placeholder-image,.hero-banner__image{aspect-ratio:16/12}.hero-banner{justify-content:flex-start}.hero-banner__rating{left:unset;right:2rem}.hero-banner__title{text-align:left}.hero-banner__info{align-items:flex-start;margin-left:2rem}.hero-banner__description{-webkit-line-clamp:3;text-overflow:ellipsis;white-space:normal;max-height:4rem;color:var(--text-primary);-webkit-box-orient:vertical;margin-bottom:1.5rem;font-size:1.125rem;font-weight:400;display:-webkit-box;overflow:hidden}}@media (width>=900px){.hero-banner__placeholder-image,.hero-banner__image{aspect-ratio:16/10}}@media (width>=1200px){.hero-banner__placeholder-image,.hero-banner__image{aspect-ratio:16/9}.hero-banner,.hero-banner__placeholder{margin:-4rem -4rem -8rem}.hero-banner__rating{font-size:1.25rem;top:3rem;right:2rem}.hero-banner__title{font-size:3rem}.hero-banner__info{margin-left:4rem}}@media (width>=1500px){.hero-banner__placeholder-image,.hero-banner__image{aspect-ratio:21/9}}.error-wrapper{flex-direction:column;align-items:center;gap:1rem;display:flex}.homepage__spacing{width:100%;padding:1rem 0}@media (width>=768px){.homepage__spacing{padding:1.5rem 0}}.search-results{grid-template-columns:repeat(2,1fr);gap:3rem 1rem;margin-bottom:4rem;display:grid}.search-results__headline{font-family:Cairo,sans-serif;font-size:2rem}.search-results__item{flex-direction:column;display:flex}.search-results__text-wrapper{width:100%;position:relative}.search-results__text-wrapper .swiper-title{position:absolute}@media (width>=900px){.search-results{grid-template-columns:repeat(3,1fr)}}@media (width>=1200px){.search-results{grid-template-columns:repeat(4,1fr)}}@media (width>=1500px){.search-results{grid-template-columns:repeat(5,1fr)}}@media (width>=2200px){.search-results{grid-template-columns:repeat(6,1fr)}}.search-placeholder__headline{background:var(--background-secondary);border-radius:5px;width:10rem;height:2.4rem;margin-bottom:1rem;animation:1.5s ease-in-out infinite pulse}.profile{flex-direction:column;align-items:center;display:flex}.profile__headline{font-weight:700}.profile__card{background-color:var(--background-secondary);box-shadow:var(--shadow);border-radius:1rem;width:100%;margin-bottom:2rem;padding:2rem;position:relative}@media (width>=600px){.profile__card{width:380px}}.profile__card--headline{text-align:center;margin-bottom:2rem;font-size:1.25rem;font-weight:700}.profile__input-group{margin-bottom:1.25rem;position:relative}.profile__input-group:last-of-type{margin-bottom:2rem}.profile__input{border:1px solid var(--text-primary);color:var(--text-primary);background:0 0;border-radius:5px;outline:none;width:100%;height:3rem;padding:1.5rem;font-size:1rem;transition:border .2s ease-in-out}.profile__label{background-color:var(--background-secondary);color:var(--text-primary);font-size:1rem;transition:all .2s ease-in-out;position:absolute;top:0;left:1.5rem;transform:translateY(-50%)}.profile__input:focus-visible{background-origin:border-box;background-clip:padding-box,border-box;background-image:linear-gradient(var(--background-secondary), var(--background-secondary)), linear-gradient(45deg, #ffac5e 0%, #cf1794 12%, #b31ac8 34%, #8716ff 50%, #4b17ff 68%, #06d8f9 100%);border:1px solid #0000;border-radius:5px}.youtube-player__wrapper{aspect-ratio:16/9;width:100%;min-width:300px;position:relative}.youtube-player__iframe{box-shadow:var(--shadow);border-radius:1rem;width:100%;height:100%;position:absolute;top:0;left:0}.youtube-player__placeholder{aspect-ratio:16/9;background-color:var(--background-secondary);box-shadow:var(--shadow);border-radius:1rem;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.youtube-player__backdrop{object-fit:cover;width:100%}.youtube-player__placeholder--loading{animation:1.5s ease-in-out infinite pulse}.player-page-placeholder__headline,.player-page-placeholder__genres,.player-page-placeholder__player,.player-page-placeholder__info{background-color:var(--background-secondary);border-radius:1rem;animation:1.5s ease-in-out infinite pulse}.player-page-placeholder__headline{border-radius:5px;width:15rem;height:2.4rem;margin-bottom:.5rem}.player-page-placeholder__genres{border-radius:5px;width:10rem;height:1.2rem;margin-bottom:1.5rem}.player-page-placeholder__content{grid-template-columns:1fr;gap:1rem;margin-top:1rem;display:grid}.player-page-placeholder__player{aspect-ratio:16/9;width:100%;height:100%}.player-page-placeholder__info{width:100%;min-height:300px}@media (width>=600px){.player-page-placeholder__headline{width:20rem;height:3rem}.player-page-placeholder__genres{width:15rem}}@media (width>=1200px){.player-page-placeholder__content{grid-template-columns:1fr 400px}}.player-page__status{text-align:center;font-size:1.25rem}.player-page__headline{margin-bottom:.5rem;font-size:2rem;font-weight:700}.player-page__release-year{font-weight:200}.player-page__genres{margin-bottom:1.5rem}.player-page__content{grid-template-columns:1fr;gap:1rem;display:grid}.player-page__info-card{background-color:var(--background-secondary);box-shadow:var(--shadow);border-radius:1rem}.player-page__info-header{justify-content:space-between;gap:.5rem;padding-left:2rem;display:flex}.player-page__details{padding:0 2rem 2rem}.player-page__rating{padding-top:1rem;padding-right:5rem;font-size:1.25rem;position:relative}.player-page__circle{position:absolute;right:.5rem}.player-page__section-title{margin-top:2rem;margin-bottom:.75rem;font-size:1.25rem}.player-page__info-item{margin-bottom:.25rem}.player-page__info-item strong{font-weight:400}.player-page__description{line-height:1.375rem}.player-page__related{margin-top:2rem}@media (width>=600px){.player-page__headline{font-size:2.5rem}.player-page__related{margin-top:3rem}}@media (width>=1200px){.player-page__content{grid-template-columns:1fr 400px}.player-page__related{margin-top:4rem}}@media (width>=2200px){.player-page{max-width:2200px;margin:0 auto}}.signup{justify-content:center;display:flex}.signup__card{--gradient-border-size:2px;background-color:var(--background-secondary);border-radius:calc(1rem - var(--gradient-border-size));width:380px;padding:2rem 2rem 1rem;position:relative}.signup__card:before{bottom:calc(-1 * var(--gradient-border-size));box-shadow:var(--shadow);content:"";left:calc(-1 * var(--gradient-border-size));right:calc(-1 * var(--gradient-border-size));top:calc(-1 * var(--gradient-border-size));z-index:-1;background:linear-gradient(45deg,#ffac5e 0%,#cf1794 12%,#8c189c 34%,#5b18a2 50%,#3c16bf 68%,#06d8f9 100%);border-radius:1rem;position:absolute}.signup__divider{background:linear-gradient(45deg,#ffac5e 0%,#cf1794 12%,#b31ac8 34%,#8716ff 50%,#4b17ff 68%,#06d8f9 100%);border:none;height:1px;margin:1rem 0}.signup__title{text-align:center;margin-bottom:2rem;font-size:2rem}.signup__input-group{margin-bottom:1rem;position:relative}.signup__input{border:1px solid var(--text-primary);color:var(--text-primary);background:0 0;border-radius:5px;outline:none;width:100%;height:3rem;padding:1.5rem;font-size:1rem;transition:border .2s ease-in-out}.signup__label{background-color:var(--background-secondary);color:var(--text-primary);font-size:1rem;transition:all .2s ease-in-out;position:absolute;top:50%;left:1.5rem;transform:translateY(-50%)}.signup__input:focus-visible{background-origin:border-box;background-clip:padding-box,border-box;background-image:linear-gradient(var(--background-secondary), var(--background-secondary)), linear-gradient(45deg, #ffac5e 0%, #cf1794 12%, #b31ac8 34%, #8716ff 50%, #4b17ff 68%, #06d8f9 100%);border:1px solid #0000;border-radius:5px}.signup__input:focus~.signup__label,.signup__input:not(:placeholder-shown)~.signup__label{color:var(--primary-color);top:0;left:1.5rem}.signup__actions{margin-top:2rem;margin-bottom:1rem}.signup__forgot{color:var(--text-secondary);text-align:center;background:0 0;width:100%;margin-top:1rem;font-size:.85rem;text-decoration:none}.signup__toggle{color:var(--text-primary);cursor:pointer;background:0 0;border:none;width:100%;margin-top:1rem;font-size:.9rem;display:block}.signup__forgot:hover,.signup__toggle:hover{text-decoration:underline}