:root{--base-bg: #f4efe4;--ink: #1b160f;--muted: #6b6256;--paper: #fffdf8;--line: #e2d9ca;--brand: #c12f1f;--brand-strong: #962417;--glow: #ffd7a8;--radius: 16px;--shadow: 0 24px 52px rgba(46, 28, 15, .14);--font-title: "Segoe UI", "Trebuchet MS", sans-serif;--font-body: "Verdana", "Tahoma", sans-serif}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-body);color:var(--ink);background:radial-gradient(circle at 20% 15%,rgba(255,223,163,.62),transparent 36%),radial-gradient(circle at 82% 0%,rgba(255,197,164,.58),transparent 31%),linear-gradient(160deg,#f6f0e5,#ece2d2)}#root{min-height:100dvh}button,input{font:inherit}.screen{min-height:100dvh;display:flex;flex-direction:column}.screen__main{width:min(96vw,760px);margin:0 auto;flex:1;padding:1.2rem 1rem calc(1.4rem + env(safe-area-inset-bottom,0px))}.screen__main--center{display:grid;place-items:center}.screen--boot,.screen--login{background:linear-gradient(180deg,#fff8eb,#f4ead8)}.screen--tour{background:linear-gradient(180deg,#ffffffb8,#faf1e0f2),var(--base-bg)}.brand-header{width:100%}.brand-header__hidromek-bar{padding:.84rem 1rem;background:var(--brand);display:flex;justify-content:center;border-bottom:2px solid rgba(255,255,255,.22)}.brand-header__hidromek-logo{width:min(230px,72vw);height:auto;display:block}.brand-header__komatek-wrap{display:flex;justify-content:center;padding:.7rem 1rem .45rem;background:#fff}.brand-header__komatek-logo{height:auto;max-height:42px}.kicker-card{width:min(100%,560px);border:1px solid var(--line);border-radius:calc(var(--radius) + 2px);background:linear-gradient(180deg,#fff,#fff8ef);box-shadow:var(--shadow);padding:1.6rem 1.45rem 1.5rem;animation:cardRise .55s ease both}.kicker-card__small{margin:0;font-size:.74rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--brand)}.kicker-card__title{margin:.3rem 0 .55rem;font-family:var(--font-title);font-size:clamp(1.45rem,6vw,2rem);letter-spacing:.01em}.kicker-card__text{margin:0 0 1.05rem;color:var(--muted);line-height:1.55}.kicker-card--login{max-width:500px}.lang-switcher{display:inline-flex;align-items:center;gap:.36rem;margin:0 0 .9rem auto;padding:.26rem .3rem;border:1px solid var(--line);border-radius:999px;background:#fffaf1}.lang-switcher__label{color:var(--muted);font-size:.73rem;font-weight:700;padding-inline:.35rem .1rem}.lang-switcher__btn{border:1px solid transparent;border-radius:999px;background:transparent;color:#7c7164;font-size:.73rem;font-weight:700;line-height:1;padding:.34rem .6rem;cursor:pointer}.lang-switcher__btn.is-active{color:#fff;background:var(--brand);border-color:#0000000f}.k-form{display:flex;flex-direction:column;gap:.88rem}.k-field{display:flex;flex-direction:column;gap:.34rem}.k-field span{font-size:.82rem;color:var(--muted);font-weight:700;letter-spacing:.03em}.k-field input{width:100%;border:1px solid var(--line);border-radius:11px;background:#fffcf7;color:var(--ink);padding:.86rem .9rem}.k-field input:focus-visible{outline:2px solid rgba(193,47,31,.28);outline-offset:1px}.k-btn{border:0;border-radius:12px;padding:.92rem 1rem;cursor:pointer;font-weight:700;transition:transform .13s ease,filter .15s ease,opacity .15s ease}.k-btn:disabled{opacity:.54;cursor:not-allowed}.k-btn:active:not(:disabled){transform:scale(.98)}.k-btn--brand{background:var(--brand);color:#fff}.k-btn--brand:hover:not(:disabled){filter:brightness(.93)}.k-btn--soft{background:#f0e6d5;color:#322b21}.k-error{margin:.7rem 0 0;color:#8a1f15;font-size:.86rem;font-weight:700}.tour-panel{border-radius:calc(var(--radius) + 2px);border:1px solid var(--line);background:radial-gradient(circle at 88% 0%,rgba(255,216,171,.66),transparent 27%),radial-gradient(circle at 12% 100%,rgba(255,240,214,.7),transparent 36%),var(--paper);box-shadow:var(--shadow);padding:1.1rem;overflow:hidden}.tour-panel__head{display:flex;justify-content:space-between;gap:.8rem;align-items:flex-start;margin-bottom:.85rem}.tour-panel__eyebrow{margin:0;color:var(--brand);font-size:.74rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.tour-panel__head .lang-switcher{margin:.42rem 0 0}.tour-progress{text-align:right;padding:.44rem .62rem;background:#fff;border:1px solid var(--line);border-radius:10px}.tour-progress__label{display:block;color:var(--muted);font-size:.72rem}.task-stage{min-height:430px;display:flex;flex-direction:column;justify-content:center}.task-pretext-wrap{padding:1rem .3rem;transform:translate(36vw) scale(1.2);opacity:0;animation:preSlideIn .95s cubic-bezier(.19,.9,.2,1) forwards;transform-origin:center center;max-width:100%}.task-order{margin:0;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--brand);font-weight:800}.task-pretext{margin:.42rem 0 0;font-family:var(--font-title);font-size:clamp(1.5rem,5.9vw,2rem);letter-spacing:.015em;line-height:1.24}.task-code-form{margin-top:1.2rem;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .38s ease,transform .38s ease}.task-code-form.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.k-field--code input{text-transform:uppercase;letter-spacing:.09em;text-align:center;font-family:Consolas,Courier New,monospace;font-size:1.15rem;padding:1rem}.task-code-form .k-btn{width:100%;opacity:0;transform:translateY(8px);transition:opacity .34s ease .26s,transform .34s ease .26s;margin-top:.5rem}.task-code-form .k-btn.is-visible{opacity:1;transform:translateY(0)}.task-posttext{opacity:0;margin-top:1.35rem;padding:1rem;border-radius:14px;background:linear-gradient(120deg,#fff3d9,#ffe8c2);border:1px solid #efc88d;color:#5f3810;font-weight:700;transform:scale(.9);transition:opacity .35s ease,transform .35s ease}.task-posttext.is-visible{opacity:1;transform:scale(1)}.task-stage--post .task-code-form,.task-stage--clearing .task-code-form,.task-stage--clearing .task-pretext-wrap,.task-stage--clearing .task-posttext{animation:fadeOut .5s ease forwards}.task-stage--wrong{animation:wrongShake .36s linear}.finish-message{text-align:center;padding:1.3rem .6rem .4rem;animation:cardRise .52s ease both}.finish-message h1{margin:0 0 .45rem;font-family:var(--font-title)}.finish-message p{margin:.25rem 0;color:var(--muted)}.finish-message__gift{font-weight:700;color:#66450f;margin-bottom:1rem}@keyframes preSlideIn{0%{transform:translate(38vw) scale(1.24);opacity:0}70%{transform:translate(.6vw) scale(1.03);opacity:1}to{transform:translate(0) scale(1);opacity:1}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.98)}}@keyframes wrongShake{0%{transform:translate(0)}25%{transform:translate(-6px)}45%{transform:translate(6px)}70%{transform:translate(-4px)}to{transform:translate(0)}}@keyframes cardRise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.screen__main{width:100%;padding-inline:.82rem}.tour-panel{padding:.95rem .86rem}.task-stage{min-height:390px}}