.how-it-works-step{background-color:var(--color-bg-main-blur);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:var(--r-md);justify-content:space-between;align-items:center;gap:10px;max-width:600px;min-height:20%;padding:20px 40px;display:flex;position:relative}@media (max-width:767px){.how-it-works-step{min-height:60px;padding:5px 10px}}.how-it-works-step__decoration-span{background-color:var(--color-bg-main-blur);border:1px solid var(--color-neon-blue);border-bottom:none;border-left:none;border-right:none;border-radius:50%;width:36px;height:36px;position:absolute;top:-16px;left:50%;transform:translate(-50%)}@media (max-width:767px){.how-it-works-step__decoration-span{display:none}}.how-it-works-step__decoration-span:before{content:"";background-color:var(--color-neon-blue);filter:blur(12px);border-radius:50%;width:14px;height:14px;position:absolute;top:-2px;left:50%;transform:translate(-50%)}.how-it-works-step--current{background:#1414288e;gap:30px;box-shadow:0 0 0 1px #6464ff26,0 0 40px #5050ff1f}@media (max-width:767px){.how-it-works-step--current{gap:10px}}.how-it-works-step__content{flex-direction:column;gap:5px;display:flex}.how-it-works-step__index{color:var(--color-neon-blue);font-size:24px}@media (max-width:767px){.how-it-works-step__index{font-size:20px}}.how-it-works-step__index--not-current{font-size:50px}@media (max-width:767px){.how-it-works-step__index--not-current{font-size:30px}}.how-it-works-step__description{color:var(--text-2)}
.vr-arena-how-it-works{z-index:-10;position:relative}.vr-arena-how-it-works__image{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.vr-arena-how-it-works__image-wrapper{object-fit:cover;z-index:-2;position:absolute;inset:0}.vr-arena-how-it-works__image-wrapper:before{content:"";box-shadow:inset 0 0 50px 50px var(--color-bg-main);z-index:-1;height:100%;position:absolute;inset:0}.vr-arena-how-it-works__image-wrapper:after{content:"";box-shadow:42px 50px 50px var(--color-bg-main);z-index:-1;height:100%;position:absolute;inset:0}.vr-arena-how-it-works__inner{flex-direction:column;gap:60px;height:auto;min-height:100vh;display:flex}@media (max-width:767px){.vr-arena-how-it-works__inner{gap:10px}}.vr-arena-how-it-works__title{margin-top:30px}.vr-arena-how-it-works__content{height:auto;min-height:100vh;position:relative}.vr-arena-how-it-works__decoration-div{background-color:var(--color-neon-blue);z-index:0;width:1px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#0000,#000 30% 70%,#0000);mask-image:linear-gradient(#0000,#000 30% 70%,#0000)}.vr-arena-how-it-works__decoration-div>span{background-color:var(--color-neon-blue);width:14px;height:14px;box-shadow:0 0 10px var(--color-neon-blue);border-radius:50%;position:absolute;top:0;left:50%;transform:translate(-50%)}.vr-arena-how-it-works__list{grid-template-columns:1fr;gap:30px;height:auto;min-height:90vh;display:grid}@media (max-width:767px){.vr-arena-how-it-works__list{flex-direction:column;justify-content:center;gap:10px;min-height:calc(100vh - 75px);display:flex}}.vr-arena-how-it-works__item:nth-child(2n){justify-self:start}.vr-arena-how-it-works__item:nth-child(odd){justify-self:end}@media (max-width:767px){.vr-arena-how-it-works__item:nth-child(2n),.vr-arena-how-it-works__item:nth-child(odd){justify-self:center}}.vr-arena-how-it-works__item{height:fit-content}.timeline-line{background-color:var(--color-neon-blue);width:1px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}@media (max-width:767px){.timeline-line{display:none}}.timeline-progress{background-color:var(--color-neon-blue);width:1px;height:100%;box-shadow:var(--shadow-glow);position:absolute;top:0;left:50%;transform:translate(-50%)}@media (max-width:767px){.timeline-progress{display:none}}.timeline-dot{background-color:var(--color-neon-blue);border-radius:50%;width:16px;height:16px;position:absolute;top:0;left:50%;transform:translate(-50%)}@media (max-width:767px){.timeline-dot,.timeline{display:none}}
.vr-arena-ready-to-play{padding-block:var(--section-padding-y)}.vr-arena-ready-to-play__inner{border-radius:var(--r-l);background-color:var(--color-bg-glass-dark);box-shadow:var(--shadow-glow);justify-content:space-between;gap:16px;padding:30px;display:flex;position:relative}@media (max-width:767px){.vr-arena-ready-to-play__inner{flex-direction:column;gap:0;padding:25px}}.vr-arena-ready-to-play__inner:after{content:"";filter:brightness(2);border-radius:inherit;pointer-events:none;background-image:conic-gradient(#0000 30%,#dfa2dac7,#0000 32% 80%,#a099d8ad,#0000 82%);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.vr-arena-ready-to-play__inner:before{content:"";filter:brightness(1.3);border-radius:inherit;pointer-events:none;background-image:conic-gradient(#1c191c 20%,#cf30aab9 33%,#1c191c 40% 75%,#412fb5 85%,#1c191c 90%);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.vr-arena-ready-to-play__heading{flex-direction:column;gap:20px;display:flex}@media (max-width:767px){.vr-arena-ready-to-play__heading{gap:5px}}.vr-arena-ready-to-play__description{color:var(--text-2)}.vr-arena-ready-to-play__button{margin-top:auto}.vr-arena-ready-to-play__image{object-fit:cover;width:100%;height:100%}.vr-arena-ready-to-play__image-wrapper{filter:drop-shadow(0 0 5px #781bf12d);align-self:center;max-width:250px;max-height:250px}