.kpp{position:relative;min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:40px 64px;align-items:center;padding:calc(var(--ft) + 56px) calc(var(--fs) + 68px) 64px var(--gut);border-bottom:1px solid var(--line)}.kpp__kick{font:700 11px/1.3 var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--red);margin:0 0 26px}.kpp__h{position:relative;margin:0 0 34px;padding:6px 0 10px;width:max-content;max-width:100%}.kpp__w{display:block;font:900 clamp(64px,8.2vw,150px)/.86 var(--disp);letter-spacing:-.02em;text-transform:uppercase;color:var(--text);transition:transform .08s steps(2)}.kpp__w.is-hit{animation:kppHit .42s steps(4) 1}@keyframes kppHit{0%{transform:translate(0)}25%{transform:translate(-4px,2px)}50%{transform:translate(3px,-2px)}75%{transform:translate(-2px,1px)}to{transform:translate(0)}}.kpp__redact{position:absolute;left:-3%;right:-3%;top:47%;height:14px;background:repeating-linear-gradient(-45deg,var(--red) 0 12px,transparent 12px 24px);opacity:.9;transform:scaleX(0);transform-origin:0 50%;transition:transform .7s steps(8,end) .25s;pointer-events:none}.kpp.is-in .kpp__redact{transform:scaleX(1)}.kpp__stamp{position:absolute;right:-4%;top:52%;display:grid;gap:4px;padding:12px 18px 10px;border:4px solid var(--red);outline:1.5px solid var(--red);outline-offset:4px;background:#060608d1;color:var(--red);font:900 clamp(15px,1.55vw,26px)/1 var(--disp);letter-spacing:.14em;text-transform:uppercase;text-align:center;white-space:nowrap;transform:translateY(-50%) rotate(-7deg) scale(2.4);opacity:0;pointer-events:none}.kpp__stamp span:last-child{font-size:.78em;letter-spacing:.2em}.kpp__stamp.is-in{opacity:1;transform:translateY(-50%) rotate(-7deg) scale(1);transition:transform .22s steps(3,end),opacity .12s}.kpp__lead{font:500 17px/1.6 var(--mono);color:var(--mid);max-width:34em;margin:0 0 34px}.kpp__acts{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:0 0 40px}.kpp__acts .btn--big .edge__t b{display:block}.kpp__acts .btn.is-nudge{animation:kppNudge .6s steps(4) 2}@keyframes kppNudge{0%,to{transform:translate(0)}30%{transform:translate(-6px)}60%{transform:translate(6px)}}.kpp__acts .btn--big .edge__t i{display:block;font:500 9.5px/1 var(--mono);font-style:normal;letter-spacing:.16em;text-transform:uppercase;opacity:.7;margin-top:6px}.kpp__spec{display:grid;grid-template-columns:repeat(4,auto);justify-content:start;gap:12px 40px;margin:0;padding-top:16px;border-top:1px solid var(--line2)}.kpp__spec dt{font:500 9.5px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--dim);margin-bottom:8px}.kpp__spec dd{margin:0;font:700 15px/1.2 var(--disp);color:var(--text)}.kpp__spec dd b{font-weight:800;color:var(--red)}.vault{position:relative;align-self:center}.vault__head,.vault__foot{display:flex;justify-content:space-between;gap:16px;font:500 10px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}.vault__head{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--line2)}.vault__foot{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.vault__foot b{color:var(--red)}.vault__l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.vo{position:relative;aspect-ratio:16/11;background:#060608;border:1px solid var(--line2);overflow:hidden;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);transition:border-color .2s}.vo--w{grid-column:span 2;aspect-ratio:auto}.vo canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated}.vo__st{position:absolute;right:12px;top:12px;z-index:2;padding:4px 7px 3px;border:1.5px solid var(--red);background:#060608d1;color:var(--red);font:800 10px/1 var(--disp);font-style:normal;letter-spacing:.2em;text-transform:uppercase;transform:rotate(-5deg)}.vo__cap{position:absolute;left:0;right:0;bottom:0;z-index:2;display:grid;gap:5px;padding:26px 12px 11px;background:linear-gradient(#06060800,#060608f0 42%)}.vo__cap b{font:500 9.5px/1.2 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mid)}.vo__cap>span{font:700 14px/1.15 var(--disp);color:var(--text);transition:color .2s}.vo__bar{display:block;height:7px;width:78%;background:#1d1d22}.vo__bar--s{width:48%}.vo:hover{border-color:var(--red)}.vo:hover .vo__cap>span{color:var(--red)}.vo.is-deny{animation:voDeny .5s steps(4) 1;border-color:var(--red)}.vo.is-deny:after{content:"отказано · нет пропуска";position:absolute;left:50%;top:42%;z-index:3;padding:8px 11px 7px;border:2px solid var(--red);background:#060608e6;color:var(--red);font:800 12px/1 var(--disp);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;transform:translate(-50%,-50%) rotate(-8deg)}@keyframes voDeny{0%,to{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-2px)}}.sheet{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:48px 72px;align-items:start;padding:88px calc(var(--fs) + 68px) 132px var(--gut);background:var(--red);color:#0a0a0c}.sheet__lab{font:700 11px/1 var(--mono);letter-spacing:.24em;text-transform:uppercase;margin:0 0 22px}.sheet__h{font:900 clamp(56px,6.2vw,112px)/.88 var(--disp);letter-spacing:-.02em;text-transform:uppercase;margin:0 0 28px;color:#0a0a0c}.sheet__p{font:600 19px/1.45 var(--disp);max-width:32em;margin:0 0 36px}.sheet__steps{list-style:none;margin:0;padding:16px 0 0;border-top:2px solid #0a0a0c;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.sheet__steps b{display:block;font:900 46px/1 var(--disp)}.sheet__steps span{display:block;margin-top:8px;font:800 14px/1.2 var(--disp);letter-spacing:.08em;text-transform:uppercase}.sheet__steps i{display:block;margin-top:6px;font:500 12px/1.4 var(--mono);font-style:normal;color:#0a0a0cc7}.pass{position:relative;background:#f2f0eb;color:#0a0a0c;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)}.pass.is-flash{animation:passFlash .6s steps(3) 1}@keyframes passFlash{0%,to{box-shadow:inset 0 0 #0a0a0c}50%{box-shadow:inset 0 0 0 4px #0a0a0c}}.pass__head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 26px;border-bottom:1px solid rgba(10,10,12,.2);font:700 11px/1 var(--mono);letter-spacing:.24em;text-transform:uppercase}.pass__body{padding:6px 26px 2px}.pf{display:grid;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:16px;padding:12px 0;border-bottom:1px dashed rgba(10,10,12,.24)}.pf:last-child{border-bottom:0}.pf__k{font:700 10px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:#0a0a0c9e}.pf input{width:100%;min-width:0;margin:0;padding:6px 0 5px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#0a0a0c;font:600 17px/1.2 var(--disp);outline:0;box-shadow:none;-webkit-appearance:none;appearance:none}.pf input::placeholder{color:#0a0a0c61}.pf input:focus{border-bottom-color:var(--red)}.pf.is-bad .pf__k{color:#c7281d}.pf.is-bad input{border-bottom-color:#c7281d}.chips{display:flex;flex-wrap:wrap;gap:6px}.chips button{margin:0;padding:8px 10px 7px;border:1.5px solid rgba(10,10,12,.34);border-radius:0;background:transparent;color:#0a0a0c;font:700 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.chips button:hover{border-color:#0a0a0c}.chips button[aria-checked=true]{background:#0a0a0c;border-color:#0a0a0c;color:#f2f0eb}.pass__foot{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 26px 22px;border-top:1px solid rgba(10,10,12,.2)}.pass__log{min-width:0;font:600 11px/1.45 var(--mono);letter-spacing:.05em;color:#0a0a0ca8}.pass__log.is-ok{color:#0b7a3f}.pass__log.is-bad{color:#c7281d}.pass__go{flex:none;margin:0;padding:18px 26px;border:0;border-radius:0;background:#0a0a0c;color:#f2f0eb;font:800 13px/1 var(--disp);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);transition:background .15s,color .15s}.pass__go:hover{background:var(--red);color:#0a0a0c}.ticket{display:none;justify-items:end;margin-top:-2px}.ticket.is-on{display:grid}.ticket__slot{width:min(440px,92%);height:6px;background:#0a0a0c}.ticket__card{position:relative;width:min(420px,88%);margin-right:2%;padding:18px 22px 16px;background:#060608;color:#eae8e2;box-shadow:0 22px 44px #00000059;clip-path:inset(0 0 100% 0)}.ticket.is-on .ticket__card{animation:tkPrint 1.2s steps(10,end) forwards}@keyframes tkPrint{to{clip-path:inset(0 0 0 0)}}.ticket__top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:10px;border-bottom:1px solid rgba(234,232,226,.18)}.ticket__top b{font:900 20px/1 var(--disp);letter-spacing:.06em;text-transform:uppercase;color:#ff4438}.ticket__top span{font:500 9.5px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#a0a0a8}.ticket__no{margin:12px 0 10px;font:800 26px/1 var(--mono);letter-spacing:.06em}.ticket__dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px 18px;margin:0 0 14px;font:500 12px/1.3 var(--mono)}.ticket__dl dt{font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:#70737a}.ticket__dl dd{margin:0;overflow-wrap:anywhere}.ticket__bar{display:block;width:100%;height:44px}.ticket__stamp{position:absolute;right:16px;top:58px;padding:8px 11px 7px;border:2px solid #ff4438;color:#ff4438;font:800 12px/1 var(--disp);letter-spacing:.16em;text-transform:uppercase;transform:rotate(-9deg) scale(2.2);opacity:0}.ticket.is-on .ticket__stamp{animation:tkStamp .26s steps(3,end) 1.25s forwards}@keyframes tkStamp{to{transform:rotate(-9deg) scale(1);opacity:1}}@media(max-width:1180px){.kpp{grid-template-columns:minmax(0,1fr);padding-top:calc(var(--ft) + 40px)}.kpp__stamp{right:0}.sheet{grid-template-columns:minmax(0,1fr)}}.vo{--dgc:var(--line2);background-origin:border-box;background-repeat:no-repeat;background-image:linear-gradient(225deg,transparent calc(12px * .7071 - 1.6px),var(--dgc) 0,var(--dgc) calc(12px * .7071 + .6px),transparent 0)}.vo:hover,.vo.is-deny{--dgc:var(--red)}.pass .agree{color:#0a0a0c;font-size:11.5px}.pass .agree.is-bad i{border-color:#c7281d;background:#c7281d1f}.pass__go[disabled]{opacity:.55;cursor:default}
