@font-face{font-family:SB Sans Display;font-weight:400;font-display:block;src:url(/assets/SBSansDisplay-Regular-nzG2k9le.woff2) format("woff2")}@font-face{font-family:SB Sans Display;font-weight:600;font-display:block;src:url(/assets/SBSansDisplay-SemiBold-C-5GEzW7.woff2) format("woff2")}@font-face{font-family:SB Sans Display Extended;font-weight:600;font-display:block;src:url(/assets/SBSansDisplay-ExtendedSemibold-CV9yQuV7.woff2) format("woff2")}:root{--u: min(100vw / 720, 100vh / 1280);--c-bg: #000;--c-text: #f5f5ff;--c-option: #f2fffc;--c-teal: #00ffb0;--c-rim: #21f2b8;--c-card: #091616;--rgb-deep: 4 26 43;--track: rgb(255 255 255 / .35);--font-text: "SB Sans Display", system-ui, sans-serif;--font-wide: "SB Sans Display Extended", "SB Sans Display", system-ui, sans-serif;--space-xs: calc(8 * var(--u));--space-s: calc(16 * var(--u));--space-m: calc(24 * var(--u));--space-l: calc(32 * var(--u));--space-xl: calc(48 * var(--u));--space-2xl: calc(64 * var(--u));--header-h: calc(84 * var(--u));--header-x: calc(40 * var(--u));--content-top: calc(116 * var(--u));--page-x: calc(60 * var(--u));--text-x: calc(40 * var(--u));--cta-bottom: calc(84 * var(--u));--btn-xl: calc(100 * var(--u));--btn-l: calc(80 * var(--u));--btn-n: calc(64 * var(--u));--option-h: calc(125 * var(--u));--option-tall: calc(256 * var(--u));--line: calc(2 * var(--u));--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in: cubic-bezier(.55, 0, 1, .45);--dur-fast: .18s;--dur: .36s;--dur-slow: .7s;--muted: .5}@supports (height: 100dvh){:root{--u: min(100vw / 720, 100dvh / 1280)}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;background:var(--c-bg);color:var(--c-text);font-family:var(--font-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}p,h1,h2,h3,ol{margin:0;padding:0;font:inherit}img,video,canvas,svg{display:block;-webkit-user-drag:none}button{font:inherit;color:inherit}.stage{position:relative;width:calc(720 * var(--u));height:100vh;height:100dvh;margin:0 auto;overflow:hidden;isolation:isolate;background:var(--c-bg)}.screen{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.screen__bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--c-bg);view-transition-name:screen-bg}.screen__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;padding:var(--content-top) var(--text-x) var(--cta-bottom);view-transition-name:screen-content;pointer-events:none}.screen__content>*{pointer-events:auto}.screen__fill{flex:1 1 auto;min-height:0}.screen__middle{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:center}.controls{margin-inline:calc(var(--page-x) - var(--text-x))}.cta{margin-top:var(--space-2xl)}.cta--low{margin-bottom:calc(-24 * var(--u))}.screen__middle+.cta{margin-top:0}.app-header{position:absolute;z-index:2;top:0;left:0;right:0;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;padding:calc(34 * var(--u)) var(--header-x) calc(13 * var(--u));color:var(--c-text);view-transition-name:brand;pointer-events:none}.logo{display:inline-block;flex:none;background-color:currentColor;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.logo--gigachat{-webkit-mask-image:url(/assets/gigachat-BAWWxQ3D.svg);mask-image:url(/assets/gigachat-BAWWxQ3D.svg);width:calc(81.48 * var(--u));height:calc(37.05 * var(--u))}.logo--sber-185{-webkit-mask-image:url(/assets/sber-185-Y0NoOVji.svg);mask-image:url(/assets/sber-185-Y0NoOVji.svg);width:calc(160 * var(--u));height:calc(26 * var(--u))}.logo--sberauto{-webkit-mask-image:url(/assets/sberauto-DlxxaXGM.png);mask-image:url(/assets/sberauto-DlxxaXGM.png);height:calc(34 * var(--u));aspect-ratio:862 / 144}.copyright{position:absolute;z-index:2;left:0;right:0;bottom:calc(9 * var(--u));font:600 calc(8 * var(--u)) / 1 var(--font-wide);letter-spacing:calc(.3 * var(--u));text-align:center;text-transform:uppercase;color:#ffffff80;pointer-events:none}.scene,.scene__band,.scene__fade{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.scene__layer{position:absolute;left:calc((var(--x) + var(--pad, 0)) * var(--u));top:calc((var(--y) + var(--pad, 0)) * var(--u));width:calc(var(--w) * var(--u));height:calc(var(--h) * var(--u))}.scene__layer--cover{inset:calc(var(--pad, 0) * var(--u));width:auto;height:auto}.scene__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.scene__tint{position:absolute;top:0;right:0;bottom:0;left:0}.scene__vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(39.4% 39.4% at 50% 50%,#0000,#06111680 50%,#0c222c);opacity:.35}.scene__band-inner{--pad: 80;position:absolute;inset:calc(-80 * var(--u));filter:blur(calc(var(--blur) * var(--u)))}.scene__layer--flip .scene__media{transform:scaleX(-1)}.scene__shader{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.scene__dark{position:absolute;left:0;right:0;top:calc(var(--from) * var(--u));bottom:0;background:linear-gradient(#0000,#000);opacity:.4}.scene__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:blur(calc(var(--blur) * var(--u)));backdrop-filter:blur(calc(var(--blur) * var(--u)));pointer-events:none}.scene__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#00000059,#0000 25%,#0000 50%,#000000d9 82%,#000)}.t-hero{font:600 calc(64 * var(--u)) / calc(53 * var(--u)) var(--font-wide)}.t-title{font:600 calc(46 * var(--u)) / calc(45 * var(--u)) var(--font-wide)}.t-title-s{font:600 calc(40 * var(--u)) / calc(42 * var(--u)) var(--font-wide)}.t-list{font:600 calc(26 * var(--u)) / calc(31 * var(--u)) var(--font-wide)}.t-counter{font:600 calc(20 * var(--u)) / calc(32 * var(--u)) var(--font-wide)}.t-body{font:600 calc(24 * var(--u)) / calc(29 * var(--u)) var(--font-text)}.t-legal{font:600 calc(24 * var(--u)) / 1.05 var(--font-text)}.t-small{font:600 calc(18 * var(--u)) / calc(24 * var(--u)) var(--font-text)}.t-label{font:600 calc(24 * var(--u)) / 1.2 var(--font-wide);letter-spacing:-.02em}.t-alert{font:600 calc(36 * var(--u)) / 1.2 var(--font-wide);letter-spacing:-.02em}.t-heading{font:600 calc(32 * var(--u)) / calc(45 * var(--u)) var(--font-wide)}.t-promo{font:400 calc(22 * var(--u)) / calc(30 * var(--u)) var(--font-text)}.t-answer{font:600 calc(16 * var(--u)) / 1.2 var(--font-wide)}.t-countdown{font:600 calc(240 * var(--u)) / 1.2 var(--font-wide);letter-spacing:-.02em}.t-muted{opacity:var(--muted)}.t-center{text-align:center}.t-pre{white-space:pre-line}.stack{display:flex;flex-direction:column;align-items:stretch}.stack--center{align-items:center;text-align:center}.stack--xs{gap:var(--space-xs)}.stack--s{gap:var(--space-s)}.stack--m{gap:var(--space-m)}.stack--l{gap:var(--space-l)}.stack--xl{gap:var(--space-xl)}.stack--2xl{gap:var(--space-2xl)}.row{display:flex;gap:var(--space-s)}.row>*{flex:1 1 0}.btn-row{display:flex;gap:calc(20 * var(--u))}.btn-row>.gbtn:not(.gbtn--icon){flex:1 1 0}.btn-stack{display:flex;flex-direction:column;gap:calc(20 * var(--u))}.gbtn{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;width:100%;height:var(--btn-xl);padding:0 var(--space-l);border:0;border-radius:calc(120 * var(--u));background:transparent;color:#fff;font:600 calc(24 * var(--u)) / 1.2 var(--font-wide);text-align:center;text-decoration:none;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform var(--dur-fast) var(--ease-out)}.gbtn:active:not(:disabled){transform:scale(.98)}.gbtn:disabled{cursor:default}.gbtn--l{height:var(--btn-l);font-size:calc(19 * var(--u))}.gbtn--n{height:var(--btn-n);font-size:calc(16 * var(--u))}.gbtn--option{height:var(--option-h);color:var(--c-option);font-size:calc(20 * var(--u));line-height:calc(29 * var(--u));text-transform:none;white-space:pre-line}.gbtn--tall{height:var(--option-tall)}.gbtn__fill{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;border-radius:inherit}.gbtn__under,.gbtn__over,.gbtn__shader{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:inherit}.gbtn--primary .gbtn__under,.gbtn--accent .gbtn__under{background:radial-gradient(77.34% 77.34% at 50% 50%,#ffffff05,#fff3)}.gbtn--primary .gbtn__over,.gbtn--accent .gbtn__over{background:radial-gradient(107% 108% at 50% 50%,#1ce8b501,#3ff7d70d)}.gbtn--secondary .gbtn__under{background:radial-gradient(77.3% 77% at 50% 50%,#ffffff09,#fff0),radial-gradient(105% 105% at 50% 50%,#00000002,#0000001c)}.gbtn:after{content:"";position:absolute;inset:calc(-1 * var(--line));padding:var(--line);border-radius:calc(120 * var(--u));background:var(--gbtn-stroke);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none}.gbtn--primary,.gbtn--accent{--gbtn-stroke: linear-gradient(236deg, #d0fefc 0%, #c0faef 27%, rgb(127 255 233 / .65) 54%, #cdfff6 83%, #d6fff6 100%)}.gbtn--secondary{--gbtn-stroke: linear-gradient( 236deg, rgb(255 255 255 / .8) 0%, rgb(255 255 255 / .67) 27%, rgb(255 255 255 / .4) 54%, rgb(255 255 255 / .8) 83%, rgb(240 240 240 / .8) 100% )}.gbtn__halo{position:absolute;top:-25%;right:-4.84%;bottom:-25%;left:-4.84%;pointer-events:none}.gbtn--accent .gbtn__halo{opacity:.5}.gbtn__halo canvas{width:100%;height:100%}.gbtn__label{position:relative}.gbtn--icon{flex:none;width:var(--btn-xl);padding:0}.gbtn__icon{position:relative;width:calc(32 * var(--u));height:calc(32 * var(--u))}.gbtn__icon--play{width:calc(28.5 * var(--u));height:calc(32.9 * var(--u));transform:translate(calc(5.75 * var(--u)))}html.no-shader .gbtn__fill{background:#00000026}html.no-shader .gbtn--primary .gbtn__fill,html.no-shader .gbtn--accent .gbtn__fill{box-shadow:inset 0 0 calc(22 * var(--u)) #21f2b8b3}html.no-shader .gbtn--primary,html.no-shader .gbtn--accent{box-shadow:0 0 calc(26 * var(--u)) #21f2b873}html.no-shader .gbtn--secondary .gbtn__fill{box-shadow:inset 0 0 calc(16 * var(--u)) #ffffff40}.options{display:flex;flex-direction:column;gap:var(--space-s)}.options>.gbtn{animation:rise .3s var(--ease-out) both;animation-delay:calc(var(--vt-in-delay) + var(--i, 0) * 40ms)}.progress{display:flex;flex-direction:column;align-items:center;height:calc(110 * var(--u));padding-top:calc(23 * var(--u));view-transition-name:progress}.progress__counter{display:flex;gap:calc(7 * var(--u))}.progress__total{opacity:.45}.progress__bar{display:flex;gap:calc(5 * var(--u));width:calc(490 * var(--u));margin-top:calc(14 * var(--u))}.progress__step{flex:1 1 0;height:calc(4 * var(--u));border-radius:calc(2 * var(--u));background:var(--track);transition:background-color var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)}.progress__step.is-active{background:var(--c-teal);box-shadow:0 0 calc(5 * var(--u)) #00ffb073}.summary-list{display:grid;grid-template-columns:calc(36 * var(--u)) calc(52 * var(--u)) 1fr;row-gap:var(--space-l);align-self:center;width:calc(588 * var(--u));list-style:none}.summary-list li{display:contents}.summary-list__leader{align-self:start;height:calc(3 * var(--u));margin-top:calc(24 * var(--u));background:radial-gradient(circle,rgb(255 255 255 / .55) calc(1.1 * var(--u)),transparent calc(1.2 * var(--u))) 0 50% / calc(6.23 * var(--u)) calc(3 * var(--u)) repeat-x}.summary-list__text{display:flex;flex-direction:column;gap:calc(7 * var(--u));padding-left:calc(12 * var(--u))}.loader{display:flex;gap:var(--space-xs)}.loader>i{width:calc(8 * var(--u));height:calc(8 * var(--u));border-radius:50%;background:var(--c-teal);animation:loader 1.2s ease-in-out infinite}.loader>i:nth-child(2){animation-delay:.2s}.loader>i:nth-child(3){animation-delay:.4s}.qr-card{flex:none;padding:7%;border-radius:15.5%;background:#fff;color:#000}.qr-card svg{display:block;width:100%;height:100%;fill:currentColor}@keyframes loader{0%,to{opacity:.25}40%{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(calc(16 * var(--u)))}}:root{--vt-out: .18s;--vt-in: .42s;--vt-in-delay: 90ms;--vt-bg: .48s;--vt-dir: 1}html[data-nav=back]{--vt-dir: -1}html[data-nav=fade]{--vt-dir: 0}::view-transition-group(*){animation-duration:var(--vt-bg);animation-timing-function:var(--ease-out)}::view-transition-group(brand),::view-transition-group(progress){animation-duration:.24s}::view-transition-old(root),::view-transition-new(root){animation-duration:var(--vt-out)}::view-transition-old(screen-bg){animation:none}::view-transition-new(screen-bg){animation:var(--vt-bg) var(--ease-out) both vt-bg-in}::view-transition-old(screen-content){animation:var(--vt-out) var(--ease-out) both vt-content-out}::view-transition-new(screen-content){animation:var(--vt-in) var(--ease-out) var(--vt-in-delay) both vt-content-in}@keyframes vt-bg-in{0%{opacity:0;transform:scale(1.03)}}@keyframes vt-content-out{to{opacity:0;transform:translate(calc(var(--vt-dir) * -24 * var(--u)))}}@keyframes vt-content-in{0%{opacity:0;transform:translate(calc(var(--vt-dir) * 56 * var(--u)))}}html:not(.vt) .screen__content{animation:screen-in var(--dur) var(--ease-out) both}@keyframes screen-in{0%{opacity:0;transform:translateY(calc(16 * var(--u)))}}@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),.screen__content,.options>.gbtn{animation:none!important}}html,body,#root{height:100%;overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;overscroll-behavior:none}.mirrored{transform:scaleX(-1)}.idle{cursor:pointer}.idle__cta{align-self:center;width:calc(354 * var(--u))}.idle__offline{min-height:var(--btn-xl)}.consent{margin-top:var(--space-2xl)}.consent-glow{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.7;filter:blur(calc(100 * var(--u)))}.consent-glow:before,.consent-glow:after{content:"";position:absolute;width:calc(1138 * var(--u));height:calc(1139 * var(--u));border-radius:50%;opacity:.45}.consent-glow:before,.consent-glow:after{background:linear-gradient(290deg,#34fffd 45%,#23b58d 90%)}.consent-glow:before{left:calc(-205 * var(--u));top:calc(304 * var(--u))}.consent-glow:after{left:calc(-298 * var(--u));top:calc(940 * var(--u))}.quiz__head{margin-top:calc(4 * var(--u))}.summary-list{align-self:flex-start;margin-top:calc(69 * var(--u));margin-left:calc(46 * var(--u))}.progress,.quiz__head{flex-shrink:0}.camera__aim{position:absolute;left:calc(116 * var(--u));top:calc(396 * var(--u));width:calc(488 * var(--u));height:calc(488 * var(--u));overflow:visible;pointer-events:none}.camera__aim-frame{fill:none;stroke:#fff;stroke-width:8;transition:stroke var(--dur) var(--ease-out)}.camera__aim-dot{fill:#fff;transition:fill var(--dur) var(--ease-out)}.camera__aim.is-live .camera__aim-frame{stroke:url(#aim-live)}.camera__aim.is-live .camera__aim-dot{fill:#3efe73}.camera__hint+.cta{margin-top:calc(40 * var(--u))}.camera__ready+.cta{margin-top:calc(59 * var(--u))}.camera__countdown{position:absolute;top:calc(922 * var(--u));left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:calc(21 * var(--u));pointer-events:none}.camera__count{animation:count-in 1s var(--ease-out) both}@keyframes count-in{0%{opacity:0;transform:scale(1.4)}30%{opacity:1;transform:scale(1)}}.camera__flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;pointer-events:none;animation:flash .5s ease-out both}@keyframes flash{to{opacity:0}}.waiting__head{margin-top:calc(114 * var(--u))}.sberauto{margin-bottom:calc(36 * var(--u))}.sberauto__logo{height:calc(20.5 * var(--u))}.sberauto__qr{width:calc(258 * var(--u));height:calc(258 * var(--u));margin-top:calc(21.5 * var(--u))}.sberauto__text{width:calc(578 * var(--u));margin-top:calc(37 * var(--u))}.result__qr{display:flex;align-items:center;gap:calc(19 * var(--u));padding-left:calc(16 * var(--u))}.result__qr-code{width:calc(180 * var(--u));height:calc(180 * var(--u))}.result__qr-text{width:calc(370 * var(--u));gap:calc(10 * var(--u))}.result__cta{margin-top:calc(46 * var(--u))}.alert__title{align-self:center;width:calc(553 * var(--u))}.alert__cta{margin-top:calc(77 * var(--u))}.alert__title--offline{width:calc(625 * var(--u));line-height:1;letter-spacing:0}.alert__text{margin-top:calc(71 * var(--u));opacity:var(--muted);letter-spacing:.04em}.service-hotspot{position:fixed;top:0;left:0;width:calc(90 * var(--u));height:calc(90 * var(--u));z-index:100}.service{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;background:#000c}.service__panel{display:flex;flex-direction:column;gap:var(--space-m);width:calc(560 * var(--u));padding:var(--space-l);border-radius:calc(32 * var(--u));background:var(--c-card);border:var(--line) solid rgb(255 255 255 / .25)}.service__panel h3{margin:0;font:600 calc(28 * var(--u)) / 1.2 var(--font-wide)}.service__info{display:grid;grid-template-columns:auto 1fr;gap:var(--space-xs) var(--space-s);margin:0;font:600 calc(18 * var(--u)) / 1.3 var(--font-text);text-align:left}.service__info dt{opacity:var(--muted)}.service__info dd{margin:0;word-break:break-all}.service__info input{width:100%;padding:calc(6 * var(--u)) calc(10 * var(--u));border:var(--line) solid rgb(255 255 255 / .25);border-radius:calc(8 * var(--u));background:var(--c-bg);color:var(--c-text);font:inherit;-webkit-user-select:text;user-select:text}.service__actions{display:flex;flex-direction:column;gap:var(--space-s)}.service__danger{color:#ffb82e}.pin{font-size:calc(40 * var(--u));letter-spacing:calc(12 * var(--u));text-align:center}.pinpad{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xs)}.pinpad button{height:calc(72 * var(--u));border:var(--line) solid rgb(255 255 255 / .25);border-radius:calc(36 * var(--u));background:transparent;color:var(--c-text);font:600 calc(28 * var(--u)) / 1 var(--font-wide)}.pinpad button:active{background:#21f2b84d}
