@font-face{font-family:IQOS;font-style:normal;font-weight:400;src:url('assets/iqos-regular.otf') format('opentype');font-display:swap}
@font-face{font-family:'YS Text';font-style:normal;font-weight:400;src:url('assets/ys-text-regular.woff2') format('woff2');font-display:swap}
@font-face{font-family:'YS Text';font-style:normal;font-weight:500;src:url('assets/ys-text-medium.woff2') format('woff2');font-display:swap}
*{box-sizing:border-box;border-width:0;border-style:solid}html,body{margin:0;min-height:100%;background:#e5e7ea;color:#221f28;font-family:IQOS,Arial,sans-serif;font-size:14px}p{margin:0}button,input{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block}button:focus-visible,[role=button]:focus-visible{outline:2px solid #00bcbd;outline-offset:3px}button:disabled{cursor:default}button{touch-action:manipulation} [hidden]{display:none!important}
body{display:flex;justify-content:center;align-items:center;min-width:375px;min-height:max(812px,100dvh);background:#d6dae0}#phone{--chrome-height:114px;--tabs-height:106px;--safe-top:0px;--safe-bottom:0px;width:375px;height:812px;min-height:812px;flex:none;position:relative;overflow:hidden;background:#e5e7ea}#screen-view{height:100%;overflow:auto;overscroll-behavior:contain;scrollbar-width:none}#screen-view::-webkit-scrollbar{display:none}#screen{position:relative;width:375px;min-height:100%;padding-bottom:var(--tabs-height,106px)}#screen>div,#screen>a{width:375px!important;overflow:hidden}#chrome{background:rgba(229,231,234,.9);backdrop-filter:blur(19.5px);position:absolute;top:0;left:0;width:375px;height:var(--chrome-height,114px);z-index:10}#chrome>div{position:relative!important;top:auto!important;left:auto!important}#tabs{position:absolute;bottom:0;left:0;width:375px;z-index:10;height:var(--tabs-height,106px)}#tabs>div{position:relative!important;bottom:auto!important;left:auto!important}#phone.typing #tabs{display:none}#phone.typing #screen-view{height:calc(100% - var(--keyboard-height,306px))}#phone.typing #screen{padding-bottom:20px}
.hit{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:filter .15s}.hit:active{filter:brightness(.96)}.primary{background:#221f28!important;color:#f3f4f6!important;min-height:46px}.primary>div:not([aria-hidden]),.primary p{color:inherit!important}.primary[aria-disabled=true]{background:#d6dae0!important;color:#a6abb5!important}.primary[aria-disabled=true] p{color:#a6abb5!important}
#prototype-stage{position:relative;flex:none;width:375px;height:812px}#prototype-stage>#phone{position:absolute;top:0;left:0;transform-origin:top left}.mobile-preview{min-width:0;min-height:100dvh;height:100dvh;overflow:hidden;overscroll-behavior:none}
.mobile-preview{align-items:flex-start;justify-content:flex-start;background:#e5e7ea}.mobile-preview .vk-page,.mobile-preview .yandex-page{min-height:var(--prototype-height,812px)}.mobile-preview .chat-root,.mobile-preview .chat-root>[data-name="Screen"],.mobile-preview .mts-confirm-screen>div{height:var(--prototype-height,812px)!important;min-height:0!important}.mobile-preview .mts-confirm-screen [data-name="Action Sheet"]{top:50%!important;transform:translateY(-50%)}
.field{display:flex;flex-direction:column;justify-content:center;position:relative;width:100%;min-height:46px;padding:6px 12px;border:1.5px solid #d6dae0;border-radius:14px;background:#f3f4f6;gap:2px}.field:focus-within{border-color:#00d1d2}.field label{letter-spacing:.1px;font-size:10px;color:rgba(34,31,40,.6);line-height:10px}.field input{width:100%;min-width:0;outline:0;border:0;padding:0;margin:0;background:transparent;font-size:14px;height:19px;line-height:19px}.field input::placeholder{color:rgba(34,31,40,.4)}.field.phone-field{padding-right:36px}.field .clear{position:absolute;right:10px;top:12px;background:transparent;padding:0}.field .clear img{width:20px;height:20px}.field .prefix{font-size:14px;white-space:nowrap}.field .number-row{display:flex;align-items:center;gap:4px}.field.error{border-color:#f92642}.field.valid{border-color:#11bb74}.field:has(input:read-only){background:#d6dae0}.field-message{color:#f92642;font-size:12px;line-height:15px;margin-top:4px}.input-wrap{width:100%}
.otp-wrap{display:flex;flex-direction:column;align-items:center;width:100%;gap:4px}.otp-cells{display:flex;gap:4px;justify-content:center}.otp{width:46px;height:65px;border:1.5px solid #d6dae0;border-radius:14px;background:#f3f4f6;font-size:24px;line-height:30px;text-align:center;padding:0;outline:none;caret-color:#00bcbd}.otp:focus{border-color:#00d1d2}.otp-wrap.error .otp{border-color:#f92642;color:#f92642}.otp-wrap.valid .otp{border-color:#11bb74}.otp-message{text-align:center;color:#f92642;font-size:12px;line-height:15px;min-height:0}.otp-message:empty{display:none}
#keyboard{position:absolute;left:0;bottom:0;width:375px;height:306px;background:#f1f1f2;border-radius:26px 26px 0 0;z-index:20;padding:26px 7px 48px;user-select:none;animation:keyboard-in .2s ease-out}#keyboard .key-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}#keyboard button{height:47px;border-radius:8px;background:#fff;color:#000;font:460 23px/28px -apple-system,BlinkMacSystemFont,Arial,sans-serif;box-shadow:0 1px 0 #ddd;padding:4px}#keyboard button small{display:block;font:556 13px/15px -apple-system,BlinkMacSystemFont,Arial,sans-serif;letter-spacing:2px}#keyboard .blank,#keyboard .erase{background:transparent;box-shadow:none}#keyboard .erase{font-size:28px;color:#555}#keyboard .keyboard-done{position:absolute;right:12px;top:4px;height:20px;color:#6e7379;font:12px IQOS,sans-serif;background:none;box-shadow:none;padding:0 5px}#keyboard.text{height:285px;padding:24px 5px 43px}#keyboard .letters{display:flex;justify-content:center;gap:5px;margin-bottom:10px}#keyboard.text button{height:42px;min-width:29px;padding:4px;font-size:20px;flex:1}#keyboard.text .letters:nth-child(3){padding:0 16px}#keyboard.text .space{flex:5}#keyboard.text .action-key{font-size:14px;min-width:48px}#keyboard.text .keyboard-done{height:18px;font:12px IQOS;min-width:0}#keyboard .home-line{position:absolute;width:144px;height:5px;background:#000;border-radius:99px;bottom:8px;left:calc(50% - 72px)}
#push{position:absolute;left:8px;right:8px;top:12px;z-index:50;padding:12px 34px 14px 12px;border:1px solid rgba(255,255,255,.8);border-radius:22px;background:rgba(248,249,251,.96);box-shadow:0 8px 32px #221f2833;backdrop-filter:blur(20px);animation:push-in .35s ease-out}#push .push-title{display:flex;align-items:center;gap:7px;font-size:12px;color:#76747a;margin-bottom:6px}#push .push-title img{width:24px;height:24px}#push strong{font-weight:400;color:#221f28;font-size:20px;letter-spacing:3px}#push .dismiss{position:absolute;right:10px;top:10px;border-radius:99px;width:23px;height:23px;background:#e5e7ea;color:#76747a;padding:0}#push p{line-height:19px}#push .time{margin-left:auto;color:#a6abb5;font-size:10px}
#overlay{position:absolute;inset:0;background:#221f2855;z-index:60;display:flex;align-items:flex-end;padding:12px;backdrop-filter:blur(4px)}.sheet{width:100%;max-height:85%;overflow:auto;background:#f3f4f6;border-radius:26px;padding:22px 18px;box-shadow:0 10px 50px #221f2830;animation:keyboard-in .2s ease-out}.sheet h2{font-size:22px;font-weight:400;margin:0 0 18px}.sheet p{line-height:20px;margin-bottom:12px}.sheet button{width:100%;background:white;padding:14px;border-radius:18px;margin:4px 0;text-align:left}.sheet .close-sheet{text-align:center;background:#221f28;color:white}.sheet small{color:#76747a;display:block;margin-top:6px}.sheet label{display:flex;gap:10px;align-items:center;margin:14px 0}.sheet input{accent-color:#00bcbd}
.chat-root{border-radius:0!important}.chat-root>[data-name=Screen]{border-radius:0!important}.chat-message{animation:message-in .3s ease-out}.typing-dots{font:24px Arial;color:#76747a;animation:pulse 1s infinite}.chat-back{position:absolute;top:62px;left:16px;z-index:5;width:44px;height:44px;border-radius:100%;background:#ffffff99;color:#221f28;font-size:27px}.chat-compose{position:absolute;bottom:285px;left:8px;right:8px;display:flex;gap:6px;padding:5px 8px;border-radius:20px;background:#ffffffb3;z-index:4}.chat-compose input{width:100%;outline:0;background:transparent;border:0}.chat-compose button{background:#008cff;color:white;border-radius:99px;padding:6px 12px}.chat-return{border-radius:12px;background:#fff;color:#008cff;padding:12px;text-align:center;display:block;margin:8px;width:calc(100% - 16px)}
.chat-root [data-name="Scroll Edge Effect - Soft"] [data-name="Blur"]{background-color:transparent!important}
.chat-root [data-name="Toobar"] [data-name="Title and Subtitle"]{position:absolute!important;left:calc(50% - 87px);width:174px}
.chat-root [data-name="Toobar"] [data-name="Trailing"]{position:absolute!important;right:0;top:0}
.chat-root [data-node-id="19873:58268"]{max-height:100%;overflow:auto;flex-shrink:1;padding-bottom:12px}
.chat-root [data-name="Screen"]{padding-bottom:350px!important}
.chat-root [data-name="Keyboard"]{z-index:3}
.chat-return{margin-bottom:12px}
#restart-auth{position:absolute!important;left:231px!important;top:auto!important;bottom:calc(var(--tabs-height,106px) + 12px);z-index:11;width:132px;min-height:79px;border-radius:14px;background:#221f28;color:#fff}
#phone[data-page="home"] #screen{padding-bottom:calc(var(--tabs-height,106px) + 70px)}
.home-qclub-banner{position:relative;flex:none;width:250px;height:128px;border-radius:26px;overflow:hidden;background:#fff}
.qclub-background{position:absolute;left:-101px;top:-48px;width:486px;height:218px}.qclub-background img{width:100%;height:100%;object-fit:cover}
.qclub-logo{position:absolute;left:12px;top:12px}.qclub-stamp{position:absolute;left:154px;top:51px;width:50px;height:18.254px;font-family:IQOS,Arial,sans-serif;font-weight:700;font-size:5.952px;line-height:1.1;letter-spacing:-.119px;text-align:center;color:#454646}
.qclub-title{position:absolute;left:12px;top:75px;width:110px;height:38px;font-family:IQOS,Arial,sans-serif;font-weight:700;font-size:16px;line-height:1.2;letter-spacing:-.32px;color:#34303d}.qclub-mark{position:absolute;left:221.543px;top:13px}
.mts-confirm-screen{padding-bottom:0!important}
#chrome:empty,#tabs:empty{display:none}
.mts-confirm-screen [data-name="Action Sheet"] *{font-family:-apple-system,BlinkMacSystemFont,Arial,sans-serif!important}
.mts-confirm-screen [data-name="Action Sheet"]>[data-name="Fill + Shadow"]{background:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.9);backdrop-filter:blur(20px)}
.mts-confirm-screen [data-name="Action Sheet"]>[data-name="Fill + Shadow"]>div>div{background:transparent!important}
.vk-screen{padding-bottom:0!important;background:#fff}
.vk-page{width:375px;min-height:812px;display:flex;flex-direction:column;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Arial,sans-serif;color:#000;position:relative}
.vk-status{height:62px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 26px 0 46px;font-size:17px;font-weight:600}
.vk-status>div{display:flex;gap:7px;align-items:center}
.vk-toolbar{height:52px;flex:none;position:relative;display:flex;align-items:center;justify-content:center}
.vk-brand{display:flex;align-items:center;gap:6px;font-size:24px;font-weight:650;letter-spacing:-.8px}
.vk-back{position:absolute;left:16px;top:5px;width:42px;height:42px;background:transparent;color:#818c99;font:34px Arial}
.vk-demo-badge{margin:8px 24px 0;padding:8px 6px;border-radius:8px;background:#f0f5ff;color:#526d8f;text-align:center;font-size:11px;line-height:16px}
.vk-content{padding:28px 24px 0;display:flex;flex-direction:column;align-items:stretch}
.vk-app-icon{width:64px;height:64px;border:1px solid #e7e8ec;border-radius:16px;display:flex;justify-content:center;align-items:center;align-self:center;margin-bottom:20px;background:#fff}
.vk-page h1{font-size:24px;line-height:29px;font-weight:650;letter-spacing:-.4px;text-align:center;margin:0 0 10px}
.vk-description{font-size:15px;line-height:20px;text-align:center;color:#818c99;margin-bottom:26px}
.vk-label{font-size:13px;line-height:17px;color:#818c99;margin-bottom:7px}
.vk-input{width:100%;height:48px;border:1px solid #d3d9de;border-radius:12px;background:#f2f3f5;font-size:16px;line-height:22px;padding:12px;outline:0;min-width:0}
.vk-input:focus{border-color:#0077ff;background:#fff}.vk-input::placeholder{color:#818c99}
.vk-page [data-vk-primary]{margin-top:16px;border-radius:12px;padding:13px 16px;font-family:inherit;font-size:16px;font-weight:500;background:#0077ff!important;color:#fff!important;min-height:48px}
.vk-page [data-vk-primary][aria-disabled=true]{background:#b3d5ff!important;color:#fff!important}
.vk-form-note{font-size:12px;line-height:17px;color:#818c99;text-align:center;margin-top:16px}
.vk-footer{margin-top:auto;padding:36px 24px 38px;text-align:center;font-size:12px;line-height:18px;color:#99a2ad}
.vk-footer button{background:transparent;color:#2688eb;font-size:12px;padding:10px 0}
.vk-home-line{position:absolute;bottom:8px;left:calc(50% - 72px);width:144px;height:5px;border-radius:99px;background:#000}
.vk-account{display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;line-height:20px;margin:-10px 0 28px;min-width:0}.vk-account span{overflow-wrap:anywhere}.vk-account button{font-size:13px;background:transparent;color:#2688eb;padding:4px 0}
.vk-password-field{position:relative}.vk-password-field input{padding-right:86px}.vk-password-field button{position:absolute;right:12px;top:14px;font-size:12px;padding:2px;background:transparent;color:#2688eb}
.vk-change{align-self:center;color:#2688eb;font-size:14px;margin:-12px 0 24px}
.vk-page:has(.otp-wrap) .vk-change{margin-bottom:16px}
.vk-page .otp{font-family:inherit;background:#f2f3f5;border-radius:12px;height:56px;width:48px}.vk-page .otp:focus{border-color:#0077ff;caret-color:#0077ff}.vk-page .otp-wrap.error .otp{border-color:#f92642}.vk-page .otp-wrap.valid .otp{border-color:#11bb74}
.vk-resend{font-size:13px;line-height:18px;text-align:center;margin-top:20px}.vk-page .otp-message{margin-top:5px}
#keyboard .keyboard-mode-key{position:absolute;left:12px;top:4px;height:20px;color:#6e7379;font:12px IQOS,sans-serif;background:none;box-shadow:none;padding:0 5px}
.yandex-screen{padding-bottom:0!important;background:#fff}
.yandex-page{width:375px;min-height:812px;display:flex;flex-direction:column;position:relative;background:#fff;color:#262633;font-family:'YS Text',Arial,sans-serif}
.yandex-toolbar{height:52px;flex:none;display:flex;align-items:center;justify-content:center;position:relative}
.yandex-logo{width:127px;height:24px}.yandex-back{position:absolute;left:24px;top:6px;width:40px;height:40px;display:grid;place-items:center;background:transparent;border-radius:12px}
.yandex-demo-badge{margin:0 32px;padding:5px 0;font-size:11px;line-height:16px;text-align:center;color:#73737d}
.yandex-content{padding:26px 32px 0;display:flex;flex-direction:column;align-items:stretch}
.yandex-page h1{font-size:32px;line-height:34px;font-weight:500;letter-spacing:-.5px;margin:0 0 8px;text-align:left}
.yandex-description{font-size:16px;line-height:20px;margin:0 0 24px}
.yandex-input,.yandex-phone-field{height:56px;width:100%;border:2px solid #d9d9df;border-radius:20px;background:#fff;outline:0;font-family:inherit;font-size:20px;line-height:26px}
.yandex-input{padding:13px 18px;min-width:0}.yandex-input::placeholder,.yandex-phone-field input::placeholder{color:#858591;opacity:1}
.yandex-input:focus,.yandex-phone-field:focus-within{border-color:#292933}
.yandex-phone-field{display:flex;align-items:center;padding:0 12px 0 0;gap:4px}
.yandex-country{height:50px;width:50px;flex:none;display:grid;place-items:center;font-size:23px;border-radius:18px;background:#f7f7f8}
.yandex-prefix{font-size:20px;line-height:26px;white-space:nowrap;margin-left:5px}
.yandex-phone-field input{min-width:0;width:100%;font-size:20px;line-height:26px;font-family:inherit;background:transparent;outline:0;padding:0}
.yandex-clear{width:22px;height:30px;flex:none;line-height:24px;font-size:26px;background:transparent;padding:0;color:#262633}
.yandex-page [data-yandex-primary]{height:56px;min-height:56px;flex:none;border-radius:20px;background:#292933!important;color:#fff!important;margin-top:16px;font:500 16px/20px 'YS Text',Arial,sans-serif;padding:18px 16px}
.yandex-page [data-yandex-primary][aria-disabled=true]{background:#ededf0!important;color:#92929b!important}
.yandex-page:not(.has-phone):has(#yandex-phone) [data-yandex-primary]{display:none}
.yandex-secondary{height:56px;min-height:56px;display:flex;align-items:center;justify-content:center;gap:12px;border:2px solid #ededf0;border-radius:20px;background:#fff;color:#262633;font-size:16px;line-height:20px;font-weight:500;padding:12px}
.yandex-secondary img{width:24px;height:24px;flex:none}
.yandex-phone-bio{margin-top:16px}.yandex-phone-bio button{width:100%}
.yandex-page:not(.has-phone) .yandex-phone-bio button{background:#292933;color:#fff;border-color:#292933}.yandex-page:not(.has-phone) .yandex-phone-bio img{filter:brightness(0) invert(1)}
.yandex-options{display:flex;gap:8px;margin-top:64px}.yandex-options>*{flex:1;min-width:0}
.yandex-login-options{display:flex;flex-direction:column;gap:8px;margin-top:32px}
.yandex-test-note{font-size:12px;line-height:16px;color:#858591;text-align:center;margin-top:16px}
.yandex-sr-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.yandex-account{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 20px;font-size:15px;line-height:20px;min-width:0}.yandex-account span{overflow-wrap:anywhere}.yandex-account button,.yandex-change{background:transparent;color:#0676ff;font-size:14px;line-height:20px;padding:0}
.yandex-password-field{position:relative}.yandex-password-field input{padding-right:88px;font-size:17px}.yandex-password-field button{position:absolute;right:14px;top:19px;background:transparent;color:#0676ff;font-size:12px;line-height:18px;padding:0}
.yandex-change{align-self:flex-start;margin:-10px 0 24px;cursor:pointer}
.yandex-page .otp-wrap{margin:0 0 4px}.yandex-page .otp{font-family:'YS Text',Arial,sans-serif;border-radius:16px;background:#fff;border-color:#d9d9df}.yandex-page .otp:focus{border-color:#292933;caret-color:#292933}.yandex-page .otp-wrap.error .otp{border-color:#f92642}.yandex-page .otp-wrap.valid .otp{border-color:#11bb74}
.yandex-page .otp-message{margin-top:6px}.yandex-resend{margin-top:20px;text-align:center;font-size:14px;line-height:20px}
.yandex-footer{margin-top:auto;padding:36px 32px 34px;text-align:center;font-size:14px;line-height:20px}.yandex-footer .yandex-footer-note{color:#858591;font-size:11px;line-height:16px;margin:12px 0 0}.yandex-footer button{background:transparent;color:#0676ff;font-size:12px;line-height:18px;padding:10px 0}
.yandex-demo-qr{width:136px;margin:0 auto 20px;padding:12px;border:1px solid #d9d9df;border-radius:16px;text-align:center}.yandex-demo-qr img{width:110px;height:110px}.yandex-demo-qr span{display:block;font:500 11px/18px 'YS Text',Arial,sans-serif;letter-spacing:2px}
#viewport-metrics{position:fixed;visibility:hidden;pointer-events:none;width:0;height:0;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
.mobile-root{height:100%;overflow:hidden;overscroll-behavior:none}
body.mobile-preview{position:fixed;inset:0;height:100%;min-height:0;overflow:hidden}
.mobile-preview #prototype-stage{position:fixed}
.mobile-preview #phone{--chrome-height:calc(52px + var(--safe-top));--tabs-height:calc(72px + var(--safe-bottom))}
.mobile-preview [data-name="Status Bar"],.mobile-preview [data-name="Status bar"],.mobile-preview [data-name="Home Indicator"],.mobile-preview .vk-status,.mobile-preview .vk-home-line,.mobile-preview .home-line,.mobile-preview [data-name="Keyboard"],.mobile-preview #keyboard{display:none!important}
.mobile-preview #chrome>[data-component="Header"],.mobile-preview #chrome>[data-name="Header"]{padding-top:var(--safe-top)}
.mobile-preview #tabs{background:#fff;padding-bottom:var(--safe-bottom)}
.mobile-preview #phone.native-editing{--tabs-height:0px}
.mobile-preview #phone.native-editing #tabs{display:none}
.mobile-preview #phone.native-editing #screen{padding-bottom:12px}
.mobile-preview .field input{font-size:16px;line-height:22px;height:22px}
.mobile-preview .field .prefix{font-size:16px}
.mobile-preview .vk-page,.mobile-preview .yandex-page{padding-top:var(--safe-top)}
.mobile-preview .vk-footer,.mobile-preview .yandex-footer{padding-bottom:calc(16px + var(--safe-bottom))}
.mobile-preview .chat-root>[data-name="Screen"]{padding-top:calc(54px + var(--safe-top))!important;padding-bottom:calc(64px + var(--safe-bottom))!important}
.mobile-preview .chat-root [data-name="Toobar"]{top:var(--safe-top)!important}
.mobile-preview .chat-root [data-name="Scroll Edge Effect - Soft"]{height:calc(54px + var(--safe-top))!important}
.mobile-preview .chat-back{top:calc(4px + var(--safe-top));height:40px;width:40px}
.mobile-preview .chat-compose{bottom:calc(8px + var(--safe-bottom));height:44px}
.mobile-preview .chat-compose input{font-size:16px;line-height:22px}
.mobile-preview #phone[data-page="chat"] #screen{padding-bottom:0!important;height:100%}
.mobile-preview #phone[data-page="chat"] #screen-view{overflow:hidden}
@keyframes push-in{from{transform:translateY(-140%)}to{transform:translateY(0)}}@keyframes keyboard-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes message-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{50%{opacity:.3}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}