@font-face{font-family:ABC Diatype Cyrillic;src:url(../fonts/ABCDiatypeCyrillic-Regular.otf) format("opentype");font-style:normal;font-weight:400;font-display:swap}:root{--font-family: "ABC Diatype Cyrillic", system-ui, sans-serif;--color-navy: #21395b;--color-gray-blue: #8c99ab;--color-page: #ffffff;--color-background: #f4f4f4;--app-width: 393px;--app-height: 852px;--page-padding: 40px 20px 35px;--page-radius: 30px;font-family:var(--font-family)}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;color:var(--color-navy);background:var(--color-background)}button{font:inherit}.app{display:flex;min-height:100dvh;justify-content:center}.screen{position:relative;width:min(100%,var(--app-width));min-height:min(var(--app-height),100dvh);margin:0 auto;padding:var(--page-padding);overflow:hidden;border-radius:var(--page-radius);background:var(--color-page)}@media(min-height:852px){.app{align-items:center}.screen{height:var(--app-height)}}@media(max-width:392px){.app{align-items:flex-start}.screen{height:auto;min-height:100dvh;border-radius:0}}@media(max-width:340px){:root{--page-padding: 32px 16px 28px}}:root{--color-bg: var(--tg-bg-color, #fbf7f4);--color-card: #ffffff;--color-text: var(--tg-text-color, #3d302b);--color-muted: #9a8c86;--color-primary: #c98266;--color-primary-dark: #ad6c53;--color-border: #eadfd9;--color-danger: #b00020}.screen--center{display:flex;align-items:center;justify-content:center}.card,.quiz{width:100%;padding:24px;border-radius:20px;background:var(--color-card);box-shadow:0 16px 40px #502d1e14}.welcome{display:flex;flex-direction:column;align-items:flex-start}.welcome__logo{display:block;flex:0 0 auto;width:167px;height:23px;margin-bottom:46px}.welcome__title{width:100%;margin:0 0 10px;color:var(--color-navy);font-family:var(--font-family);font-size:38px;font-weight:400;letter-spacing:.04em;line-height:102%}.welcome__description{width:100%;margin:0 0 18px;color:var(--color-gray-blue);font-family:var(--font-family);font-size:14px;font-weight:400;letter-spacing:.04em;line-height:125%}.welcome__start{z-index:1;display:inline-flex;flex:0 0 auto;gap:8px;align-items:center;padding:0;border:0;color:var(--color-navy);background:transparent;font-family:var(--font-family);font-size:24px;font-weight:400;line-height:100%;cursor:pointer}.welcome__start img{display:block;width:24px;height:24px;object-fit:contain}.welcome__image-section{position:relative;flex:0 0 auto;width:100%;height:416px}.welcome__image{position:absolute;top:-34px;left:50%;display:block;width:461px;height:558px;max-width:none;transform:translate(-50%)}.question-page{display:flex;flex-direction:column;align-items:flex-start}.question-page__logo{display:block;flex:0 0 auto;width:167px;height:23px}.question-page__spacer{flex:1 1 auto;min-height:20px}.question-page .stepper{width:352px;max-width:100%;margin-top:11px;padding:54px 0 8px}.question-page .stepper__row{position:relative;display:flex;width:100%;height:28px;align-items:center;justify-content:space-between}.question-page .stepper__track{position:absolute;top:13px;right:14px;left:14px;height:1px;background:#eaeef1}.question-page .stepper__fill{position:absolute;top:0;left:0;height:2px;background:var(--color-navy)}.question-page .stepper__step{z-index:1;display:flex;width:28px;height:28px;align-items:center;justify-content:center;border:1px solid #e1e7eb;border-radius:50%;color:var(--color-gray-blue);background:var(--color-page);font-family:var(--font-family);font-size:16px;font-weight:400;line-height:100%}.question-page .stepper__step--active{width:36px;height:36px;border-color:var(--color-navy);color:#fff;background:var(--color-navy);font-size:18px}.question-page .stepper__label{width:100%;margin:14px 0 0;color:var(--color-navy);font-family:var(--font-family);font-size:20px;font-weight:400;line-height:110%}.question-page .question-copy{display:flex;width:100%;flex-direction:column;gap:8px;margin-top:22px}.question-page .question-copy__title{width:100%;margin:0;color:var(--color-navy);font-family:var(--font-family);font-size:34px;font-weight:400;letter-spacing:.04em;line-height:103%}.question-page .question-copy__hint{width:100%;margin:0;color:var(--color-gray-blue);font-family:var(--font-family);font-size:14px;font-weight:400;letter-spacing:.04em;line-height:120%}.question-page .options{display:flex;width:100%;flex-direction:column;gap:12px;margin-top:30px}.question-page .option{position:relative;display:flex;width:100%;gap:14px;align-items:flex-start;padding:0 0 12px;border:0;border-bottom:1px solid #ecf0f3;border-radius:0;color:var(--color-navy);background:var(--color-page);text-align:left;cursor:pointer}.question-page .option:last-child{padding-bottom:0;border-bottom:0}.question-page .option__marker{position:relative;display:block;flex:0 0 auto;width:18px;height:18px;border:1px solid var(--color-navy);border-radius:50%;background:transparent}.question-page .option__copy{display:flex;min-width:0;flex:1 1 auto;flex-direction:column;gap:6px}.question-page .option__label{display:block;margin:0;color:var(--color-navy);font-family:var(--font-family);font-size:23px;font-weight:400;letter-spacing:.04em;line-height:110%}.question-page .option__description{display:block;color:var(--color-gray-blue);font-family:var(--font-family);font-size:14px;font-weight:400;letter-spacing:.04em;line-height:125%}.question-page .option--selected{border-color:#ecf0f3;background:var(--color-page)}.question-page .option--selected .option__marker{border-color:var(--color-navy);background:transparent}.question-page .option--selected .option__marker:after{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:var(--color-navy);content:""}.question-page .option--multiple .option__marker{border-radius:4px}.question-page .option--multiple.option--selected .option__marker:after{border-radius:1px}.question-page .question-copy__hint.question-page__selection-note{margin:20px 0 0}.question-page .question-actions{display:flex;width:100%;flex:0 0 auto;align-items:center;justify-content:space-between}.question-page .question-actions button{display:inline-flex;align-items:center;padding:0;border:0;background:transparent;cursor:pointer}.question-page .question-actions img{display:block;width:18px;height:14px}.question-page .question-actions__back img{transform:rotate(180deg)}.question-page .question-actions__next{gap:8px;color:var(--color-navy);font-family:var(--font-family);font-size:24px;font-weight:400;line-height:100%}.question-page .question-actions__next:disabled{color:var(--color-gray-blue);cursor:not-allowed}.result-page{display:flex;height:auto;min-height:var(--app-height);flex-direction:column;align-items:flex-start}.result-page__logo{display:block;width:167px;height:23px}.result-page__title{width:100%;margin:27px 0 0;color:var(--color-navy);font-family:var(--font-family);font-size:34px;font-weight:400;line-height:103%}.result-page .result-section{display:flex;width:100%;flex-direction:column;gap:20px}.result-page .result-section--divided{margin-top:24px;padding-top:24px;border-top:1px solid #ecf0f3}.result-page .result-section__title{width:100%;margin:0;color:var(--color-navy);font-family:var(--font-family);font-size:28px;font-weight:400;line-height:103%}.result-page .result-profile{margin-top:32px}.result-page .result-profile__note{width:100%;margin:0;color:var(--color-gray-blue);font-family:var(--font-family);font-size:12px;font-weight:400;line-height:130%}.result-page .result-profile .result-tag:last-child{max-width:240px;white-space:normal}.result-page .result-tags{display:flex;width:100%;flex-wrap:wrap;gap:4px}.result-page .result-tag{display:inline-flex;min-height:36px;align-items:center;justify-content:center;padding:8px 16px;color:var(--color-navy);background:#21395b14;font-family:var(--font-family);font-size:15px;font-weight:400;line-height:135%;white-space:nowrap}.result-page .result-product__name{width:100%;margin:0;color:var(--color-navy);font-family:var(--font-family);font-size:20px;font-weight:400;line-height:108%}.result-page .result-product__description{width:100%;margin:0;color:var(--color-navy);font-family:var(--font-family);font-size:14px;font-weight:400;line-height:135%;white-space:pre-line}.result-page .result-alternatives__list{display:flex;width:100%;flex-direction:column;gap:12px}.result-page .result-alternatives__list p{width:100%;margin:0;padding-bottom:12px;border-bottom:1px solid #ecf0f3;color:var(--color-navy);font-family:var(--font-family);font-size:20px;font-weight:400;line-height:115%}.result-page .result-alternatives__list p:nth-child(2){font-size:18px;line-height:120%}.result-page .result-alternatives__list p:nth-child(3){font-size:17px}.result-page .result-alternatives__list p:last-child{padding-bottom:0;border-bottom:0}.result-page .result-professional__content{display:flex;width:100%;flex-direction:column;gap:12px}.result-page .result-professional__description{width:100%;margin:0;color:var(--color-gray-blue);font-family:var(--font-family);font-size:13px;font-weight:400;line-height:130%;white-space:pre-line}.result-page .result-disclaimer{display:flex;width:100%;flex-direction:column;gap:10px;margin-top:18px;padding:20px;border:1px solid #ecf0f3;border-radius:18px;background:#f6f8fa}.result-page .result-disclaimer h2,.result-page .result-disclaimer p{width:100%;margin:0;font-family:var(--font-family);font-weight:400}.result-page .result-disclaimer h2{color:var(--color-navy);font-size:15px;line-height:120%}.result-page .result-disclaimer p{color:var(--color-gray-blue);font-size:12px;line-height:135%}.result-page .result-actions{display:flex;width:100%;align-items:center;justify-content:space-between;margin-top:18px}.result-page .result-actions button{display:inline-flex;align-items:center;padding:0;border:0;background:transparent;cursor:pointer}.result-page .result-actions img{display:block;width:18px;height:14px}.result-page .result-actions__back img{transform:rotate(180deg)}.result-page .result-actions__guide{display:inline-flex;gap:8px;align-items:center;color:var(--color-gray-blue);font-family:var(--font-family);font-size:18px;font-weight:400;line-height:100%;white-space:nowrap}.result-page .result-guide-prompt{position:fixed;z-index:10;bottom:0;left:50%;display:flex;width:min(100%,var(--app-width));padding:60px 20px 35px;overflow:hidden;border-radius:0 0 var(--page-radius) var(--page-radius);background:linear-gradient(to bottom,rgba(255,255,255,0),var(--color-page) 50%);transform:translate(-50%)}.result-page .result-guide-prompt[hidden]{display:none}.result-page .result-guide-prompt__button{display:inline-flex;gap:8px;align-items:center;padding:0;border:0;color:var(--color-navy);background:transparent;font-family:var(--font-family);font-size:18px;font-weight:400;line-height:100%;white-space:nowrap;cursor:pointer}.result-page .result-guide-prompt img{display:block;width:18px;height:14px}.cleansing-page{display:flex;flex-direction:column;align-items:flex-start}.cleansing-page__logo{display:block;flex:0 0 auto;width:167px;height:23px}.cleansing-page__title{width:100%;margin:54px 0 0;color:var(--color-navy);font-family:var(--font-family);font-size:34px;font-weight:400;letter-spacing:.04em;line-height:103%}.cleansing-page__intro{width:100%;margin:20px 0 0;color:var(--color-navy);font-family:var(--font-family);font-size:15px;font-weight:400;line-height:135%}.cleansing-page__subtitle{width:100%;margin:32px 0 0;color:var(--color-navy);font-family:var(--font-family);font-size:28px;font-weight:400;letter-spacing:.04em;line-height:103%}.cleansing-page__spacer{flex:1 1 auto;min-height:20px}.cleansing-page__back{display:inline-flex;flex:0 0 auto;align-items:center;margin-top:18px;padding:0;border:0;background:transparent;cursor:pointer}.cleansing-page__back img{display:block;width:18px;height:14px;transform:rotate(180deg)}.cleansing-page .cleansing-steps{display:flex;width:100%;flex-direction:column;gap:12px;margin-top:18px}.cleansing-page .cleansing-step{display:flex;width:100%;gap:16px;align-items:flex-start;padding-bottom:12px;border-bottom:1px solid #ecf0f3}.cleansing-page .cleansing-step:last-child{padding-bottom:0;border-bottom:0}.cleansing-page .cleansing-step__number{width:32px;flex:0 0 32px;color:var(--color-gray-blue);font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:110%}.cleansing-page .cleansing-step__copy{display:flex;min-width:0;flex:1 1 auto;flex-direction:column;gap:6px}.cleansing-page .cleansing-step__copy h3,.cleansing-page .cleansing-step__copy p{width:100%;margin:0;font-family:var(--font-family);font-weight:400}.cleansing-page .cleansing-step__copy h3{color:var(--color-navy);font-size:20px;line-height:115%}.cleansing-page .cleansing-step__copy p{color:var(--color-gray-blue);font-size:13px;line-height:130%}.cleansing-page .hydrafacial-card{display:flex;width:100%;flex:0 0 auto;flex-direction:column;gap:10px;padding:20px;border:1px solid #ecf0f3;border-radius:20px;background:#f6f8fa}.cleansing-page .hydrafacial-card h2,.cleansing-page .hydrafacial-card p{width:100%;margin:0;font-family:var(--font-family);font-weight:400}.cleansing-page .hydrafacial-card h2{color:var(--color-navy);font-size:21px;letter-spacing:.04em;line-height:115%}.cleansing-page .hydrafacial-card p{color:var(--color-gray-blue);font-size:13px;letter-spacing:.04em;line-height:130%}.cleansing-page .hydrafacial-card__action{display:inline-flex;gap:8px;align-items:center;color:var(--color-navy);font-family:var(--font-family);font-size:19px;font-weight:400;line-height:100%;white-space:nowrap;padding:0;border:0;background:transparent;cursor:pointer}.cleansing-page .hydrafacial-card__action img{display:block;width:18px;height:14px}.final-page{min-height:var(--app-height)}.final-page__portrait{position:absolute;z-index:0;top:231px;left:50%;display:block;width:392px;height:647px;max-width:none;transform:translate(-50%);object-fit:contain;pointer-events:none}.final-page__fade{position:absolute;z-index:1;top:718px;left:50%;width:493px;height:227px;transform:translate(-50%);background:#fff;filter:blur(31px);pointer-events:none}.final-page__logo,.final-page__title,.final-page__restart,.final-page__back{position:relative;z-index:2}.final-page__logo{display:block;width:167px;height:23px}.final-page__title{width:100%;margin:54px 0 0;color:var(--color-navy);font-family:var(--font-family);font-size:34px;font-weight:400;letter-spacing:.04em;line-height:103%}.final-page__restart{display:inline-flex;gap:8px;align-items:center;margin-top:20px;padding:0;border:0;color:var(--color-navy);background:transparent;font-family:var(--font-family);font-size:24px;font-weight:400;line-height:100%;cursor:pointer}.final-page__restart img{display:block;width:18px;height:14px}.final-page__back{position:absolute;z-index:2;top:793px;left:20px;display:inline-flex;align-items:center;padding:0;border:0;background:transparent;cursor:pointer}.final-page__back img{display:block;width:18px;height:14px;transform:rotate(180deg)}@media(max-width:392px){.result-page .result-guide-prompt{border-radius:0}}@media(max-width:340px){.welcome__title,.result-page__title,.cleansing-page__title,.final-page__title,.question-page .question-copy__title{font-size:30px}.result-page .result-section__title,.cleansing-page__subtitle{font-size:25px}.result-page .result-actions__guide,.result-page .result-guide-prompt__button{gap:6px;font-size:16px}.cleansing-page .hydrafacial-card__action{font-size:17px;white-space:normal}.final-page__back{left:16px}}h1,h2{margin:0 0 12px;line-height:1.2}h1{font-size:24px}h2{font-size:20px}p{margin:0 0 18px;line-height:1.5}.muted,.question-hint{color:var(--color-muted);font-size:14px}.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:0 22px;border:0;border-radius:12px;cursor:pointer;transition:opacity .2s ease,transform .2s ease}.button:active{transform:scale(.98)}.button:disabled{cursor:not-allowed;opacity:.5}.button--primary{color:#fff;background:var(--color-primary)}.button--primary:hover{background:var(--color-primary-dark)}.button--ghost{color:var(--color-primary);background:transparent}.progress-labels{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px;overflow-x:auto;color:var(--color-muted);font-size:10px;text-transform:uppercase;white-space:nowrap}.progress-labels span.active{color:var(--color-primary);font-weight:700}.progress{height:4px;margin-bottom:26px;overflow:hidden;border-radius:999px;background:var(--color-border)}.progress__bar{height:100%;border-radius:inherit;background:var(--color-primary);transition:width .2s ease}.options{display:grid;gap:10px;margin-top:18px}.option{display:grid;grid-template-columns:22px 1fr;gap:10px;width:100%;padding:14px;border:1px solid var(--color-border);border-radius:12px;color:var(--color-text);background:#fff;text-align:left;cursor:pointer}.option--selected{border-color:var(--color-primary);background:#fff8f4}.option__marker{width:16px;height:16px;margin-top:2px;border:1px solid var(--color-border);border-radius:50%}.option--selected .option__marker{border-color:var(--color-primary);background:radial-gradient(circle,var(--color-primary) 42%,transparent 45%)}.option strong{display:block;margin-bottom:3px}.option small{display:block;color:var(--color-muted);font-size:12px}.actions{display:flex;justify-content:space-between;gap:12px;margin-top:22px}.error{margin-top:14px;color:var(--color-danger);font-size:14px}.result-card{display:grid;gap:16px}.product-card{padding:16px;border:1px solid var(--color-border);border-radius:14px;background:#fffaf7}.product-card h2{margin-bottom:10px;font-size:16px}.product-card p{margin-bottom:4px}.disclaimer{padding:14px;border-radius:12px;color:#6f5146;background:#fff3ed;font-size:13px}