@font-face{font-family:"VKWEB Oswald";font-style:normal;font-weight:500 700;font-display:swap;src:url("../fonts/oswald-cyrillic.woff2") format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"VKWEB Oswald";font-style:normal;font-weight:500 700;font-display:swap;src:url("../fonts/oswald-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
.vkweb-process{--vk-process-bg:#0b1220;--vk-process-accent:#168bff;--vk-process-heading:#fff;--vk-process-copy:#aebbd0;--vk-process-line:rgba(65,157,238,.38);--vk-process-icon-bg:#101d31;position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;width:100%;padding:clamp(68px,7vw,106px) clamp(20px,4vw,64px) clamp(76px,8vw,118px);color:var(--vk-process-heading);background:radial-gradient(circle at 50% -30%,rgba(22,139,255,.23),transparent 48%),linear-gradient(145deg,#08101c 0,var(--vk-process-bg) 52%,#07101d 100%);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.vkweb-process *,.vkweb-process *::before,.vkweb-process *::after{box-sizing:border-box}
.vkweb-process__stars{position:absolute;z-index:-1;inset:0;opacity:.22;background-image:radial-gradient(circle at 8% 30%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 23% 72%,#168bff 0 1px,transparent 1.6px),radial-gradient(circle at 41% 18%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 65% 74%,#4ab4ff 0 1px,transparent 1.6px),radial-gradient(circle at 84% 24%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 94% 81%,#168bff 0 1px,transparent 1.6px);background-size:310px 270px,430px 350px,370px 310px,480px 390px,350px 320px,410px 360px;pointer-events:none}
.vkweb-process__shell{width:min(100%,1440px);margin:0 auto}
.vkweb-process__heading{max-width:760px;margin:0 auto clamp(48px,5vw,72px);text-align:center}
.vkweb-process__eyebrow{margin-bottom:8px;color:var(--vk-process-accent);font-size:13px;font-weight:700;line-height:1.3;letter-spacing:.16em;text-transform:uppercase}
.vkweb-process__title{margin:0!important;color:var(--vk-process-heading);font-family:"VKWEB Oswald",Oswald,"Arial Narrow",Impact,sans-serif;font-size:clamp(38px,4vw,60px);font-weight:700;line-height:1.02;letter-spacing:.01em;text-transform:uppercase;text-shadow:0 0 34px rgba(22,139,255,.12)}
.vkweb-process__steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none}
.vkweb-process__step{position:relative;min-width:0;padding:0 clamp(10px,1.2vw,18px);text-align:center}
.vkweb-process__step::after{position:absolute;z-index:0;top:45px;left:calc(50% + 50px);width:calc(100% - 100px);height:1px;background:linear-gradient(90deg,var(--vk-process-line),color-mix(in srgb,var(--vk-process-accent) 74%,transparent));box-shadow:0 0 10px color-mix(in srgb,var(--vk-process-accent) 42%,transparent);content:""}
.vkweb-process__step::before{position:absolute;z-index:1;top:41px;right:-2px;width:8px;height:8px;border-top:1px solid var(--vk-process-accent);border-right:1px solid var(--vk-process-accent);content:"";transform:rotate(45deg)}
.vkweb-process__step:last-child::after,.vkweb-process__step:last-child::before{display:none}
.vkweb-process__icon{position:relative;z-index:2;display:grid;width:90px;height:90px;margin:0 auto 25px;place-items:center;border:1px solid color-mix(in srgb,var(--vk-process-accent) 78%,#fff);border-radius:50%;color:#78c8ff;background:radial-gradient(circle at 38% 28%,color-mix(in srgb,var(--vk-process-accent) 18%,var(--vk-process-icon-bg)),var(--vk-process-icon-bg) 70%);box-shadow:0 0 0 6px rgba(22,139,255,.05),0 0 28px rgba(22,139,255,.18),inset 0 0 24px rgba(22,139,255,.08);font-size:31px}
.vkweb-process__icon svg{width:1em;height:1em;fill:currentColor}
.vkweb-process__content{max-width:245px;margin:0 auto}
.vkweb-process__meta{display:flex;align-items:baseline;justify-content:center;gap:8px;margin-bottom:10px}
.vkweb-process__number{color:var(--vk-process-accent);font-family:"VKWEB Oswald",Oswald,"Arial Narrow",Impact,sans-serif;font-size:17px;font-weight:700;line-height:1;letter-spacing:.05em}
.vkweb-process__step-title{margin:0!important;color:var(--vk-process-heading);font-family:"VKWEB Oswald",Oswald,"Arial Narrow",Impact,sans-serif;font-size:clamp(18px,1.5vw,23px);font-weight:700;line-height:1.08;letter-spacing:.02em;text-transform:uppercase}
.vkweb-process__description{margin:0!important;color:var(--vk-process-copy);font-size:clamp(14px,1vw,16px);font-weight:400;line-height:1.55}
.vkweb-process.vkweb-effects-ready .vkweb-process__step{opacity:0;transform:translate3d(0,20px,0)}
.vkweb-process.vkweb-effects-ready.is-visible .vkweb-process__step{opacity:1;transform:translate3d(0,0,0);transition:opacity .58s calc(var(--vk-step-index) * 90ms) ease,transform .58s calc(var(--vk-step-index) * 90ms) cubic-bezier(.2,.72,.2,1)}
@media(max-width:1100px){.vkweb-process{padding-inline:28px}.vkweb-process__steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.vkweb-process__step{display:grid;grid-template-columns:82px minmax(0,1fr);gap:20px;align-items:center;padding:24px;border:1px solid rgba(84,157,219,.2);border-radius:12px;background:rgba(10,22,38,.58);text-align:left}.vkweb-process__step:last-child{grid-column:1/-1;width:min(100%,calc(50% - 11px));justify-self:center}.vkweb-process__step::before,.vkweb-process__step::after{display:none}.vkweb-process__icon{width:82px;height:82px;margin:0;font-size:28px}.vkweb-process__content{max-width:none;margin:0}.vkweb-process__meta{justify-content:flex-start}}
@media(max-width:767px){.vkweb-process{padding:54px 16px 64px}.vkweb-process__heading{margin-bottom:36px}.vkweb-process__eyebrow{font-size:12px}.vkweb-process__title{font-size:clamp(34px,10vw,44px)}.vkweb-process__steps{position:relative;grid-template-columns:1fr;gap:0;max-width:560px;margin:0 auto}.vkweb-process__steps::before{position:absolute;top:45px;bottom:45px;left:44px;width:1px;background:linear-gradient(180deg,var(--vk-process-accent),var(--vk-process-line),transparent);box-shadow:0 0 10px rgba(22,139,255,.35);content:""}.vkweb-process__step,.vkweb-process__step:last-child{grid-column:auto;grid-template-columns:72px minmax(0,1fr);gap:20px;width:100%;padding:14px 0 24px;border:0;border-radius:0;background:transparent}.vkweb-process__icon{width:72px;height:72px;margin:0;font-size:25px}.vkweb-process__meta{gap:7px;margin-bottom:7px}.vkweb-process__number{font-size:15px}.vkweb-process__step-title{font-size:21px}.vkweb-process__description{font-size:15px;line-height:1.5}.vkweb-process.vkweb-effects-ready .vkweb-process__step{transform:translate3d(16px,0,0)}}
@media(prefers-reduced-motion:reduce){.vkweb-process__step{opacity:1!important;transform:none!important;transition:none!important}}
