.s21-page{--ink:#17352e;--deep:#123e34;--moss:#547969;--paper:#fffdf8;--cream:#f4f0e7;--coral:#de7154;--gold:#e5b663;--line:#d7dfda;background:var(--paper);min-height:100vh;color:var(--ink)}.s21-page button,.s21-page input,.s21-page select{font:inherit}.s21-page button,.s21-page a{transition:background-color .18s,color .18s,border-color .18s,transform .18s}:is(.s21-page button:focus-visible,.s21-page a:focus-visible,.s21-page input:focus-visible,.s21-page select:focus-visible,.s21-page summary:focus-visible){outline-offset:3px;outline:3px solid #1b72b8}.s21-page button:disabled{cursor:not-allowed;opacity:.48}.s21-header{z-index:60;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdf8ee;border-bottom:1px solid #17352e1a;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;min-height:72px;padding:0 clamp(18px,5vw,78px);display:grid;position:sticky;top:0}.s21-brand{color:inherit;align-items:center;gap:9px;font:700 19px/1 Georgia,Noto Serif SC,serif;text-decoration:none;display:flex}.s21-brand>span{border:1px solid;border-radius:50%;place-items:center;width:32px;height:32px;font:700 15px/1 Arial;display:grid}.s21-header nav{color:#667771;align-items:center;gap:8px;font-size:13px;display:flex}.s21-header nav a{color:inherit}.s21-header nav b{color:var(--ink)}.s21-header>button{color:var(--ink);background:0 0;border:1px solid #234a40;border-radius:4px;justify-self:end;padding:10px 15px;font-weight:800}.s21-toast{z-index:80;background:#f0faf5;border:1px solid #799a8f;border-radius:6px;align-items:center;gap:18px;max-width:360px;padding:14px 16px;display:flex;position:fixed;top:86px;right:24px;box-shadow:0 16px 36px #17352e24}.s21-toast button{color:var(--deep);background:0 0;border:0;font-weight:800;text-decoration:underline}.s21-hero{background:linear-gradient(135deg,#fffdf8 0 56%,#edf3ef 56%);grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);align-items:center;gap:clamp(28px,6vw,88px);padding:clamp(52px,8vw,104px) clamp(22px,7vw,108px);display:grid}.s21-hero-copy{max-width:700px}.s21-kicker{color:#a44c37;letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:900}.s21-hero h1{letter-spacing:-.04em;margin:0;font:700 clamp(42px,6.2vw,76px)/1.03 Georgia,Noto Serif SC,serif}.s21-hero h1 em{color:var(--coral);font-style:normal}.s21-hero-copy>p:not(.s21-kicker){color:#526660;max-width:650px;margin:26px 0;font-size:18px;line-height:1.75}.s21-goals{flex-wrap:wrap;gap:9px;display:flex}.s21-goals span{background:#fffdf8;border:1px solid #b9c9c2;border-radius:999px;padding:9px 12px;font-size:13px;font-weight:800}.s21-media{background:#fffdf8;border:1px solid #17352e20;border-radius:12px;padding:30px;box-shadow:0 24px 62px #17352e1a}.s21-media>p{color:var(--moss);letter-spacing:.08em;margin:0 0 8px;font-size:12px;font-weight:900}.s21-media h2{margin:0 0 24px;font:700 30px/1.15 Georgia,Noto Serif SC,serif}.s21-meter{background:#f4f0e7;border-radius:8px;gap:16px;padding:22px;display:grid}.s21-meter>div{border:2px solid var(--deep);background:repeating-linear-gradient(90deg,#d9eadf 0 calc(1% - 1px),#9ab5aa calc(1% - 1px) 1%);justify-content:space-between;align-items:center;min-height:58px;padding:0 14px;display:flex;position:relative}.s21-meter>div span,.s21-meter>div i{background:#fffdf8;padding:4px 8px;font-style:normal;font-weight:900}.s21-meter>b{background:var(--coral);color:#fff;text-align:center;border-radius:3px;width:15%;min-width:90px;padding:9px;display:block}.s21-media details{color:#50645d;margin:20px 0;line-height:1.65}.s21-media summary{cursor:pointer;color:var(--ink);font-weight:900}.s21-primary{border:1px solid var(--deep)!important;background:var(--deep)!important;color:#fff!important;border-radius:4px!important;padding:12px 18px!important;font-weight:900!important}.s21-primary:not(:disabled):hover{transform:translateY(-1px);background:#1f594a!important}.s21-work{grid-template-columns:260px minmax(0,1fr);gap:52px;max-width:1320px;margin:0 auto;padding:70px clamp(22px,5vw,72px);display:grid}.s21-route{border:1px solid var(--line);background:#fbfaf5;border-radius:8px;align-self:start;position:sticky;top:100px;overflow:hidden}.s21-route>p{color:#697b75;letter-spacing:.12em;margin:0;padding:18px 18px 12px;font-size:12px;font-weight:900}.s21-route button{color:#536760;text-align:left;background:0 0;border:0;border-top:1px solid #e2e7e3;grid-template-columns:30px 1fr;align-items:center;gap:10px;width:100%;padding:13px 18px;display:grid}.s21-route button b{border:1px solid #9eb0a9;border-radius:50%;place-items:center;width:27px;height:27px;font-size:12px;display:grid}.s21-route button span{font-weight:800}.s21-route button.active{color:var(--deep);background:#e7f0eb}.s21-route button.done b{color:#fff;background:#2f6a59;border-color:#2f6a59}.s21-route button:not(:disabled):hover{background:#f0f4f1}.s21-step{min-width:0}.s21-step>header>p{color:#6b7c76;margin:0;font-size:12px;font-weight:900}.s21-step>header h2{margin:12px 0 34px;font:700 clamp(34px,4.3vw,54px)/1.08 Georgia,Noto Serif SC,serif}.s21-progress{background:#e1e7e3;border-radius:5px;height:5px;margin-top:10px;overflow:hidden}.s21-progress i{background:var(--coral);height:100%;display:block}.s21-panel,.s21-question{border:1px solid var(--line);background:#fff;border-radius:10px;margin-bottom:24px;padding:clamp(22px,4vw,38px)}.s21-panel>h3,.s21-section-title{margin:0 0 22px;font:700 clamp(26px,3.3vw,38px)/1.2 Georgia,Noto Serif SC,serif}.s21-purpose{background:#ced9d4;border:1px solid #ced9d4;border-radius:7px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-bottom:28px;display:grid;overflow:hidden}.s21-purpose>div{background:#f7f8f4;padding:18px}.s21-purpose b{color:#9f4d38;letter-spacing:.08em;font-size:12px}.s21-purpose p{margin:7px 0 0;line-height:1.6}.s21-choice-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:18px 0;display:grid}.s21-choice-grid button{min-height:54px;color:var(--ink);background:#fffdf8;border:1px solid #b8c7c1;border-radius:5px;padding:12px 14px;font-weight:900}.s21-choice-grid button:hover,.s21-choice-grid button.selected{border-color:var(--deep);background:#e7f0eb}.s21-choice-grid button.selected{box-shadow:inset 0 0 0 2px var(--deep)}.s21-feedback{border-radius:5px;grid-template-columns:auto 1fr;align-items:start;gap:12px;margin:18px 0 0;padding:15px 17px;line-height:1.55;display:grid}.s21-feedback b{white-space:nowrap}.s21-feedback.ok{color:#174a3b;background:#e8f5ee;border:1px solid #75a391}.s21-feedback.try{color:#743723;background:#fff2e9;border:1px solid #d8a88f}.s21-scale-compare{background:var(--cream);border-radius:8px;grid-template-columns:80px minmax(120px,180px) minmax(240px,1fr);align-items:center;gap:10px;margin:24px 0;padding:28px;display:grid}.s21-scale-compare span{border:2px solid var(--deep);background:#fff;place-items:center;min-height:48px;font-weight:900;display:grid}.s21-scale-compare span:nth-child(2){border-color:var(--coral);background:#fff1eb}.s21-scale-compare span:nth-child(3){background:#e4efe9;min-height:74px}.s21-ruler{background:#eef3f0;border-radius:8px;margin:20px 0 28px;padding:24px 20px 16px}.s21-ruler figcaption{margin-bottom:22px;font-weight:900}.s21-ruler-track{border-bottom:3px solid var(--deep);grid-template-columns:repeat(21,1fr);min-width:620px;display:grid}.s21-ruler-track span{justify-content:center;height:62px;display:flex;position:relative}.s21-ruler-track span.inside{background:#de715433}.s21-ruler-track i{background:var(--deep);width:1px;height:24px;position:absolute;bottom:0}.s21-ruler-track b{padding-top:5px;font-size:11px}.s21-ruler>p{justify-content:center;gap:14px;margin:17px 0 0;display:flex}.s21-ruler{overflow-x:auto}.s21-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0;display:grid}.s21-fields.three{grid-template-columns:repeat(3,minmax(0,1fr))}.s21-fields label,.s21-game-grid label{color:#51645e;gap:8px;font-size:13px;font-weight:900;display:grid}.s21-fields input,.s21-fields select,.s21-game-grid select{width:100%;min-height:48px;color:var(--ink);background:#fff;border:1px solid #aebfb8;border-radius:4px;padding:10px 12px}.s21-example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0 26px;display:grid}.s21-example-grid article{background:#f2f5f2;border-radius:8px;padding:24px}.s21-example-grid span{color:#9c4b37;font-size:12px;font-weight:900}.s21-example-grid h4{margin:8px 0 12px;font-size:21px}.s21-example-grid p{min-height:56px;line-height:1.6}.s21-example-grid article>b{border-left:3px solid var(--coral);background:#fff;padding:12px;display:block}.s21-practice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.s21-question{margin:0}.s21-question.passed{background:#f8fcfa;border-color:#71a08e}.s21-question h4{min-height:58px;margin:0 0 14px;font-size:20px;line-height:1.4}.s21-question details{margin-bottom:14px}.s21-question summary{cursor:pointer;font-weight:800}.s21-text-button{color:#315e51;background:0 0;border:0;margin-top:12px;font-weight:800;text-decoration:underline}.s21-complete-banner{background:#e7f3ed;border-left:4px solid #3a7563;margin-top:22px;padding:18px;font-weight:800;line-height:1.6}.s21-game-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0;display:grid}.s21-game-grid article{border:1px solid var(--line);background:#fbfaf6;border-radius:6px;padding:17px}.s21-game-grid article.locked{background:#e9f5ef;border-color:#6d9b8a}.s21-game-grid h4{margin:0 0 14px;font-size:20px}.s21-game-grid button{border:1px solid var(--deep);width:100%;color:var(--deep);background:0 0;border-radius:4px;margin-top:12px;padding:9px;font-weight:900}.s21-card-preview{text-align:center;background:#f6f4ec;border:1px dashed #78978d;margin:20px 0;padding:24px}.s21-card-preview small{letter-spacing:.08em;font-weight:900}.s21-card-preview p{font-size:22px}.s21-card-preview span{border-radius:4px;padding:7px 10px;font-weight:900;display:inline-block}.s21-card-preview .fits{color:#1e5b49;background:#dbefe5}.s21-card-preview .check{color:#803e28;background:#fff0e7}.s21-status{background:#f3f1e9;border:1px solid #c9d4cf;border-radius:9px;grid-template-columns:1fr minmax(280px,.8fr);gap:28px;margin:28px 0;padding:30px;display:grid}.s21-status.complete{background:#e9f4ee;border-color:#4c806f}.s21-status h3{margin:0;font:700 36px/1.15 Georgia,Noto Serif SC,serif}.s21-status p{line-height:1.6}.s21-status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.s21-status-grid span{background:#fff;border:1px solid #c3cdc9;border-radius:4px;place-items:center;min-height:48px;padding:8px;font-size:13px;font-weight:800;display:grid}.s21-status-grid span.ok{color:#194f3f;background:#dff0e7;border-color:#5a8b7a}.s21-remember{border-left:4px solid var(--gold);background:#fff9e9;padding:28px}.s21-remember h3{margin-top:0}.s21-remember li{margin:9px 0;line-height:1.6}.s21-remember details{margin-top:18px}.s21-remember summary{cursor:pointer;font-weight:900}.s21-finish-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.s21-finish-actions button,.s21-finish-actions a,.s21-step-actions button{min-height:44px;color:var(--ink);background:#fff;border:1px solid #8ba097;border-radius:4px;justify-content:center;align-items:center;padding:10px 14px;font-weight:800;text-decoration:none;display:inline-flex}.s21-finish-actions .danger{color:#792c21;background:#fff0ed;border-color:#a44332}.s21-step-actions{border-top:1px solid var(--line);justify-content:space-between;gap:16px;margin-top:30px;padding-top:24px;display:flex}.s21-footer{background:#f0eee6;border-top:1px solid #d8dfdb;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:34px clamp(22px,6vw,90px);display:grid}.s21-footer p{color:#687a73;text-align:center}.s21-footer nav{gap:18px;display:flex}.s21-footer nav a{color:inherit;font-size:13px;font-weight:800}@media (max-width:980px){.s21-header{grid-template-columns:auto 1fr}.s21-header nav{display:none}.s21-hero{background:linear-gradient(#fffdf8 0 55%,#edf3ef 55%);grid-template-columns:1fr}.s21-work{grid-template-columns:1fr;gap:30px}.s21-route{display:flex;position:static;overflow-x:auto}.s21-route>p{display:none}.s21-route button{border-top:0;border-right:1px solid #e2e7e3;min-width:172px}.s21-practice-grid{grid-template-columns:1fr}.s21-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.s21-footer{text-align:center;grid-template-columns:1fr}.s21-footer .s21-brand,.s21-footer nav{justify-content:center}}@media (max-width:640px){.s21-header{min-height:64px;padding:0 14px}.s21-header>button{padding:8px 10px;font-size:12px}.s21-brand{font-size:16px}.s21-brand>span{width:28px;height:28px}.s21-hero{padding:42px 18px}.s21-hero h1{font-size:42px}.s21-media{padding:22px}.s21-meter>div{min-height:70px}.s21-meter>div i{font-size:12px}.s21-work{padding:42px 16px}.s21-route button{min-width:148px;padding:11px}.s21-purpose,.s21-example-grid,.s21-fields,.s21-fields.three,.s21-status,.s21-scale-compare{grid-template-columns:1fr}.s21-scale-compare span:nth-child(3){min-height:58px}.s21-game-grid,.s21-status-grid{grid-template-columns:1fr}.s21-finish-actions,.s21-step-actions{flex-direction:column}.s21-finish-actions>*,.s21-step-actions button{width:100%}.s21-footer nav{flex-direction:column;gap:9px}}@media (prefers-reduced-motion:reduce){.s21-page *{scroll-behavior:auto!important;transition:none!important}}