:root{--bg: #f7fbff;--panel: rgba(255, 255, 255, .92);--text: #0f172a;--muted: #475569;--line: rgba(2, 6, 23, .08);--shadow: 0 18px 50px rgba(2, 6, 23, .1);--radius: 22px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:var(--text);background:var(--bg)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(700px 520px at 12% 10%,rgba(255,0,153,.12),transparent 60%),radial-gradient(760px 560px at 88% 18%,rgba(0,200,255,.12),transparent 62%),radial-gradient(760px 560px at 35% 95%,rgba(255,200,0,.12),transparent 62%)}.page{min-height:100vh}.page.center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.page.center .container{padding:0}.container{width:min(1100px,calc(100% - 32px));margin:0 auto;padding:26px 0 60px}.top{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:#ffffffbf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.logo{width:min(1100px,calc(100% - 32px));margin:0 auto;padding:12px 0;font-size:18px;letter-spacing:.5px;font-weight:800;display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none}.logo img{display:block;flex:0 0 auto}.logo:focus-visible{outline:3px solid #2563eb;outline-offset:3px;border-radius:10px}.page.center{min-height:calc(100vh - 57px)}.grid{display:-ms-grid;display:grid;-ms-grid-columns:1fr 18px 1fr 18px 1fr;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}.grid2{-ms-grid-columns:1fr 18px 1fr;grid-template-columns:repeat(2,1fr)}@media(max-width:920px){.grid,.grid2{-ms-grid-columns:1fr;grid-template-columns:1fr}}.card{position:relative;z-index:0;border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);overflow:visible;text-align:center;-webkit-transform:translateY(0) scale(1);-ms-transform:translateY(0) scale(1);transform:translateY(0) scale(1);-webkit-transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;-o-transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;-webkit-animation:pop .55s ease both;animation:pop .55s ease both}.card:nth-child(1){-webkit-animation-delay:.02s;animation-delay:.02s}.card:nth-child(2){-webkit-animation-delay:.08s;animation-delay:.08s}.card:nth-child(3){-webkit-animation-delay:.14s;animation-delay:.14s}.card:nth-child(2):before{background:-webkit-gradient(linear,left top,right top,from(#7c3aed),color-stop(#00c8ff),to(#22c55e));background:-o-linear-gradient(left,#7c3aed,#00c8ff,#22c55e);background:linear-gradient(90deg,#7c3aed,#00c8ff,#22c55e)}.card:nth-child(3):before{background:-webkit-gradient(linear,left top,right top,from(#ff6b00),color-stop(#ffd000),to(#ff2aa1));background:-o-linear-gradient(left,#ff6b00,#ffd000,#ff2aa1);background:linear-gradient(90deg,#ff6b00,#ffd000,#ff2aa1)}.card:before,.card:after{content:"";position:absolute;left:-3px;top:-3px;width:calc(100% + 6px);height:calc(100% + 6px);border-radius:calc(var(--radius) + 3px);background:-webkit-gradient(linear,left bottom,right top,from(#fb0094),color-stop(#00ff00),color-stop(#ffff00),color-stop(#ff0000),color-stop(#fb0094),color-stop(#00ff00),color-stop(#ffff00),to(#ff0000));background:-o-linear-gradient(bottom left,#fb0094,#00ff00,#ffff00,#ff0000,#fb0094,#00ff00,#ffff00,#ff0000);background:linear-gradient(45deg,#fb0094,#0f0,#ff0,red,#fb0094,#0f0,#ff0,red);background-size:400% 400%;z-index:-1;opacity:0;-webkit-transition:opacity .2s ease;-o-transition:opacity .2s ease;transition:opacity .2s ease;-webkit-animation:rainbowMove 6s linear infinite;animation:rainbowMove 6s linear infinite;-webkit-animation-play-state:paused;animation-play-state:paused}.card:after{-webkit-filter:blur(18px);filter:blur(18px)}.card:hover{-webkit-transform:translateY(-8px) scale(1.02);-ms-transform:translateY(-8px) scale(1.02);transform:translateY(-8px) scale(1.02);-webkit-filter:saturate(1.15);filter:saturate(1.15);box-shadow:0 30px 80px #02061724}.card:hover:before,.card:hover:after{opacity:1;-webkit-animation-play-state:running;animation-play-state:running}.card:hover .title{-webkit-animation:pulse .7s ease;animation:pulse .7s ease}.thumb{height:190px;background:#fff;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:10px;border-radius:var(--radius);overflow:hidden}.thumb:after{display:none}.thumb img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block;-webkit-transform:none;-ms-transform:none;transform:none;-webkit-transition:none;-o-transition:none;transition:none}.card:hover .thumb img{-webkit-transform:none;-ms-transform:none;transform:none}.title{margin:14px 16px 18px;font-size:28px;font-weight:800;letter-spacing:.2px}@-webkit-keyframes pop{0%{opacity:0;-webkit-transform:translateY(16px) scale(.98);transform:translateY(16px) scale(.98)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@keyframes pop{0%{opacity:0;-webkit-transform:translateY(16px) scale(.98);transform:translateY(16px) scale(.98)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@-webkit-keyframes pulse{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-1px);transform:translateY(-1px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes pulse{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-1px);transform:translateY(-1px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes rainbowMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes rainbowMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes popIn{0%{opacity:0;-webkit-transform:translateY(10px) scale(.98);transform:translateY(10px) scale(.98)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@keyframes popIn{0%{opacity:0;-webkit-transform:translateY(10px) scale(.98);transform:translateY(10px) scale(.98)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@-webkit-keyframes confettiFall{0%{-webkit-transform:translate3d(0,-20px,0) rotate(0deg);transform:translate3d(0,-20px,0) rotate(0);opacity:0}10%{opacity:1}to{-webkit-transform:translate3d(var(--drift),110vh,0) rotate(720deg);transform:translate3d(var(--drift),110vh,0) rotate(720deg);opacity:0}}@keyframes confettiFall{0%{-webkit-transform:translate3d(0,-20px,0) rotate(0deg);transform:translate3d(0,-20px,0) rotate(0);opacity:0}10%{opacity:1}to{-webkit-transform:translate3d(var(--drift),110vh,0) rotate(720deg);transform:translate3d(var(--drift),110vh,0) rotate(720deg);opacity:0}}.cardLink{display:block;color:inherit;text-decoration:none}.rk{padding:24px 0}.rkTop{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:14px;margin-bottom:16px}.rkTitle{margin:0;font-size:22px;font-weight:800}.rkBack{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:#ffffffe6;text-decoration:none;color:var(--text)}.rkList{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px;margin-top:10px}.rkItem{border:1px solid var(--line);background:#ffffffeb;border-radius:16px;padding:12px 14px;box-shadow:0 10px 24px #0206170f}.rkEmpty{color:var(--muted);padding:10px 2px}.qGrid{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;margin-top:10px}.qCard{border:1px solid var(--line);background:#ffffffeb;border-radius:18px;padding:14px;box-shadow:0 12px 26px #0206170f;-webkit-transition:transform .18s ease,box-shadow .18s ease;-o-transition:transform .18s ease,box-shadow .18s ease;transition:transform .18s ease,box-shadow .18s ease}.qCard:hover{-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 18px 34px #02061717}.qRow{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.qText{font-weight:700;line-height:1.45}.qInfoBtn,.testInfoBtn{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:40px;height:40px;border-radius:14px;border:1px solid var(--line);background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:transform .18s ease,filter .18s ease;-o-transition:transform .18s ease,filter .18s ease;transition:transform .18s ease,filter .18s ease}.testInfoBtn{margin-left:auto}.qInfoBtn:hover,.testInfoBtn:hover{-webkit-transform:scale(1.06);-ms-transform:scale(1.06);transform:scale(1.06);-webkit-filter:saturate(1.2);filter:saturate(1.2)}.modalOverlay{position:fixed;inset:0;background:#0f172a59;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:50;-webkit-animation:fadeIn .18s ease;animation:fadeIn .18s ease}.modal{width:min(760px,calc(100% - 28px));border-radius:22px;border:1px solid rgba(255,255,255,.35);background:#fffffff2;box-shadow:0 28px 90px #02061738;padding:16px;-webkit-animation:popIn .18s ease;animation:popIn .18s ease}.resultModal{width:min(640px,calc(100% - 28px))}.modalTop{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:12px}.modalTitle{font-weight:900;letter-spacing:.2px}.modalClose{width:40px;height:40px;border-radius:14px;border:1px solid var(--line);background:#fff;cursor:pointer;font-size:18px}.modalQ{margin-top:12px;font-weight:800;line-height:1.45}.modalA{margin-top:10px;color:var(--muted);line-height:1.6;font-weight:600}.topicsGrid,.menuGrid{display:-ms-grid;display:grid;-ms-grid-columns:1fr 18px 1fr;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:18px}@media(max-width:920px){.topicsGrid,.menuGrid{-ms-grid-columns:1fr;grid-template-columns:1fr}}.topicLink,.menuLink{display:block;text-decoration:none;color:inherit}.topicLink:visited,.menuLink:visited{color:inherit}.menuLink *{text-decoration:none}.topicCard,.menuCard{position:relative;border-radius:22px;border:2px solid rgba(2,6,23,.08);background:#fffffff2;box-shadow:0 18px 50px #0206171a;min-height:120px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;-webkit-transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;-o-transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.topicCard{padding:18px}.menuCard{padding:14px}.topicTitle{font-weight:900;line-height:1.25;letter-spacing:.2px;font-size:clamp(16px,1.6vw,22px);color:#0f172a;text-decoration:none}.menuTitle{font-weight:900;line-height:1.2;letter-spacing:.2px;font-size:26px;color:#0f172a}.topicCard:before,.topicCard:after,.menuCard:before,.menuCard:after{content:"";position:absolute;left:-3px;top:-3px;width:calc(100% + 6px);height:calc(100% + 6px);border-radius:25px;background:-webkit-gradient(linear,left bottom,right top,from(#fb0094),color-stop(#00ff00),color-stop(#ffff00),color-stop(#ff0000),color-stop(#fb0094),color-stop(#00ff00),color-stop(#ffff00),to(#ff0000));background:-o-linear-gradient(bottom left,#fb0094,#00ff00,#ffff00,#ff0000,#fb0094,#00ff00,#ffff00,#ff0000);background:linear-gradient(45deg,#fb0094,#0f0,#ff0,red,#fb0094,#0f0,#ff0,red);background-size:400% 400%;z-index:-1;opacity:0;-webkit-transition:opacity .18s ease;-o-transition:opacity .18s ease;transition:opacity .18s ease;-webkit-animation:rainbowMove 6s linear infinite;animation:rainbowMove 6s linear infinite;-webkit-animation-play-state:paused;animation-play-state:paused}.topicCard:after,.menuCard:after{-webkit-filter:blur(20px);filter:blur(20px)}.topicLink:hover .topicCard,.menuLink:hover .menuCard{-webkit-transform:translateY(-6px);-ms-transform:translateY(-6px);transform:translateY(-6px);box-shadow:0 30px 80px #02061724;border-color:transparent}.topicLink:hover .topicCard:before,.topicLink:hover .topicCard:after,.menuLink:hover .menuCard:before,.menuLink:hover .menuCard:after{opacity:1;-webkit-animation-play-state:running;animation-play-state:running}.testSummary{margin-top:10px;border:1px solid var(--line);background:#ffffffeb;border-radius:18px;padding:12px 14px;box-shadow:0 12px 26px #0206170f}.testSummaryRow{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:12px}.testTopicTitle{font-weight:900;line-height:1.25;max-width:820px}.testMetaLine{margin-top:6px;color:var(--muted);font-weight:800}.resultPill{min-width:140px;border-radius:18px;border:1px solid rgba(15,23,42,.1);background:#fffffffa;padding:10px 12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:2px}.mutedPill{opacity:.6}.resultPercent{font-weight:950;font-size:22px}.resultGrade{font-weight:900;color:var(--muted)}.testList{margin-top:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:14px}.testItem{border-radius:22px;border:1px solid rgba(15,23,42,.1);background:#ffffffeb;box-shadow:0 22px 70px #02061714;padding:14px}.testQRow{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.testNum{width:34px;height:34px;border-radius:14px;border:1px solid rgba(15,23,42,.1);background:#0f172a08;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:950}.testQText{font-weight:900;line-height:1.35}.testOptionsGrid{margin-top:12px;display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:1fr;gap:10px}.testOpt{width:100%;text-align:left;border-radius:16px;border:1px solid rgba(15,23,42,.1);background:#fffffffa;padding:12px;cursor:pointer;font-weight:850;line-height:1.35;-webkit-transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;-o-transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.testOpt:hover{-webkit-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px);box-shadow:0 14px 28px #02061714}.testOpt.isSelected{border-color:#00c8ff8c;box-shadow:0 16px 34px #00c8ff24}.testOpt.isCorrect{border-color:#22c55ea6;box-shadow:0 16px 34px #22c55e29}.testOpt.isWrong{border-color:#ef4444a6;box-shadow:0 16px 34px #ef444424}.testCorrectLine{margin-top:12px;color:var(--muted);font-weight:850}.testCorrectText{color:#0f172a;font-weight:950}.testBottom{margin-top:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.testCheckBtn{height:46px;padding:0 18px;border-radius:16px;border:1px solid rgba(15,23,42,.12);background:#fffffff2;cursor:pointer;font-weight:950;-webkit-transition:transform .16s ease,box-shadow .16s ease;-o-transition:transform .16s ease,box-shadow .16s ease;transition:transform .16s ease,box-shadow .16s ease}.testCheckBtn:disabled{opacity:.55;cursor:default}.testCheckBtn:hover:not(:disabled){-webkit-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px);box-shadow:0 18px 40px #0206171a}.confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:60}.confettiPiece{position:absolute;top:-12px;border-radius:6px;opacity:.95;-webkit-animation-name:confettiFall;animation-name:confettiFall;-webkit-animation-timing-function:cubic-bezier(.2,.7,.2,1);animation-timing-function:cubic-bezier(.2,.7,.2,1);-webkit-animation-fill-mode:both;animation-fill-mode:both}.resultHero{margin-top:12px;border-radius:22px;border:1px solid rgba(15,23,42,.1);background:#fffffffa;padding:16px;text-align:center}.resultHeroPercent{font-weight:950;font-size:46px;line-height:1}.resultHeroGrade{margin-top:8px;font-weight:900;color:var(--muted);font-size:22px}.resultLine{margin-top:12px;font-weight:850;color:var(--muted);text-align:center}.resultRules{margin-top:12px;border-radius:18px;border:1px solid rgba(15,23,42,.1);background:#0f172a08;padding:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:6px;font-weight:850;color:var(--muted)}.resultActions{margin-top:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:10px;-ms-flex-wrap:wrap;flex-wrap:wrap}.vGrid,.taskGrid{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:14px;margin-top:16px}.vCard,.taskCard{position:relative;z-index:0;border-radius:22px;border:1px solid rgba(15,23,42,.1);background:#ffffffeb;box-shadow:0 22px 70px #02061714;padding:14px;-webkit-transition:transform .18s ease,box-shadow .18s ease;-o-transition:transform .18s ease,box-shadow .18s ease;transition:transform .18s ease,box-shadow .18s ease}.vHead,.taskHead{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.vNum,.taskNum{width:36px;height:36px;border-radius:14px;border:1px solid rgba(15,23,42,.1);background:#0f172a08;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:950}.vTitle,.taskTitle{font-weight:950;line-height:1.25;font-size:18px;color:#0f172a}.vText,.taskText{margin-top:10px;color:#0f172ab8;font-weight:750;line-height:1.6}.vCard:before,.taskCard:before{content:"";position:absolute;inset:-3px;border-radius:25px;background:-webkit-gradient(linear,left bottom,right top,from(#fb0094),color-stop(#0000ff),color-stop(#00ff00),color-stop(#ffff00),color-stop(#ff0000),color-stop(#fb0094),color-stop(#0000ff),color-stop(#00ff00),color-stop(#ffff00),to(#ff0000));background:-o-linear-gradient(bottom left,#fb0094,#0000ff,#00ff00,#ffff00,#ff0000,#fb0094,#0000ff,#00ff00,#ffff00,#ff0000);background:linear-gradient(45deg,#fb0094,#00f,#0f0,#ff0,red,#fb0094,#00f,#0f0,#ff0,red);padding:3px;opacity:0;-webkit-transition:opacity .18s ease;-o-transition:opacity .18s ease;transition:opacity .18s ease;pointer-events:none;-webkit-mask:-webkit-gradient(linear,left top,left bottom,from(#000),to(#000)) content-box,-webkit-gradient(linear,left top,left bottom,from(#000),to(#000));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}.vCard:hover,.taskCard:hover{-webkit-transform:translateY(-4px);-ms-transform:translateY(-4px);transform:translateY(-4px);box-shadow:0 34px 110px #02061724}.vCard:hover:before,.taskCard:hover:before{opacity:1}.vCard:hover:after{opacity:.65}.taskCard:hover:after{opacity:.55}.videoCard{margin-top:16px;border-radius:22px;border:1px solid rgba(15,23,42,.1);background:#ffffffeb;box-shadow:0 22px 70px #02061714;padding:14px}.videoWrap{border-radius:18px;overflow:hidden;border:1px solid rgba(15,23,42,.1);background:#0f172a08;aspect-ratio:16 / 9}.videoFrame{width:100%;height:100%;display:block}.videoText{margin:20px}.videoTitle{font-weight:950;font-size:20px;line-height:1.25;color:#0f172a}.videoList{margin-top:10px;padding-left:18px;color:#0f172ac7;font-weight:800;line-height:1.7}.videoList li{margin:6px 0}.homeGrid{-ms-grid-columns:1fr 18px 1fr;grid-template-columns:repeat(2,1fr)}.page.center .homeGrid{margin:24px 0}.card:nth-child(4){-webkit-animation-delay:.2s;animation-delay:.2s}.card:nth-child(4):before{background:linear-gradient(90deg,#0ea5e9,#a3e635,#f472b6)}.card:focus-visible{outline:3px solid #2563eb;outline-offset:4px}@media(max-width:920px){.homeGrid{-ms-grid-columns:1fr;grid-template-columns:1fr}}.qlContainer{max-width:860px}.qlIntro{margin-bottom:8px}.qlH1{margin:4px 0 10px;font-size:clamp(26px,4vw,36px);font-weight:900;line-height:1.15;letter-spacing:.2px}.qlScenarioH1{font-size:clamp(22px,3.4vw,30px)}.qlLead{margin:0 0 14px;max-width:760px;color:#0f172ac7;font-size:17px;font-weight:600;line-height:1.6}.qlNote{display:inline-block;margin:0 0 14px;padding:8px 12px;border-radius:12px;border:1px solid rgba(2,132,199,.25);background:#e0f2feb3;color:#075985;font-size:14px;font-weight:700;line-height:1.45}.qlNoteInfo{display:block;border-color:#64748b4d;background:#f1f5f9e6;color:#334155}.qlScenarioGrid{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media(max-width:920px){.qlScenarioGrid{grid-template-columns:1fr}}.qlScenarioCard{display:flex;flex-direction:column;gap:12px;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);padding:18px;animation:pop .5s ease both}.qlScenarioNum{width:36px;height:36px;border-radius:14px;border:1px solid rgba(15,23,42,.1);background:#0f172a08;display:flex;align-items:center;justify-content:center;font-weight:950}.qlScenarioTitle{margin:0;font-size:20px;font-weight:900;line-height:1.3}.qlMeta{margin:0;display:flex;flex-direction:column;gap:6px;flex:1}.qlMeta div{display:flex;flex-wrap:wrap;gap:4px 8px;font-size:15px;line-height:1.4}.qlMeta dt{color:var(--muted);font-weight:700}.qlMeta dt:after{content:":"}.qlMeta dd{margin:0;font-weight:800}.qlStatus{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:999px;border:1px solid;font-size:14px}.qlStatus-new{border-color:#64748b66;color:#475569}.qlStatus-progress{border-color:#d9770680;background:#fef3c7b3;color:#92400e}.qlStatus-done{border-color:#16a34a80;background:#dcfce7cc;color:#166534}.qlBtn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:48px;padding:10px 20px;border-radius:16px;border:1px solid rgba(15,23,42,.12);font:inherit;font-size:16px;font-weight:850;line-height:1.25;text-align:center;text-decoration:none;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.qlBtnPrimary{background:#0f172a;border-color:#0f172a;color:#fff}.qlBtnSecondary{background:#fffffff2;color:#0f172a}.qlBtnDanger{background:#b91c1c;border-color:#b91c1c;color:#fff}.qlBtn:hover{transform:translateY(-1px);box-shadow:0 14px 30px #02061724}.qlBtn:focus-visible,.rkBack:focus-visible,.qlStepDot:focus-visible,.qlCompare summary:focus-visible,.qlStepTitle:focus-visible{outline:3px solid #2563eb;outline-offset:3px}.qlStepTitle:focus:not(:focus-visible){outline:none}.qlTopBar{flex-wrap:wrap;justify-content:space-between}.qlChip{display:inline-block;padding:6px 12px;border-radius:999px;border:1px solid rgba(124,58,237,.25);background:#ede9fecc;color:#5b21b6;font-size:14px;font-weight:800}.qlProgress{margin:4px 0 16px}.qlProgressHead{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin-bottom:8px}.qlProgressCount{font-size:20px;font-weight:950}.qlProgressStage{color:var(--muted);font-weight:800}.qlBar{height:10px;border-radius:999px;background:#0f172a14;overflow:hidden}.qlBarFill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7c3aed,#00c8ff,#22c55e);transition:width .3s ease}.qlSteps{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.qlStepDot{width:100%;min-height:44px;display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:14px;border:1px solid rgba(15,23,42,.12);background:#ffffffe6;color:#0f172a;font:inherit;font-size:13px;font-weight:700;line-height:1.2;text-align:left;cursor:pointer}.qlStepDot>span[aria-hidden]{flex:0 0 auto;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1.5px solid currentColor;font-weight:900}.qlStep-current{border:2px solid #0f172a;background:#fff}.qlStep-current>span[aria-hidden]{background:#0f172a;border-color:#0f172a;color:#fff}.qlStep-done>span[aria-hidden]{background:#dcfce7;border-color:#16a34a;color:#166534}.qlStepDot:disabled{cursor:not-allowed;color:#64748b;background:#f1f5f9b3;border-style:dashed}@media(max-width:720px){.qlStepLabel{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.qlStepDot{justify-content:center;padding:6px}}.qlPanel{border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);padding:clamp(16px,3vw,28px);animation:popIn .22s ease}.qlStepTitle{margin:0 0 16px;font-size:clamp(20px,2.6vw,24px);font-weight:900;line-height:1.25;border-radius:8px}.qlBox{margin:0 0 16px;padding:14px 16px;border-radius:18px;border:1px solid rgba(15,23,42,.1);background:#fffffffa}.qlSituation{border-left:6px solid #00c8ff}.qlChosen{border-left:6px solid #0f172a}.qlNewInfo{border:2px solid rgba(124,58,237,.45);background:#f5f3fff2}.qlMuted{background:#f1f5f9cc}.qlBoxLabel{margin-bottom:6px;color:var(--muted);font-size:13px;font-weight:900;letter-spacing:.4px;text-transform:uppercase}.qlBoxText{margin:0;font-size:17px;font-weight:650;line-height:1.6}.qlPre{white-space:pre-wrap;overflow-wrap:anywhere}.qlQuestion{margin:0 0 6px;font-size:18px;font-weight:850;line-height:1.45}.qlHint{margin:0 0 12px;color:var(--muted);font-size:15px;font-weight:600;line-height:1.5}.qlField{margin:0 0 16px}.qlLabel{display:block;margin-bottom:8px;padding:0;font-size:16px;font-weight:850;line-height:1.4}.qlTextarea{display:block;width:100%;min-height:92px;padding:12px 14px;border-radius:14px;border:1.5px solid rgba(15,23,42,.22);background:#fff;color:#0f172a;font:inherit;font-size:16px;line-height:1.5;resize:vertical}.qlTextarea:focus{outline:3px solid rgba(37,99,235,.35);border-color:#2563eb}.qlTextarea.hasError{border-color:#b91c1c}.qlError{margin:6px 0 0;color:#b91c1c;font-size:14px;font-weight:800}.qlFieldset{margin:0 0 16px;padding:0;border:0;min-width:0}.qlOptions{display:flex;flex-direction:column;gap:10px}.qlOption{position:relative;display:flex;align-items:flex-start;gap:12px;padding:14px;border-radius:16px;border:2px solid rgba(15,23,42,.14);background:#fff;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.qlOption:hover{border-color:#0f172a59}.qlOption.isSelected{border:3px solid #0369a1;padding:13px;background:#e0f2fe8c;box-shadow:0 12px 28px #0369a124}.qlOption.isLocked{cursor:default}.qlOption.isLocked:not(.isSelected){opacity:.6}.qlOption:focus-within{outline:3px solid #2563eb;outline-offset:3px}.qlRadio{position:absolute;opacity:0;width:1px;height:1px}.qlOptionMark{flex:0 0 auto;width:26px;height:26px;margin-top:1px;border-radius:50%;border:2px solid rgba(15,23,42,.4);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:15px;color:#fff}.isSelected .qlOptionMark{background:#0369a1;border-color:#0369a1}.qlOptionBody{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.qlOptionBadge{color:var(--muted);font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.4px}.qlOptionText{font-size:16px;font-weight:700;line-height:1.5}.qlSelectedTag{flex:0 0 auto;align-self:center;padding:3px 10px;border-radius:999px;background:#0369a1;color:#fff;font-size:13px;font-weight:850}@media(max-width:560px){.qlSelectedTag{position:absolute;top:-11px;right:12px}}.qlConsequences{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}@media(max-width:760px){.qlConsequences{grid-template-columns:1fr}}.qlCons{padding:14px;border-radius:16px;border:1px solid rgba(15,23,42,.1);border-top-width:5px;background:#fff}.qlCons p{margin:0;line-height:1.55;font-weight:600}.qlConsLabel{margin-bottom:6px;font-weight:900;line-height:1.3}.qlConsPositive{border-top-color:#22c55e}.qlConsLimit{border-top-color:#f59e0b}.qlConsCondition{border-top-color:#00c8ff}.qlCompare{margin:0 0 16px;border-radius:16px;border:1px dashed rgba(15,23,42,.25);background:#f8fafce6}.qlCompare summary{padding:14px 16px;min-height:48px;font-weight:850;cursor:pointer;border-radius:16px}.qlCompareItem{padding:0 16px 4px}.qlCompareTitle{margin-bottom:10px;font-weight:850;line-height:1.45}.qlActions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.qlActionsMain{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px 14px;margin-left:auto}.qlActionHint{margin:0}@media(max-width:560px){.qlActions,.qlActionsMain{flex-direction:column-reverse;align-items:stretch}.qlActionsMain{width:100%;margin-left:0}.qlActions>span:empty{display:none}.qlActionHint{text-align:center}}.qlDone{margin:0 0 18px;padding:14px 16px;border-radius:16px;border:1px solid rgba(22,163,74,.35);background:#dcfce7b3;color:#14532d;font-weight:800;line-height:1.5}.qlSummary{margin:0 0 16px;display:flex;flex-direction:column;gap:10px}.qlSummaryItem{padding:12px 14px;border-radius:14px;border:1px solid rgba(15,23,42,.1);background:#fff}.qlSummaryItem dt{margin-bottom:4px;color:var(--muted);font-size:14px;font-weight:850}.qlSummaryItem dd{margin:0;font-weight:650;line-height:1.55}.qlJourney{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:stretch;margin:0 0 16px}.qlJourneyCol{padding:14px;border-radius:16px;border:2px solid rgba(15,23,42,.12);background:#fff}.qlJourneyCol:last-child{border-color:#0369a173;background:#e0f2fe73}.qlJourneyCol p{margin:0 0 10px;line-height:1.55;font-weight:650}.qlJourneyTag{margin-bottom:8px;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}.qlJourneyChoice{font-weight:850!important}.qlJourneySub{font-size:13px;font-weight:850;color:var(--muted);margin-bottom:2px}.qlJourneyArrow{display:flex;align-items:center;font-size:26px;font-weight:900;color:#64748b}@media(max-width:720px){.qlJourney{grid-template-columns:1fr}.qlJourneyArrow{justify-content:center;transform:rotate(90deg)}}.qlDialog{padding:20px}.qlDialogActions{border-top:0;padding-top:0;justify-content:flex-end}@media(prefers-reduced-motion:reduce){.qlPanel,.qlScenarioCard,.qlBtn,.qlBarFill{animation:none;transition:none}}