.vr-arena-hero{min-height:90vh;display:flex;position:relative;overflow:hidden}.vr-arena-hero:before{content:"";z-index:100;box-shadow:inset 0 -100px 100px 50px var(--color-bg-main);pointer-events:none;position:absolute;inset:-10px}@media (max-width:1023px){.vr-arena-hero:before{box-shadow:inset 0 -50px 50px 25px var(--color-bg-main)}}@media (max-width:767px){.vr-arena-hero:before{box-shadow:inset 0 -50px 25px 15px var(--color-bg-main)}}.vr-arena-hero:after{content:"";height:80px;box-shadow:var(--shadow-hero-darkblue);pointer-events:none;position:absolute;top:-80px;left:-40px;right:-40px}.vr-arena-hero__bg{z-index:-1;pointer-events:none;z-index:-1;background:linear-gradient(90deg,#01040cbe,#0000 50%);position:absolute;inset:0}.vr-arena-hero__bg-image{object-fit:cover;opacity:.5;width:100%;height:100%;position:absolute}.vr-arena-hero__bg-image-wrapper{box-shadow:inset 0 0 100px 100px var(--color-bg-main);z-index:-1;position:absolute;inset:0}.vr-arena-hero__inner{min-height:calc(90vh - 90px);display:flex;position:relative}.vr-arena-hero__content{border-radius:var(--r-l);z-index:100;flex-direction:column;gap:20px;max-width:700px;padding-top:300px;padding-left:30px;display:flex;position:relative}@media (max-width:767px){.vr-arena-hero__content{text-align:center;align-items:center;gap:10px;padding-top:150px;padding-left:0}}.vr-arena-hero__title{font-weight:600}.vr-arena-hero__title>span{background:linear-gradient(90deg, var(--color-neon-blue), var(--color-neon-purple), var(--color-neon-pink));-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text}.vr-arena-hero__subtitle{color:var(--text-2);max-width:400px;font-size:clamp(.875rem,.765449rem + .449438vw,1.125rem);line-height:1.1}@media (max-width:767px){.vr-arena-hero__subtitle{line-height:1}}.vr-arena-hero__button{width:fit-content;margin-top:10px;padding:10px 30px;transition:padding-right .3s}.vr-arena-hero__button:hover{padding-right:45px}.vr-arena-hero__button:hover .vr-arena-hero__button-icon{opacity:1;transform:translate(5px,-50%)}.vr-arena-hero__button-icon{stroke-width:3px;opacity:0;width:18px;height:18px;stroke:var(--text-2);transition:transform .3s,opacity .3s;position:absolute;top:50%;right:25px;transform:translateY(-50%)}.vr-arena-hero__chips{flex-wrap:wrap;gap:20px;margin-top:20px;display:flex}@media (max-width:767px){.vr-arena-hero__chips{justify-content:center;gap:15px;margin-top:15px}}.vr-arena-hero__chip{border-radius:var(--r-s);max-width:150px;box-shadow:var(--shadow-glow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0000003d;align-items:center;gap:10px;padding:8px 12px;transition:transform .3s;display:flex}@media (any-hover:hover){.vr-arena-hero__chip:hover{transform:scale(1.05)translateY(-2px)}}@media (any-hover:none){.vr-arena-hero__chip:active{transform:scale(1.05)translateY(-2px)}}@media (max-width:767px){.vr-arena-hero__chip{gap:5px;padding:8px}}.vr-arena-hero__chip-icon{stroke-width:1px;min-width:30px;min-height:30px;color:var(--color-neon-purple)}@media (max-width:767px){.vr-arena-hero__chip-icon{min-width:22px;min-height:22px}}.vr-arena-hero__chip-heading{color:#fff;text-align:center;flex-direction:column;font-size:clamp(1.125rem,1.01545rem + .449438vw,1.375rem);line-height:1.5;display:flex}@media (max-width:767px){.vr-arena-hero__chip-heading{line-height:1.2}}.vr-arena-hero__chip-heading span{color:var(--text-3);font-size:clamp(.625rem,.570225rem + .224719vw,.75rem)}
.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:100px;padding:20px 40px;display:flex;position:relative}.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%)}.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}.how-it-works-step__content{flex-direction:column;gap:10px;display:flex}.how-it-works-step__index{color:var(--color-neon-blue);font-size:24px}.how-it-works-step__index--not-current{font-size:50px}.how-it-works-step__description{color:var(--text-2)}
.vr-arena-how-it-works{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}.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}.vr-arena-how-it-works__item:nth-child(2n){justify-self:start}.vr-arena-how-it-works__item:nth-child(odd){justify-self:end}.timeline-line{background-color:var(--color-neon-blue);width:1px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.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%)}.timeline-dot{background-color:var(--color-neon-blue);border-radius:50%;width:16px;height:16px;position:absolute;top:0;left:50%;transform:translate(-50%)}