.games-catalog-bg{background:var(--color-bg-main);position:absolute;inset:0;overflow:hidden}.games-catalog-bg:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(180deg, rgb(var(--color-bg-main-rgb)/75%) 0%, transparent 22%, transparent 68%, var(--color-bg-main) 100%);position:absolute;inset:0}.games-catalog-bg__stage{justify-content:center;gap:clamp(var(--space-4),2vw,var(--space-8));opacity:.72;flex-direction:column;display:flex;position:absolute;inset:-18% -12%;transform:rotate(-40deg)scale(1.2)translateY(-100px)}.games-catalog-bg__viewport{cursor:grab;-webkit-user-select:none;user-select:none;width:116%;overflow:hidden}.games-catalog-bg__viewport:active{cursor:grabbing}.games-catalog-bg__container{margin-left:calc(var(--space-6)*-1);touch-action:pan-y pinch-zoom;will-change:transform;align-items:stretch;gap:0;display:flex}.games-catalog-bg__slide{min-width:0;padding-left:var(--space-6);flex:0 0 20%;transform:translate(0,0)}.games-catalog-bg__slide-inner{aspect-ratio:16/9;border:1px solid rgb(var(--color-purple-rgb)/30%);border-radius:clamp(var(--radius-sm),1.2vw,var(--radius-md));background:var(--color-bg-surface);box-shadow:0 16px 42px rgb(var(--color-black-rgb)/30%),0 0 28px rgb(var(--color-purple-deep-rgb)/8%);display:block;position:relative;overflow:hidden}.games-catalog-bg__slide-inner:after{content:"";background:linear-gradient(135deg, rgb(var(--color-blue-rgb)/8%), transparent 45%, rgb(var(--color-purple-rgb)/8%));position:absolute;inset:0}.games-catalog-bg__slide-inner img{object-fit:cover;filter:saturate(.85)brightness(.72);width:100%;height:100%;display:block;transform:scale(1.015)}.games-catalog-bg__image{width:100%;height:100%}@media (max-width:1440px){.games-catalog-bg__viewport--5{display:none}.games-catalog-bg__stage{inset:-12% -16%;transform:rotate(-5deg)scale(1.08)}}@media (max-width:767px){.games-catalog-bg:before{content:"";z-index:2;pointer-events:none;background:radial-gradient(ellipse 68% 48% at center, rgb(var(--color-bg-main-rgb)/50%) 0%, rgb(var(--color-bg-main-rgb)/30%) 50%, transparent 100%);position:absolute;inset:0}.games-catalog-bg__stage{gap:var(--space-5);opacity:.62;inset:-8% -45%;transform:rotate(-40deg)scale(1.3)translateY(-20px)}.games-catalog-bg__container{margin-left:calc(var(--space-4)*-1)}.games-catalog-bg__slide{padding-left:var(--space-4);flex-basis:180px}.games-catalog-bg__slide-inner{border-radius:var(--radius-sm)}}@media (prefers-reduced-motion:reduce){.games-catalog-bg__container{will-change:auto}}
.hero-template-cards{padding:0 var(--space-6);justify-content:center;align-items:flex-end;margin-top:5vh;display:flex;position:relative}@media (max-width:767px){.hero-template-cards{margin-top:var(--space-12)}}.hero-template-card{width:250px;padding:var(--space-5);margin-inline:calc(var(--space-3)*-1);text-align:start;align-items:flex-start;gap:var(--space-3);transition:transform var(--transition-duration-long) var(--ease-emphasized),box-shadow var(--transition-duration-long) var(--ease-emphasized),border-color var(--transition-duration-long) var(--ease-emphasized);background:rgb(var(--color-bg-surface-rgb)/50%);height:100%;max-height:300px;-webkit-backdrop-filter:var(--blur-surface);border:1px solid rgb(var(--color-purple-rgb)/16%);box-shadow:inset 0 1px 1px rgb(var(--color-white-rgb)/8%),0 30px 80px rgb(var(--color-black-rgb)/50%);border-radius:var(--radius-lg);flex-direction:column;display:flex}@media (max-width:1023px){.hero-template-card{margin-inline:calc(var(--space-3)*-1);width:150px;padding:var(--space-3) var(--space-8);gap:var(--space-1);font-size:var(--font-size-base);justify-content:center;align-items:center}}@media (max-width:767px){.hero-template-card{margin-inline:calc(var(--space-2)*-1);width:150px;padding:var(--space-3) var(--space-8);gap:var(--space-1);font-size:var(--font-size-base);border-radius:var(--radius-sm);justify-content:center;align-items:center;display:none}}@media (any-hover:hover){.hero-template-card:hover{border-color:rgb(var(--color-purple-rgb)/30%);box-shadow:inset 0 1px 1px rgb(var(--color-white-rgb)/16%),0 50px 120px rgb(var(--color-purple-rgb)/30%),0 30px 80px rgb(var(--color-black-rgb)/50%);animation-play-state:paused;z-index:10!important;transform:translateY(-14px)rotate(0)scale(1.05)!important}}@media (any-hover:none){.hero-template-card:active{border-color:rgb(var(--color-purple-rgb)/30%);box-shadow:inset 0 1px 1px rgb(var(--color-white-rgb)/16%),0 50px 120px rgb(var(--color-purple-rgb)/30%),0 30px 80px rgb(var(--color-black-rgb)/50%);animation-play-state:paused;z-index:10!important;transform:translateY(-14px)rotate(0)scale(1.05)!important}}.hero-template-card__icon{width:30px;height:30px;color:var(--color-purple);align-self:center}.hero-template-card__title{font-size:var(--font-size-base);color:var(--color-text);font-weight:600;line-height:1.3}.hero-template-card__subtitle{color:var(--color-text-muted);font-size:var(--font-size-base);line-height:1.3}
.hero-template{width:100%;height:100vh;padding-inline:var(--container-padding-x);position:relative;overflow:hidden}.hero-template--interactive-bg .hero-template__image-wrapper{z-index:0;pointer-events:auto}.hero-template--interactive-bg .hero-template__overlay-1,.hero-template--interactive-bg .hero-template__overlay-2,.hero-template--interactive-bg .hero-template__inner{pointer-events:none}.hero-template--interactive-bg .hero-template__buttons{pointer-events:auto}.hero-template__image{object-fit:cover;width:100%;height:100%}.hero-template__image-wrapper{z-index:-1;pointer-events:none;position:absolute;inset:0}.hero-template__image-wrapper:before{content:"";background:linear-gradient(180deg, rgb(var(--color-black-rgb)/16%) 0%, rgb(var(--color-black-rgb)/30%) 100%);pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.hero-template__overlay-1{background:linear-gradient(180deg, rgb(var(--color-bg-main-rgb)/8%) 0%, rgb(var(--color-bg-main-rgb)/30%) 60%, var(--color-bg-main) 100%);position:absolute;inset:0}@media (max-width:767px){.hero-template__overlay-1{background:linear-gradient(180deg, rgb(var(--color-bg-main-rgb)/8%) 0%, rgb(var(--color-bg-main-rgb)/30%) 60%, rgb(var(--color-bg-main-rgb)/75%) 100%)}}.hero-template__overlay-1{pointer-events:none}.hero-template__overlay-2{background:radial-gradient(circle at center, transparent 0%, rgb(var(--color-bg-main-rgb)/75%) 100%);position:absolute;inset:0}@media (max-width:767px){.hero-template__overlay-2{background:radial-gradient(circle at center, transparent 0%, rgb(var(--color-bg-main-rgb)/8%) 100%)}}.hero-template__inner{padding-top:var(--header-height);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}@media (max-width:767px){.hero-template__inner{padding-top:calc(var(--header-height) - var(--space-10))}}.hero-template__content{text-align:center;justify-content:center;align-items:center;gap:var(--space-12);flex-direction:column;display:flex;position:relative}@media (max-width:767px){.hero-template__content{gap:var(--space-6)}}.hero-template__heading{text-align:center;justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex;position:relative}.hero-template__heading:after{content:"";background:radial-gradient(ellipse 800px 100px at center, rgb(var(--color-purple-rgb)/30%) 0%, rgb(var(--color-purple-deep-rgb)/16%) 25%, rgb(var(--color-bg-elevated-rgb)/8%) 50%, transparent 85%);filter:blur(35px);opacity:.95;pointer-events:none;z-index:-1;width:min(100%,1100px);height:150px;position:absolute;bottom:-50px;left:50%;transform:translate(-50%)}.hero-template__badges{align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);letter-spacing:1.5px;text-transform:uppercase;color:var(--color-text-muted);border:1px solid rgb(var(--color-purple-rgb)/30%);background:rgb(var(--color-bg-surface-rgb)/30%);padding:var(--space-2) var(--space-5);border-radius:var(--radius-round);-webkit-backdrop-filter:var(--blur-surface);box-shadow:inset 0 1px 1px rgb(var(--color-white-rgb)/8%),0 8px 24px rgb(var(--color-purple-rgb)/8%);display:inline-flex}.hero-template__pulse-dot.pulse-dot{background:var(--color-purple)}.hero-template__pulse-dot.pulse-dot:after{border-color:var(--color-purple)}@media (max-width:767px){.hero-template__chips{display:none}}.hero-template__chips--mobile{display:none}@media (max-width:767px){.hero-template__chips--mobile{display:flex}}.hero-template__title{color:var(--color-text);white-space:nowrap;letter-spacing:-1.2px;text-shadow:0 1px 10px rgb(var(--color-black-rgb)/8%);font-size:clamp(35px,5vw,100px);font-weight:800;line-height:.9;display:flex}.hero-template__title-version{flex-direction:column;align-items:center;display:flex}.hero-template__title-version--mobile{display:none}.hero-template__title-accent{background:var(--gradient-brand);color:#0000;-webkit-text-fill-color:#0000;filter:drop-shadow(0 3px 12px rgb(var(--color-purple-rgb)/16%));-webkit-background-clip:text;background-clip:text}@media (max-width:767px){.hero-template__title{white-space:normal;font-weight:700}.hero-template__title .hero-template__title-version--desktop{display:none}.hero-template__title .hero-template__title-version--mobile{column-gap:var(--space-3);text-align:center;flex-flow:wrap;justify-content:center;display:flex}}.hero-template__subtitle{max-width:600px;color:var(--color-text-muted);text-shadow:0 1px 4px rgb(var(--color-black-rgb)/16%);font-weight:500}@media (max-width:767px){.hero-template__subtitle{font-size:var(--font-size-base);line-height:1.3}}.hero-template__buttons{gap:var(--space-5);white-space:nowrap;justify-content:center;width:100%;max-width:700px;display:flex}@media (max-width:767px){.hero-template__buttons{gap:var(--space-2);flex-direction:column;max-width:250px}}.hero-template__button{width:100%}.hero-template__bottom-fade{z-index:7;pointer-events:none;background:linear-gradient(180deg, transparent 0%, rgb(var(--color-bg-main-rgb)/30%) 30%, rgb(var(--color-bg-main-rgb)/90%) 60%, var(--color-bg-main) 100%);height:500px;position:absolute;bottom:0;left:0;right:0}@media (max-width:1440px){.hero-template__bottom-fade{height:300px}}@media (max-width:767px){.hero-template__bottom-fade{z-index:-1;height:200px}}