.v9 #kak-oformit .ring{position:absolute;left:50%;top:47%;width:min(70%,420px);aspect-ratio:1;translate:-50% -50%;transform:scale(.8);border-radius:50%;border:1.5px dashed hsl(var(--gh) 95% 70%/.45);opacity:0;transition:opacity .5s,transform .7s cubic-bezier(.2,.75,.2,1);z-index:1}.v9 #kak-oformit .ring:after{content:"";position:absolute;top:-5px;left:50%;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 16px var(--glow)}.anim .v9 #kak-oformit .ring{animation:spin 18s linear infinite}.anim .v9 #kak-oformit.paused .ring{animation-play-state:paused}.v9 #kak-oformit .stage[data-s="2"] .ring{opacity:1;transform:scale(1)}.v9 #kak-oformit .png-hg{position:absolute;left:80%;top:12%;width:min(15%,96px);opacity:0;transform:translateY(16px) rotate(8deg);transition:transform .6s cubic-bezier(.2,.75,.2,1),opacity .45s;z-index:2;filter:drop-shadow(0 20px 30px rgba(0,0,0,.5))}.v9 #kak-oformit .stage[data-s="2"] .png-hg{opacity:1;transform:none}.v9 #kak-oformit .stage:before{background:radial-gradient(closest-side,hsl(var(--gh) 95% 60%/.28),transparent 72%)}.v9 #kak-oformit .stage:after,.v9 #kak-oformit .stage:before{content:"";position:absolute;left:50%;top:50%;width:74%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none}.v9 #kak-oformit .stage:after{background:radial-gradient(closest-side,hsl(152 80% 50%/.2),transparent 72%);opacity:0;transition:opacity .6s}.v9 #kak-oformit .stage.paid:after{opacity:1}.v9 #kak-oformit .envb{position:absolute;left:50%;top:57%;width:min(60%,360px);aspect-ratio:1.6;transform:translate(-50%,-50%);z-index:3;container-type:size;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.v9 #kak-oformit .stage[data-s="5"] .envb{transform:translate(-50%,-66%) scale(.8)}.v9 #kak-oformit .e-back,.v9 #kak-oformit .e-flap,.v9 #kak-oformit .e-front{position:absolute;left:0;right:0;transform:translateY(250cqh);transition:transform .6s cubic-bezier(.2,.8,.2,1)}.v9 #kak-oformit .e-back{inset:0;border-radius:10px;background:linear-gradient(180deg,#c9b690,#e0d0b0 60%,#d6c4a0);box-shadow:0 40px 60px -24px rgba(0,0,0,.8),0 0 70px -10px hsl(var(--gh) 95% 60%/.4);z-index:1}.v9 #kak-oformit .e-front{inset:0;border-radius:10px;z-index:3;background:linear-gradient(165deg,#fbf6ea,#f0e5cc 60%,#e6d7b6);clip-path:polygon(0 0,50% 54%,100% 0,100% 100%,0 100%)}.v9 #kak-oformit .e-front:before{content:"";position:absolute;inset:0;background:linear-gradient(200deg,rgba(90,60,20,.1),transparent 45%),linear-gradient(0deg,rgba(90,60,20,.12),transparent 30%)}.v9 #kak-oformit .e-win{position:absolute;left:8%;bottom:13%;width:47%;height:18%;border-radius:6px;border:1px solid rgba(80,60,30,.28);background:linear-gradient(180deg,rgba(255,255,255,.8),rgba(255,255,255,.5));display:flex;align-items:center;padding-left:6%;font-size:clamp(8px,1vw,11px);letter-spacing:.16em;font-weight:700;color:#1b2440;white-space:nowrap;z-index:2}.v9 #kak-oformit .e-seal{position:absolute;left:50%;top:54%;width:13%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 35% 30%,hsl(var(--gh) 95% 70%),hsl(var(--gh) 85% 38%));box-shadow:0 4px 10px rgba(0,0,0,.3),inset 0 0 0 3px rgba(255,255,255,.35);z-index:2;transition:opacity .3s .1s,transform .4s}.v9 #kak-oformit .e-flap{top:0;height:58%;z-index:0;transform-origin:50% 0;background:linear-gradient(180deg,#eadcbf,#f6eedc);clip-path:polygon(0 0,100% 0,50% 100%);border-radius:10px 10px 0 0;transform:translateY(250cqh) perspective(700px) rotateX(180deg)}.v9 #kak-oformit .stage[data-s="3"] .e-back,.v9 #kak-oformit .stage[data-s="3"] .e-front,.v9 #kak-oformit .stage[data-s="4"] .e-back,.v9 #kak-oformit .stage[data-s="4"] .e-front,.v9 #kak-oformit .stage[data-s="5"] .e-back,.v9 #kak-oformit .stage[data-s="5"] .e-front{opacity:1;transform:none}.v9 #kak-oformit .stage:is([data-s="3"],[data-s="4"],[data-s="5"]) .e-flap{transform:perspective(700px) rotateX(180deg)}.v9 #kak-oformit .e-seal{display:none}.v9 #kak-oformit .pv{position:absolute;left:50%;top:50%;width:83.4%;z-index:2;transform:translate(-50%,-50%) translateY(-44%) perspective(900px) rotateX(16deg) rotateY(-20deg) rotate(-6deg);transition:transform .8s cubic-bezier(.2,.8,.2,1)}.v9 #kak-oformit .pv .pc{width:100%;box-shadow:0 40px 60px -20px rgba(0,0,0,.8),0 0 50px -12px hsl(var(--gh) 95% 60%/.6),0 0 0 1px rgba(255,255,255,.14) inset}.v9 #kak-oformit .pv .pc:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.28) 48%,transparent 60%);background-size:260% 100%;background-position:100% 0;transition:background-position 1.2s ease}.v9 #kak-oformit .stage[data-s="2"] .pv .pc:before{background-position:-40% 0}.v9 #kak-oformit .stamp{position:absolute;right:-12px;top:-12px;z-index:3;background:linear-gradient(180deg,#34d399,#059669);color:#fff;font-size:13px;font-weight:700;padding:6px 12px;border-radius:999px;box-shadow:0 0 24px rgba(52,211,153,.55);transform:scale(0);transition:transform .4s cubic-bezier(.3,1.6,.5,1) .15s}.v9 #kak-oformit .stage[data-s="2"] .pv{transform:translate(-50%,-50%) translateY(-40%) perspective(900px) rotateX(4deg) rotateY(0) rotate(0) scale(1.04)}.v9 #kak-oformit .stage[data-s="2"] .stamp{transform:scale(1)}.v9 #kak-oformit .stage:is([data-s="3"],[data-s="4"],[data-s="5"]) .pv{transform:translate(-50%,-50%) translateY(-28%) scale(.84);transition:transform .7s cubic-bezier(.2,.8,.2,1) .08s}.v9 #kak-oformit .sheet{position:absolute;right:6%;top:12%;width:min(38%,224px);z-index:5;background:#fff;color:#0b1633;border-radius:14px;padding:16px;box-shadow:0 30px 60px -20px rgba(0,0,0,.75);transform:translateY(30px) rotate(9deg);opacity:0;transition:opacity .45s .35s,transform .6s cubic-bezier(.2,.8,.2,1) .35s;font-size:12.5px;display:flex;flex-direction:column;gap:9px}.v9 #kak-oformit .sheet b{font-size:13.5px}.v9 #kak-oformit .sheet .ln{display:flex;justify-content:space-between;align-items:center;gap:10px}.v9 #kak-oformit .sheet .ln i{font-style:normal;color:#6b7690}.v9 #kak-oformit .sheet .bar2{display:inline-block;flex:none;height:10px;width:64px;border-radius:4px;background:linear-gradient(90deg,#0b1633,#26324f);opacity:.9}.v9 #kak-oformit .stage[data-s="3"] .sheet{opacity:1;transform:rotate(4deg)}.v9 #kak-oformit .stage[data-s="4"] .sheet{opacity:1;transform:translate(6%,-8%) rotate(6deg) scale(.9)}.v9 #kak-oformit .stage:is([data-s="1"],[data-s="2"],[data-s="5"]) .sheet{transition:opacity .2s,transform .4s cubic-bezier(.2,.8,.2,1)}.v9 #kak-oformit .paychip{position:absolute;left:50%;bottom:8%;z-index:6;transform:translate(-50%,20px);opacity:0;transition:opacity .4s,transform .5s cubic-bezier(.2,.8,.2,1);display:flex;align-items:center;gap:14px;padding:9px 9px 9px 18px;border-radius:999px;background:rgba(12,17,33,.84);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 0 0 1px var(--line2) inset,0 20px 40px -12px rgba(0,0,0,.7);font-weight:700;font-size:15px;white-space:nowrap}.v9 #kak-oformit .paychip .pbtn{background:linear-gradient(180deg,hsl(var(--gh) 95% 62%),hsl(var(--gh) 85% 50%));color:#fff;border-radius:999px;padding:8px 16px;font-size:14px;transition:background .35s,box-shadow .35s}.v9 #kak-oformit .stage[data-s="4"] .paychip{opacity:1;transform:translate(-50%)}.v9 #kak-oformit .stage.paid .pbtn{background:linear-gradient(180deg,#34d399,#059669);box-shadow:0 0 24px rgba(52,211,153,.5)}.v9 #kak-oformit .route2{position:absolute;left:10%;right:10%;bottom:8%;height:64px;opacity:0;transition:opacity .4s;z-index:6}.v9 #kak-oformit .route2 svg{width:100%;height:100%;overflow:visible}.v9 #kak-oformit .route2 text{font:600 13px var(--sp-font-face),Onest,system-ui,sans-serif;fill:#c9d2e6}.v9 #kak-oformit .stage[data-s="5"] .route2{opacity:1}.v9 #kak-oformit .stage[data-s="5"] .route2 .dot{transform:translateX(var(--rx,0))}.v9 #kak-oformit .trk{position:absolute;left:50%;top:15%;z-index:6;transform:translate(-50%,10px);opacity:0;transition:opacity .4s .3s,transform .5s .3s;display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:999px;font-size:14px;font-weight:700;background:rgba(4,5,11,.7);box-shadow:0 0 0 1px var(--line2) inset;white-space:nowrap}.v9 #kak-oformit .trk i{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 10px #34d399}.v9 #kak-oformit .stage[data-s="5"] .trk{opacity:1;transform:translate(-50%)}.v9 #kak-oformit .steps{position:relative}.v9 #kak-oformit .rail{top:12vh;bottom:12vh}.v9 #kak-oformit .rail i{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:2px;background:linear-gradient(180deg,hsl(var(--gh) 95% 70%),hsl(var(--gh) 90% 55%));box-shadow:0 0 12px var(--glow);transform-origin:top;transform:scaleY(var(--pp,0));opacity:clamp(0,calc(var(--pp,0) * 40),1)}.v9 #kak-oformit .steps .pill2{display:inline-block;margin-top:14px;font-size:14px;line-height:1.45;padding:8px 14px;border-radius:14px;background:rgba(251,191,36,.1);box-shadow:inset 0 0 0 1px rgba(251,191,36,.28);color:#f5d58a;max-width:30em}.v9 #kak-oformit .route2 .t0,.v9 #kak-oformit .route2 .t1{position:absolute;top:44px;font-size:13px;font-weight:600;color:#c9d2e6}.v9 #kak-oformit .route2 .t0{left:0}.v9 #kak-oformit .route2 .t1{right:0}.v9 #kak-oformit .route2 .dot{transition:transform 1.4s cubic-bezier(.4,0,.2,1) .2s}.v9 #kak-oformit .stage[data-s="5"] .route2 .dot{transform:translateX(376px)}.v9 #kak-oformit .rail{position:absolute;left:-30px;top:10vh;bottom:10vh;width:2px;border-radius:2px;background:rgba(255,255,255,.08)}.v9 #kak-oformit .pv .pc{display:block}.v9 #kak-oformit .e-win:before{content:"NAME SURNAME"}.v9 #kak-oformit .paychip b{font-weight:800;font-variant-numeric:tabular-nums}.v9 #kak-oformit .stage.paid .pbtn{animation:paid .5s cubic-bezier(.34,1.6,.64,1)}@keyframes paid{0%{transform:scale(.9)}to{transform:scale(1)}}.v9 #kak-oformit .png-hg{object-fit:contain;height:auto}:is(.noanim,html:not(.js)) .v9 #kak-oformit .path{display:block}:is(.noanim,html:not(.js)) .v9 #kak-oformit .stage-wrap{position:relative;top:auto;margin-bottom:28px}:is(.noanim,html:not(.js)) .v9 #kak-oformit .stage{position:relative;top:auto;height:520px;min-height:0}:is(.noanim,html:not(.js)) .v9 #kak-oformit .envb{top:62%;width:min(54%,320px)}:is(.noanim,html:not(.js)) .v9 #kak-oformit .sheet{top:17%}:is(.noanim,html:not(.js)) .v9 #kak-oformit .stage .bar,:is(.noanim,html:not(.js)) .v9 #kak-oformit .stage .cnt{display:none}:is(.noanim,html:not(.js)) .v9 #kak-oformit .steps li{min-height:0;opacity:1;padding:22px 0;border-top:1px solid rgba(255,255,255,.08)}:is(.noanim,html:not(.js)) .v9 #kak-oformit .rail{display:none}@media (max-width:760px){.v9 #kak-oformit .envb{width:min(66%,300px)}.v9 #kak-oformit .sheet{width:44%;padding:10px;gap:6px;font-size:10px;border-radius:10px;right:3%;top:17%}.v9 #kak-oformit .sheet b{font-size:11px}.v9 #kak-oformit .sheet .bar2{height:7px;width:40px}.v9 #kak-oformit .stamp{font-size:11px;padding:4px 9px;right:-8px;top:-8px}.v9 #kak-oformit .paychip{font-size:13px;gap:10px;padding:7px 7px 7px 14px;bottom:6%}.v9 #kak-oformit .paychip .pbtn{font-size:12.5px;padding:6px 12px}.v9 #kak-oformit .trk{top:20%;font-size:12.5px}.v9 #kak-oformit .route2{bottom:5%}.v9 #kak-oformit .lab{font-size:12.5px;bottom:6%}:is(.noanim,html:not(.js)) .v9 #kak-oformit .stage{height:360px}:is(.noanim,html:not(.js)) .v9 #kak-oformit .envb{top:65%;width:min(54%,220px)}.v9 #kak-oformit .stage[data-s="5"] .envb{transform:translate(-50%,-50%) scale(.72)}.v9 #kak-oformit .trk{left:18px;top:66px;transform:translateY(10px)}.v9 #kak-oformit .stage[data-s="5"] .trk{transform:none}.v9 #kak-oformit .sheet{top:24%}.v9 #kak-oformit .stage[data-s="4"] .sheet{transform:translate(6%) rotate(6deg) scale(.9)}.v9 #kak-oformit .envb{top:61%;width:min(58%,280px)}.v9 #kak-oformit .png-hg{left:3%;top:22%;width:min(13%,80px)}:is(.noanim,html:not(.js)) .v9 #kak-oformit .sheet{top:26%}.js-anim .v9 #kak-oformit .stage-wrap{top:var(--hh);padding-top:6px}.js-anim .v9 #kak-oformit .stage-wrap:before{content:"";position:absolute;left:calc(-1 * var(--gut));right:calc(-1 * var(--gut));top:0;bottom:-16px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,var(--bg) calc(100% - 16px),transparent)}}@media (max-width:420px){.v9 #kak-oformit .e-win{width:54%;padding-left:5%;letter-spacing:.08em}}@media (max-width:360px){.v9 #kak-oformit .paychip{font-size:12px;gap:8px;padding:6px 6px 6px 12px}.v9 #kak-oformit .paychip .pbtn{padding:5px 10px}.v9 #kak-oformit .stage[data-s="5"] .envb{transform:translate(-50%,-50%) scale(.62)}}:is(.noanim,html:not(.js)) .v9 #kak-oformit .path-cta{display:block}.v9 #kak-oformit .lab{z-index:2}.v9 #kak-oformit .stage:not([data-s="2"]) .lab{transition:opacity .2s,transform .3s var(--e-out)}