@font-face{font-family:StobiSans;src:url(/media/fonts/stobisans-regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:StobiSans;src:url(/media/fonts/stobisans-medium.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:StobiSans;src:url(/media/fonts/stobisans-bold.woff2) format("woff2");font-weight:600 800;font-display:swap}@font-face{font-family:StobiSans;src:url(/media/fonts/stobisans-black.woff2) format("woff2");font-weight:900;font-display:swap}:root{--navy-950: #030a1c;--navy-900: #061330;--navy-800: #0b1f47;--brand-navy: #10336e;--brand-pink: #e6368a;--brand-purple: #882880;--blue: #4f8bff;--white: #ffffff;--text: #eef2fb;--muted: #a9b6d3;--line: rgba(255, 255, 255, .1);--card: rgba(255, 255, 255, .055);--card-strong: rgba(255, 255, 255, .1);--grad: linear-gradient(135deg, var(--brand-pink) 0%, var(--brand-purple) 100%);--ease: cubic-bezier(.2, .8, .2, 1);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--navy-950);color:var(--text);font-family:StobiSans,Segoe UI,Roboto,Noto Sans,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden;overscroll-behavior:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}img{-webkit-user-drag:none;user-select:none}button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.3;cursor:default}h1,h2,p,ul,ol,figure{margin:0;padding:0}ul,ol{list-style:none}svg{flex-shrink:0}.viewport{position:fixed;inset:0;overflow:hidden;background:var(--navy-950)}.stage{position:absolute;left:50%;top:50%;width:1080px;height:1920px;transform:translate(-50%,-50%) scale(var(--stage-scale, .5));overflow:hidden;background:var(--navy-900)}.backdrop{position:absolute;inset:0;background:radial-gradient(52% 34% at 50% 50%,#10336ef2,#10336e00),radial-gradient(38% 22% at 24% 66%,#88288052,#88288000),radial-gradient(34% 20% at 82% 34%,#4f8bff2e,#4f8bff00),linear-gradient(180deg,#071737,#040c22);transition:opacity .8s var(--ease)}.backdrop:after{content:"";position:absolute;left:10%;right:10%;top:76%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent)}.stage--faq .backdrop:after,.stage--download .backdrop:after,.stage--explore .backdrop:after{opacity:0}.content{position:absolute;inset:0;pointer-events:none;z-index:3}.content>*{pointer-events:auto}.content section{position:absolute;inset:0;pointer-events:none}.content section>*{pointer-events:auto}@keyframes rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes rise-x{0%{opacity:0;transform:translate(calc(var(--dx, 1) * 40px))}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}.content[data-dir="-1"]{--dx: -1}.phone-box{position:absolute;left:240px;top:470px;width:600px;height:1100px;z-index:2;transition:transform .9s var(--ease),opacity .6s var(--ease);will-change:transform;touch-action:none}.phone-box--hero{transform:translateY(28px) scale(.7)}.phone-box--side{transform:translate(-246px,-10px) scale(.76)}.phone-box--hub{transform:translate(294px,-150px) scale(.6)}.phone-box--mini{transform:translateY(-335px) scale(.44)}.phone-box--hidden{transform:translateY(60px) scale(.6);opacity:0;pointer-events:none}.phone-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .6s}.phone-canvas.is-ready{opacity:1}.css-phone{position:absolute;left:50%;top:50%;width:482px;height:1012px;margin:-506px 0 0 -241px;padding:16px;border-radius:76px;background:linear-gradient(145deg,#39445f,#1a2235 45%,#0f1524);box-shadow:inset 0 0 0 2px #ffffff1f,0 50px 90px #00000080,-18px 0 60px #e6368a2e,18px 0 60px #4f8bff2e}.css-phone--sway{animation:sway 10s ease-in-out infinite}@keyframes sway{0%,to{transform:perspective(2400px) rotateY(-7deg) rotateX(2deg) translateY(0)}50%{transform:perspective(2400px) rotateY(7deg) rotateX(-1deg) translateY(-14px)}}.css-phone__screen{position:relative;width:100%;height:100%;border-radius:60px;overflow:hidden;background:#f2f5fb}.css-phone__screen img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center}.css-phone__screen img.is-front{animation:fade .6s var(--ease) both}.topbar{position:absolute;top:40px;left:60px;right:60px;height:96px;display:flex;align-items:center;justify-content:space-between;z-index:10}.topbar__logo{height:96px;display:flex;align-items:center}.topbar__logo img{height:62px}.lang{display:flex;gap:8px;padding:8px;border-radius:52px;background:var(--card);border:1px solid var(--line)}.lang__btn{width:104px;height:80px;border-radius:40px;font-size:28px;font-weight:700;letter-spacing:.06em;color:var(--muted);transition:background .25s,color .25s}.lang__btn.is-active{background:var(--white);color:var(--brand-navy)}.topbar__right{display:flex;align-items:center;gap:16px}.qr-btn{height:96px;padding:0 28px 0 22px;border-radius:48px;display:flex;align-items:center;gap:12px;font-size:28px;font-weight:800;letter-spacing:.06em;color:var(--white);background:var(--grad);box-shadow:0 12px 34px #e6368a59}.qr-btn svg{width:44px;height:44px}.qr-btn:active{transform:scale(.96)}.qr-overlay{position:absolute;inset:0;z-index:60;background:#030a1ce6;display:flex;align-items:center;justify-content:center;animation:fade .3s both}.qr-overlay__card{width:860px;padding:64px 60px 56px;border-radius:56px;background:var(--white);color:var(--brand-navy);display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 40px 120px #00000080;animation:rise .45s var(--ease) both}.qr-overlay__logo{height:76px}.qr-overlay__title{margin-top:30px;font-size:56px;line-height:1.1;font-weight:900;color:#1d293d}.qr-overlay__code{margin-top:36px;width:640px;height:640px}.qr-overlay__code img{width:100%;height:100%;display:block}.qr-overlay__scan{margin-top:28px;font-size:32px;color:#45556c}.qr-overlay__url{margin-top:10px;font-size:34px;font-weight:800;color:var(--brand-purple)}.qr-overlay__close{position:absolute;top:60px;right:60px}.bottomnav{position:absolute;left:28px;right:28px;bottom:28px;height:152px;z-index:10;display:flex;align-items:center;gap:6px;padding:0 14px;border-radius:48px;background:#081430eb;border:1px solid var(--line);box-shadow:0 -20px 60px #00000040;animation:rise .5s var(--ease) both}.nav-btn{width:140px;height:124px;border-radius:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:22px;font-weight:600;color:var(--muted);transition:background .2s,transform .15s}.nav-btn svg{width:46px;height:46px;color:var(--white)}.nav-btn:active:not(:disabled){background:var(--card-strong);transform:scale(.96)}.nav-btn--accent{background:var(--grad);color:var(--white)}.nav-btn--accent.is-here{opacity:.55}.nav-current{flex:1;height:124px;border-radius:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--card)}.nav-current__label{display:flex;align-items:center;gap:12px;font-size:27px;font-weight:700;color:var(--white);white-space:nowrap;max-width:380px;overflow:hidden;text-overflow:ellipsis}.nav-current__label svg{width:30px;height:30px;color:var(--brand-pink)}.nav-dots{display:flex;gap:9px}.nav-dots i{width:12px;height:12px;border-radius:6px;background:#ffffff38;transition:width .35s var(--ease),background .35s}.nav-dots i.is-on{width:36px;background:var(--brand-pink)}.eyebrow{font-size:26px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--brand-pink);margin-bottom:18px}.sec-header{position:absolute;left:60px;right:60px;top:176px;animation:rise .7s var(--ease) both}.sec-title{font-size:74px;line-height:1.04;font-weight:800;letter-spacing:-.02em;color:var(--white);text-wrap:balance}.sec-sub{margin-top:22px;font-size:33px;line-height:1.36;color:var(--muted);max-width:940px;text-wrap:pretty}.muted{color:var(--muted)}.btn{height:112px;padding:0 48px;border-radius:56px;display:inline-flex;align-items:center;justify-content:center;gap:18px;font-size:34px;font-weight:700;transition:transform .15s var(--ease),filter .2s;white-space:nowrap}.btn svg{width:40px;height:40px}.btn:active{transform:scale(.97)}.btn--primary{background:var(--grad);color:var(--white);box-shadow:0 20px 50px #e6368a59}.btn--xl{min-width:720px;height:120px;font-size:38px}.btn--ghost{background:var(--card);border:2px solid rgba(255,255,255,.16);color:var(--white);padding:0 36px;font-size:30px;height:100px}.btn--pill{height:92px;padding:0 40px;font-size:30px;color:var(--white);background:#4f8bff24;border:2px solid rgba(79,139,255,.5)}.round-btn{width:112px;height:112px;border-radius:56px;display:grid;place-items:center;background:var(--card-strong);border:2px solid var(--line)}.round-btn svg{width:50px;height:50px}.round-btn--primary{background:var(--grad);border:0}.round-btn:active:not(:disabled){transform:scale(.95)}.welcome__text{position:absolute;left:40px;right:40px;top:168px;text-align:center;animation:rise .9s var(--ease) both}.welcome__title{font-size:112px;line-height:1;font-weight:900;letter-spacing:-.03em;display:flex;flex-direction:column}.welcome__title .accent{background:linear-gradient(90deg,#ff6fb0 0%,var(--brand-pink) 40%,#b65bd8 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:6px}.welcome__tagline{margin-top:26px;font-size:40px;line-height:1.2;font-weight:800;color:var(--white)}.welcome__lead{margin:14px auto 0;max-width:860px;font-size:30px;line-height:1.38;color:var(--muted);text-wrap:balance}.welcome__actions{position:absolute;left:60px;right:60px;top:1452px;display:flex;flex-direction:column;align-items:center;gap:22px;animation:rise .9s .2s var(--ease) both}.welcome__row{display:flex;gap:20px}.welcome__row .btn{min-width:350px}.disclaimer{position:absolute;left:90px;right:90px;bottom:26px;text-align:center;font-size:21px;line-height:1.35;color:#a9b6d3b3}.hub{position:absolute;left:60px;top:548px;width:572px;display:flex;flex-direction:column;gap:12px}.hub li{animation:rise-x .55s var(--ease) both}.hub__item{width:100%;height:128px;padding:0 22px 0 20px;border-radius:34px;display:flex;align-items:center;gap:22px;text-align:left;background:var(--card);border:1px solid var(--line);transition:background .2s,transform .15s}.hub__item:active{background:var(--card-strong);transform:scale(.98)}.hub__icon{width:84px;height:84px;border-radius:26px;display:grid;place-items:center;background:var(--grad)}.hub__icon svg{width:42px;height:42px}.hub__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.hub__text strong{font-size:32px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub__text small{font-size:22px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub__chev{width:38px;height:38px;color:var(--muted)}.side{position:absolute;left:588px;top:590px;width:436px;animation:rise-x .7s .12s var(--ease) both}.screen-caption{position:absolute;left:56px;width:480px;top:1432px;text-align:center;display:flex;flex-direction:column;gap:6px;animation:fade .8s .4s both}.screen-caption strong{font-size:26px;font-weight:700}.screen-caption span{font-size:20px;color:var(--muted)}.side-title{font-size:38px;line-height:1.15;font-weight:800;margin-bottom:26px}.side-tagline{font-size:36px;line-height:1.2;font-weight:800;margin-bottom:28px;background:linear-gradient(90deg,#fff,#c9d6ff);-webkit-background-clip:text;background-clip:text;color:transparent}.fineprint{margin-top:22px;font-size:21px;line-height:1.4;color:var(--muted)}.choice-list{display:flex;flex-direction:column;gap:18px}.choice{width:100%;min-height:150px;padding:24px;border-radius:36px;display:flex;align-items:center;gap:24px;text-align:left;background:var(--card);border:2px solid var(--line);transition:border-color .3s,background .3s,transform .15s}.choice:active{transform:scale(.98)}.choice.is-active{border-color:var(--brand-pink);background:#e6368a1f}.choice__icon{width:96px;height:96px;border-radius:28px;display:grid;place-items:center;background:#ffffff17;transition:background .3s}.choice.is-active .choice__icon{background:var(--grad)}.choice__icon svg{width:52px;height:52px}.choice__text{flex:1;display:flex;flex-direction:column;gap:6px}.choice__text strong{font-size:36px;font-weight:800}.choice__text small{font-size:24px;color:var(--muted)}.choice__check{width:44px;height:44px;color:var(--brand-pink);animation:fade .3s both}.note-card{margin-top:30px;padding:34px;border-radius:36px;background:var(--card);border:1px solid var(--line);font-size:30px;line-height:1.4;display:flex;flex-direction:column;gap:18px;animation:rise .5s var(--ease) both}.segmented{display:flex;flex-direction:column;gap:12px;margin-bottom:30px}.segmented button{height:96px;border-radius:30px;padding:0 22px;display:flex;align-items:center;gap:18px;font-size:30px;font-weight:700;text-align:left;background:var(--card);border:2px solid var(--line);transition:border-color .3s,background .3s}.segmented button.is-active{border-color:var(--brand-pink);background:#e6368a1f}.segmented__n{width:56px;height:56px;border-radius:28px;display:grid;place-items:center;font-size:26px;background:#ffffff1a}.segmented button.is-active .segmented__n{background:var(--grad)}.service-list{display:flex;flex-direction:column;gap:22px}.service-list li{display:flex;gap:18px}.service-list svg{width:38px;height:38px;color:var(--brand-pink);margin-top:2px}.service-list strong{display:block;font-size:27px;line-height:1.25;font-weight:700}.service-list small{display:block;margin-top:6px;font-size:21px;line-height:1.4;color:var(--muted)}.steps{display:flex;flex-direction:column;gap:18px}.step{width:100%;padding:30px 28px;border-radius:36px;display:flex;gap:24px;text-align:left;background:var(--card);border:2px solid var(--line);transition:border-color .3s,background .3s}.step.is-active{border-color:var(--brand-pink);background:#e6368a1f}.step__n{font-size:64px;line-height:.9;font-weight:900;color:#ffffff40;transition:color .3s}.step.is-active .step__n{color:var(--brand-pink)}.step__body{display:flex;flex-direction:column;gap:10px}.step__body strong{font-size:34px;font-weight:800}.step__body small{font-size:25px;line-height:1.4;color:var(--muted)}.feature-list{display:flex;flex-direction:column}.feature-list li{display:flex;gap:24px;padding:26px 0;border-top:1px solid var(--line)}.feature-list li:first-child{border-top:0;padding-top:6px}.feature-list li.is-highlight strong{color:var(--brand-pink)}.feature-list__icon{width:60px;height:60px;border-radius:30px;display:grid;place-items:center;color:var(--brand-pink);background:#e6368a1f}.feature-list li.is-highlight .feature-list__icon{background:var(--grad);color:var(--white)}.feature-list__icon svg{width:32px;height:32px}.feature-list strong{display:block;font-size:30px;line-height:1.2;font-weight:800}.feature-list small{display:block;margin-top:8px;font-size:23px;line-height:1.4;color:var(--muted)}.feature-list--compact li{padding:22px 0}.feature-list--compact li:first-child{padding-top:4px}.walk{animation:rise .5s var(--ease) both}.walk__n{font-size:210px;line-height:1.1;padding:.04em .04em 0 0;margin-top:-40px;font-weight:900;letter-spacing:-.04em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.walk__of{margin-top:18px;font-size:24px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:700}.walk__title{margin-top:18px;font-size:52px;line-height:1.08;font-weight:800}.walk__text{margin-top:20px;font-size:33px;line-height:1.4;color:var(--muted)}.walk__extra{margin-top:20px;font-size:24px;line-height:1.45;color:var(--muted);padding-left:20px;border-left:4px solid var(--brand-pink)}.walk__extra b{color:var(--white)}.walk__nav{position:absolute;top:760px;left:0;right:0;display:flex;align-items:center;justify-content:space-between}.walk__dots{display:flex;gap:14px}.walk__dots button{width:22px;height:22px;border-radius:11px;background:#ffffff40;transition:width .3s var(--ease),background .3s;position:relative}.walk__dots button:after{content:"";position:absolute;inset:-24px -10px}.walk__dots button.is-on{width:56px;background:var(--brand-pink)}.faq__list{position:absolute;left:60px;right:60px;top:560px;display:flex;flex-direction:column;gap:16px;animation:rise .7s .1s var(--ease) both}.faq__list li{border-radius:36px;background:var(--card);border:1px solid var(--line);transition:background .3s,border-color .3s}.faq__list li.is-open{background:#ffffff14;border-color:#e6368a99}.faq__q{width:100%;min-height:124px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;text-align:left;font-size:35px;font-weight:700}.faq__q svg{width:46px;height:46px;color:var(--brand-pink);transition:transform .35s var(--ease)}.faq__list li.is-open .faq__q svg{transform:rotate(45deg)}.faq__a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--ease)}.faq__a>div{overflow:hidden}.faq__list li.is-open .faq__a{grid-template-rows:1fr}.faq__a p{padding:0 40px 36px;font-size:30px;line-height:1.45;color:var(--muted)}.download__head{position:absolute;left:70px;right:70px;top:170px;text-align:center;animation:rise .7s var(--ease) both}.download__head .sec-sub{margin:18px auto 0}.download__qrs{position:absolute;left:60px;right:60px;top:970px;display:flex;justify-content:center;gap:56px;animation:rise .7s .15s var(--ease) both}.qr-card{width:430px;display:flex;flex-direction:column;align-items:center;gap:18px}.qr-card__code{width:380px;height:380px;padding:26px;border-radius:40px;background:var(--white);box-shadow:0 30px 70px #00000059}.qr-card__code img{width:100%;height:100%;display:block}.qr-card__badge{height:80px}.qr-card figcaption{font-size:23px;color:var(--muted);text-align:center}.download__foot{position:absolute;left:60px;right:60px;top:1560px;display:flex;flex-direction:column;align-items:center;gap:14px;animation:fade .8s .3s both}.site-line{display:flex;align-items:center;gap:12px;font-size:29px;color:var(--muted)}.site-line svg{width:32px;height:32px;color:var(--brand-pink)}.site-line b{color:var(--white)}.mdt-logo{height:50px;opacity:.85}.copyright{font-size:19px;color:#a9b6d3a6}.game{position:absolute;inset:0;z-index:40;animation:fade .4s both;touch-action:none}.game__bg{position:absolute;inset:0;background:radial-gradient(70% 45% at 50% 40%,#11306a,#071737 60%,#040c22)}.game__canvas{position:absolute;inset:0;width:100%;height:100%}.game__hud{position:absolute;top:40px;left:60px;right:60px;height:150px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.game__hud>*{pointer-events:auto}.hud-box{min-width:230px;height:130px;padding:0 34px;border-radius:40px;background:#ffffff14;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.hud-box small,.hud-timer small{font-size:22px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700}.hud-box strong{font-size:60px;line-height:1;font-weight:900;font-variant-numeric:tabular-nums}.hud-timer{position:relative;width:150px;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center}.hud-timer svg{position:absolute;inset:0;transform:rotate(-90deg)}.hud-timer circle{fill:none;stroke:#ffffff1f;stroke-width:7}.hud-timer .hud-timer__fg{stroke:var(--brand-pink);stroke-linecap:round;stroke-dasharray:276.5;stroke-dashoffset:calc(276.5 * (1 - var(--p)));transition:stroke-dashoffset 1s linear}.hud-timer strong{font-size:56px;line-height:1;font-weight:900;font-variant-numeric:tabular-nums}.hud-timer small{font-size:16px}.game__panel{position:absolute;inset:380px 70px 120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;text-align:center;animation:rise .5s var(--ease) both}.game__panel .disclaimer{bottom:-80px}.game__title{font-size:110px;line-height:1;font-weight:900;letter-spacing:-.03em;background:linear-gradient(90deg,#fff,#ffd0e6,#c9d6ff);-webkit-background-clip:text;background-clip:text;color:transparent}.game__how{font-size:36px;line-height:1.4;color:var(--muted);max-width:820px}.game__legend{display:flex;gap:70px;font-size:44px;font-weight:900;margin:10px 0 20px}.game__legend span{display:flex;align-items:center;gap:22px}.legend-phone{width:56px;height:110px;border-radius:14px;background:linear-gradient(145deg,#2a3550,#121a2c);box-shadow:inset 0 0 0 5px #2a3550,inset 0 0 0 40px #eef2fb}.legend-phone--blue{background:#2f62ee;box-shadow:inset 0 0 0 5px #3f72ff,inset 0 0 0 40px #dbe7ff,0 0 30px #508cffcc}.game__count{position:absolute;inset:0;display:grid;place-items:center;font-size:420px;font-weight:900;color:var(--white);animation:count .8s var(--ease) both;pointer-events:none}@keyframes count{0%{opacity:0;transform:scale(1.6)}30%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.game__score{font-size:240px;line-height:1.1;font-weight:900;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}.game__end{font-size:58px;line-height:1.15;font-weight:800;max-width:860px;margin-bottom:20px}.operator{position:absolute;inset:0;z-index:100;background:#030a1cd9;display:grid;place-items:center}.operator__card{width:860px;padding:56px;border-radius:40px;background:#0e1f46;border:1px solid var(--line);font-size:28px;display:flex;flex-direction:column;gap:26px}.operator h2{font-size:48px}.operator__row{display:flex;gap:16px;flex-wrap:wrap}.operator__row button{min-width:160px;height:96px;padding:0 28px;border-radius:28px;background:var(--card-strong);font-weight:700;text-transform:capitalize}.operator__row button.is-active{background:var(--grad)}.operator dl{display:grid;grid-template-columns:240px 1fr;gap:12px 20px;margin:0;font-size:24px}.operator dt{color:var(--muted)}.operator dd{margin:0;word-break:break-word}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
