@font-face{font-family:Cygre Black;src:local("Cygre Black"),local("Cygre-Black"),local("Cygre_Black");font-weight:900}@font-face{font-family:Cygre SemiBold;src:local("Cygre SemiBold"),local("Cygre-SemiBold"),local("Cygre_SemiBold");font-weight:600}:root{--font-cygre-black: "Cygre Black", Inter, ui-sans-serif, system-ui, sans-serif;--font-cygre-semibold: "Cygre SemiBold", Inter, ui-sans-serif, system-ui, sans-serif;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#151e34;background:#f7f8fc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0}.tv-screen{width:100vw;height:100svh;display:grid;place-items:center;overflow:hidden;background:#e4ecfd}.design-stage{width:min(100vw,177.777778svh);aspect-ratio:16 / 9;position:relative;container-type:size}.card-stack{position:absolute;top:0;right:0;bottom:0;left:0}.service-card{position:absolute;top:4.027778cqh;left:35.234375cqw;width:29.53125cqw;height:91.805556cqh;border-radius:1.25cqw;background:#fff;color:#000;text-align:center;container-type:size;overflow:hidden;box-shadow:0 1.388889cqh 4.166667cqh #0d4cd314}.app-card{will-change:transform,opacity}.card-enter{animation:card-enter .43s cubic-bezier(.2,.9,.2,1) both}.card-leave{pointer-events:none;z-index:1;animation:card-leave .43s cubic-bezier(.55,0,.45,1) both}.card-enter:not(.card-leave){z-index:2}.brand{position:absolute;top:4.538578cqh;left:0;right:0;margin:0;font-family:var(--font-cygre-black);font-size:7.407407cqw;font-weight:800;line-height:normal}.brand-blue{color:#0066b3}.brand-red{color:#ee2f53}.language{position:absolute;top:16.792738cqh;left:50%;display:flex;align-items:center;gap:4.497354cqw;transform:translate(-50%);color:#0d4cd6;font-family:var(--font-cygre-semibold);font-size:3.968254cqw;font-weight:600;line-height:normal;white-space:nowrap}.language img{width:4.497354cqw;height:2.571861cqh;object-fit:cover}.profile{position:absolute;top:27.382753cqh;left:0;right:0;display:grid;justify-items:center}.avatar{width:15.608466cqw;height:8.92587cqh;border-radius:50%;object-fit:cover}.phone{margin:2.118003cqh 0 0;font-family:var(--font-cygre-semibold);font-size:3.968254cqw;font-weight:600;line-height:normal}.switch-user{margin-top:2.571861cqh;padding:0;border:0;background:transparent;color:#0d4cd6;font-family:var(--font-cygre-semibold);font-size:3.968254cqw;font-weight:600;line-height:normal;cursor:pointer}.notice-text{position:absolute;top:55.521936cqh;left:50%;width:81.746032cqw;margin:0;transform:translate(-50%);font-family:var(--font-cygre-semibold);font-size:5.291005cqw;font-weight:600;line-height:normal;white-space:pre-wrap}.question{position:absolute;top:78.517398cqh;left:50%;width:81.746032cqw;margin:0;transform:translate(-50%);color:#0d4cd6;font-family:var(--font-cygre-semibold);font-size:4.232804cqw;font-weight:600;line-height:normal}.actions{position:absolute;left:7.936508cqw;right:7.936508cqw;bottom:4.538578cqh;display:flex;justify-content:space-between;gap:12.698413cqw}.action-button{width:35.714286cqw;height:6.807867cqh;border:0;border-radius:2.116402cqw;background:#0d4cd3;color:#fff;font-family:var(--font-cygre-semibold);font-size:4.232804cqw;font-weight:600;line-height:normal;cursor:pointer}.action-button:focus-visible,.switch-user:focus-visible{outline:2px solid #0d4cd6;outline-offset:3px}.home-feedback{position:absolute;left:50%;bottom:13.161876cqh;width:81.746032cqw;margin:0;transform:translate(-50%);font-family:var(--font-cygre-semibold);font-size:3.439153cqw;font-weight:600;line-height:normal}.flow-card{display:flex;flex-direction:column;padding:16.641452cqh 7.936508cqw 4.538578cqh;font-family:var(--font-cygre-semibold)}.flow-content,.quiz-content,.result-card{display:flex;flex-direction:column;align-items:center}.flow-content{justify-content:center;flex:1;gap:2.420575cqh}.flow-kicker{margin:0;color:#0d4cd6;font-size:3.439153cqw;font-weight:600;line-height:normal}.flow-card h2{margin:0;color:#000;font-family:var(--font-cygre-semibold);font-size:6.349206cqw;font-weight:600;line-height:1.18}.flow-card p{margin:0;color:#111;font-size:4.232804cqw;font-weight:600;line-height:1.35}.flow-card .sound-note{color:#0d4cd6;font-size:3.703704cqw}.wide-button{width:100%;min-height:6.807867cqh;border:0;border-radius:2.116402cqw;background:#0d4cd3;color:#fff;font-family:var(--font-cygre-semibold);font-size:4.232804cqw;font-weight:600;line-height:normal;cursor:pointer}.quiz-card{padding-top:2.340091cqh}.quiz-topline{display:flex;justify-content:space-between;align-items:center;gap:4.232804cqw;color:#0d4cd6;font-size:3.439153cqw;font-weight:600;line-height:normal}.lives{display:flex;gap:1.587302cqw;color:#ee2f53;font-size:5.291005cqw;line-height:1;transform-origin:center}.lives-damaged{animation:hearts-damage .42s ease both}.heart-empty{color:#d3d9e7}.quiz-content{flex:1;justify-content:center;gap:3.631044cqh;margin-top:1.815431cqh}.quiz-media{width:100%;display:flex;justify-content:center}.question-picture-frame{display:inline-block;max-width:100%;border-radius:4.232804cqw;overflow:hidden}.question-picture{display:block;width:auto;max-width:100%;height:auto;max-height:42.677761cqh;object-fit:contain}.answer-list{width:100%;display:grid;gap:1.815431cqh}.answer-button{min-height:6.807867cqh;padding:1.512859cqh 4.232804cqw;border:1px solid rgba(13,76,214,.18);border-radius:2.116402cqw;background:#f4f7ff;color:#0d4cd6;font-family:var(--font-cygre-semibold);font-size:3.703704cqw;font-weight:600;line-height:1.18;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.answer-button:hover:not(:disabled){transform:translateY(-.302572cqh);border-color:#0d4cd670}.answer-button:disabled{cursor:default}.answer-wrong{border-color:#ee2f53;background:#ffe9ed;color:#c01838;animation:wrong-answer .36s ease both}.answer-correct{border-color:#1eb15b;background:#e8f8ef;color:#137a3f}.feedback{min-height:5.445537cqh;color:#0d4cd6;font-size:3.703704cqw;font-weight:600;line-height:1.25}.feedback-error{color:#ee2f53}.feedback-success{color:#137a3f}.feedback-toast{position:absolute;left:50%;bottom:3.333333cqh;z-index:4;width:min(560px,86vw);margin:0;padding:16px 22px;transform:translate(-50%);border:1px solid rgba(13,76,214,.14);border-radius:14px;background:#fffffff5;box-shadow:0 18px 50px #0d4cd32e;color:#0d4cd6;font-family:var(--font-cygre-semibold);font-size:clamp(16px,1.35vw,20px);font-weight:600;line-height:1.25;text-align:center;animation:toast-in .26s cubic-bezier(.2,.9,.2,1) both}.feedback-toast-error{border-color:#ee2f5347;background:#fff3f6;color:#d42142;box-shadow:0 18px 50px #ee2f5333}.feedback-toast-success{border-color:#1eb15b3d;background:#f1fff6;color:#137a3f;box-shadow:0 18px 50px #1eb15b29}.feedback-toast-leave{animation:toast-out .24s cubic-bezier(.45,0,.55,1) both}.result-card{justify-content:center;gap:3.025719cqh}.success-card{background:#f6fff9}.success-card h2{color:#0d4cd3;font-size:7.407407cqw}.wide-button:focus-visible,.answer-button:focus-visible{outline:2px solid #0d4cd6;outline-offset:3px}.has-error{animation:card-shake .38s ease both}.full-screen-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3.333333cqh;padding:8cqh 10cqw;background:#fff4f6;color:#111;text-align:center;font-family:var(--font-cygre-semibold)}.full-screen-panel h2{max-width:9em;margin:0;color:#ee2f53;font-family:var(--font-cygre-black);font-size:clamp(42px,8cqw,96px);font-weight:800;line-height:.95}.full-screen-panel p{max-width:520px;margin:0;font-size:clamp(17px,1.875cqw,24px);font-weight:600;line-height:1.35}.full-screen-panel .wide-button{width:min(320px,80vw);min-height:52px;border-radius:8px;font-size:18px}@media (min-width: 541px){.flow-card{top:50%;left:50%;width:min(680px,58vw);height:min(720px,calc(100svh - 64px));min-height:560px;padding:56px 72px 48px;border-radius:32px;transform:translate(-50%,-50%);container-type:normal}.flow-card.card-enter{animation:desktop-card-enter .43s cubic-bezier(.2,.9,.2,1) both}.flow-card.card-leave{animation:desktop-card-leave .43s cubic-bezier(.55,0,.45,1) both}.flow-card.has-error{animation:card-shake .38s ease both}.intro-card .brand{font-size:32px}.flow-content{gap:20px}.flow-kicker,.quiz-topline{font-size:18px}.flow-card h2{font-size:clamp(30px,2.8vw,42px);line-height:1.12}.flow-card p{font-size:clamp(18px,1.6vw,23px)}.flow-card .sound-note{font-size:clamp(16px,1.25vw,19px)}.wide-button{min-height:58px;border-radius:10px;font-size:19px}.quiz-card{padding-top:52px}.quiz-card-with-picture{padding-top:40px}.lives{gap:10px;font-size:28px}.quiz-content{gap:34px}.quiz-card-with-picture .quiz-content{justify-content:flex-start;gap:22px}.quiz-card-with-picture h2{font-size:clamp(24px,2.35vw,38px)}.question-picture-frame{width:auto;border-radius:24px}.question-picture{max-height:220px}.quiz-card-with-picture .answer-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.quiz-card-with-picture .answer-button{min-height:60px;padding:16px 20px;font-size:clamp(17px,1.3vw,20px)}.answer-list{gap:20px}.answer-button{min-height:70px;padding:18px 26px;border-radius:10px;font-size:clamp(18px,1.45vw,22px)}.answer-button:hover:not(:disabled){transform:translateY(-2px)}.feedback{min-height:48px;font-size:20px}}@keyframes card-enter{0%{opacity:0;transform:translate(115%) rotate(2deg)}to{opacity:1;transform:translate(0) rotate(0)}}@keyframes card-leave{0%{opacity:1;transform:translate(0) rotate(0)}to{opacity:0;transform:translate(-115%) rotate(-2deg)}}@keyframes desktop-card-enter{0%{opacity:0;transform:translate(65%,-50%) rotate(2deg)}to{opacity:1;transform:translate(-50%,-50%) rotate(0)}}@keyframes desktop-card-leave{0%{opacity:1;transform:translate(-50%,-50%) rotate(0)}to{opacity:0;transform:translate(-165%,-50%) rotate(-2deg)}}@keyframes wrong-answer{0%,to{transform:translate(0)}25%{transform:translate(-1.322751cqw)}75%{transform:translate(1.322751cqw)}}@keyframes hearts-damage{0%,to{transform:scale(1)}35%{transform:scale(1.22) rotate(-8deg)}70%{transform:scale(.92) rotate(7deg)}}@keyframes card-shake{0%,to{filter:none}50%{filter:drop-shadow(0 0 2.420575cqh rgba(238,47,83,.18))}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,18px) scale(.98)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,14px) scale(.98)}}@media (max-width: 540px){.design-stage{width:100vw;height:100svh;aspect-ratio:auto;display:grid;place-items:center;padding:16px}.card-stack{position:relative;width:100%;height:100%;display:grid;place-items:center}.service-card{position:relative;top:auto;left:auto;width:min(378px,calc(100vw - 32px));height:min(661px,calc(100svh - 32px));min-height:560px;border-radius:16px}.brand{font-size:max(7.407407cqw,28px)}.language,.phone,.switch-user,.question{font-size:max(3.968254cqw,16px)}.notice-text{font-size:max(5.291005cqw,20px)}.action-button,.wide-button{font-size:max(4.232804cqw,17px)}.home-feedback,.flow-kicker{font-size:max(3.439153cqw,15px)}.flow-card h2{font-size:max(6.349206cqw,24px)}.flow-card p{font-size:max(4.232804cqw,17px)}.flow-card .sound-note{font-size:max(3.703704cqw,16px)}.quiz-topline{font-size:max(3.439153cqw,16px)}.lives{font-size:max(5.291005cqw,22px)}.answer-button{min-height:52px;padding:12px 16px;font-size:18px;line-height:1.25}.feedback{font-size:max(3.703704cqw,16px)}.feedback-toast{bottom:calc(env(safe-area-inset-bottom) + 18px);width:min(346px,calc(100vw - 32px));padding:13px 16px;border-radius:12px;font-size:16px}.card-leave{position:absolute}}@media (max-width: 360px){.service-card{min-height:520px}}