:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#172b45;background:#f5f8fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.shell{min-height:100vh;display:flex;flex-direction:column}.top{height:78px;background:#fff;border-bottom:1px solid #e2eaf4;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1120px)/2))}.brand{display:flex;align-items:center;gap:12px;cursor:pointer}.brand b{display:block;font-size:18px;letter-spacing:-.45px}.brand small{display:block;color:#76859b;margin-top:2px}.logo{width:42px;height:42px;border-radius:12px;background:#2563eb;color:#fff;display:grid;place-items:center}.topRight{display:flex;gap:12px;align-items:center}select,input{padding:12px 13px;border:1px solid #d9e3ef;border-radius:9px;background:#fff;color:#20314b;outline-color:#3b82f6;min-width:0}select{cursor:pointer}.topRight select{font-size:13px;padding:9px}main{width:100%;max-width:1120px;margin:0 auto;flex:1;padding:30px 24px 70px}.hero{text-align:center;padding-top:58px}.eyebrow,.step{font-size:12px;letter-spacing:1.3px;color:#3268c8;font-weight:750;display:flex;align-items:center;justify-content:center;gap:8px}.hero h1{font-size:clamp(34px,5vw,56px);letter-spacing:-2px;line-height:1.12;margin:19px auto;max-width:730px}.intro{font-size:18px;line-height:1.7;color:#687a91;max-width:650px;margin:0 auto 25px}.featureBar{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin:26px 0 32px;color:#475f7a;font-size:14px}.featureBar div{display:flex;align-items:center;gap:8px}.featureBar svg{width:17px;color:#3175e9}.primary,.ghost{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 19px;border-radius:9px;font-weight:700;border:1px solid transparent}.primary{background:#2563eb;color:#fff;box-shadow:0 7px 17px #2563eb21}.primary:hover{background:#174dc5}.ghost{background:#fff;color:#355373;border-color:#dce5f0}.ghost:hover{background:#f5f8fc}.big{padding:15px 25px;font-size:16px}.tiny{font-size:12px;padding:9px 12px}.muted{color:#718199;line-height:1.6}.small{font-size:13px}.hero>.small{margin-top:15px}.heroPanel{background:#fff;border:1px solid #e3eaf3;border-radius:16px;padding:23px 30px;margin:50px auto 0;max-width:720px;text-align:left;box-shadow:0 14px 40px #1a385408}.heroPanel h3{margin:0 0 17px}.miniGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.miniGrid div{display:flex;gap:7px;align-items:center;font-size:13px;color:#526780}.miniGrid svg{color:#239675;flex-shrink:0}.panel{padding:35px;background:#fff;border:1px solid #e1e8f2;border-radius:17px;box-shadow:0 16px 55px #183a5510}.narrow{max-width:780px;margin:20px auto}.panel h2{font-size:28px;letter-spacing:-.8px;margin:12px 0 6px}.panel .step{justify-content:flex-start}.choices{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:13px 0 24px}.choice{background:#fff;border:1px solid #dfe6f0;border-radius:11px;padding:20px 5px;display:grid;justify-items:center;gap:9px;color:#496079;font-weight:600}.choice svg{color:#8295ac}.choice.selected{border:2px solid #2563eb;background:#eef5ff;color:#2153ab;padding:19px 4px}.choice.selected svg{color:#2563eb}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.fields div{display:grid;gap:7px}.fields input,.fields select{width:100%}label{display:block;color:#384d66;font-size:13px;font-weight:700;margin:10px 0 7px}.actions{display:flex;justify-content:space-between;margin-top:28px}.learn{max-width:770px;margin:24px auto}.learnTop{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.6px;color:#6c7d91;font-weight:700;margin-bottom:14px}.progress{height:9px;border-radius:20px;background:#e5eefa;overflow:hidden}.progress>div{height:100%;background:#2563eb;transition:width .3s}.slideCount{text-align:center;color:#7186a2;font-size:12px;font-weight:750;letter-spacing:1.3px;margin:29px 0 15px}.slideCard{background:#fff;border:1px solid #e1e8f2;border-radius:18px;padding:45px;text-align:center;min-height:405px;box-shadow:0 18px 60px #183a5510}.slideIcon{width:70px;height:70px;background:#eaf2ff;color:#2563eb;border-radius:20px;display:grid;place-items:center;margin:0 auto 21px}.slideCard h2{font-size:29px;letter-spacing:-.8px;margin:0}.slideCard>p{line-height:1.7;color:#526781;font-size:17px;margin:16px auto 29px;max-width:540px}.options{display:grid;gap:12px;margin:28px auto;max-width:520px}.options button{padding:15px;text-align:left;display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #dce6f2;border-radius:10px;color:#304a69}.options button:hover{background:#f0f6ff;border-color:#2563eb}.options button span{background:#e8effa;border-radius:7px;padding:6px 10px;font-weight:750;color:#2e62b6}.options button svg{margin-left:auto;color:#83a1c5}.feedback{font-size:14px!important;color:#1c8761!important;font-weight:700}.center{text-align:center}.learn .center{margin-top:17px}.result{max-width:650px;margin:65px auto}.result .step{justify-content:center}.resultIcon{color:#268868}.result h1{letter-spacing:-1px}.cert{padding:20px;margin:25px;background:#f0f7ff;border-radius:12px;display:grid;gap:7px}.cert span{color:#5d7490;font-size:14px}.adminHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.adminHead h2{font-size:30px;margin:10px 0}.adminHead .step{justify-content:flex-start}.adminPanel form{display:grid;gap:5px}.adminPanel form button{margin-top:17px}.tableWrap{overflow:auto;background:#fff;border:1px solid #e0e8f1;border-radius:14px}table{border-collapse:collapse;width:100%;font-size:14px}th,td{padding:16px 14px;border-bottom:1px solid #edf0f5;text-align:left}th{background:#f7faff;font-size:12px;color:#687b93}.status{padding:5px 9px;border-radius:50px;font-size:12px;background:#edf1f7}.status.completed{background:#dcf7e9;color:#117b4e}.status.awaiting_approval{background:#fff0d5;color:#945900}.rowButtons{display:flex;gap:7px}.rowButtons button{border:1px solid #d9e2ee;background:#fff;border-radius:7px;padding:6px;color:#325780}footer{border-top:1px solid #e5ecf3;padding:18px max(28px,calc((100vw - 1120px)/2));display:flex;justify-content:space-between;align-items:center;color:#90a0b2;font-size:12px}footer span{display:flex;align-items:center;gap:7px}.alert{background:#fff0ee;border:1px solid #f2bbaf;border-radius:10px;padding:12px 16px;color:#a43629;display:flex;justify-content:space-between;margin-bottom:15px}.alert button{border:0;background:transparent;color:inherit;font-size:20px}@media(max-width:600px){.top{padding:0 16px;height:70px}.brand b{font-size:15px}.brand small{font-size:10px}.topRight{gap:5px}.topRight select{max-width:110px}.topRight .tiny{font-size:0;gap:0}.topRight .tiny svg{width:17px}main{padding:20px 15px 50px}.hero{padding-top:40px}.featureBar{gap:12px}.featureBar div{font-size:12px}.heroPanel{padding:22px}.miniGrid{grid-template-columns:1fr 1fr}.panel{padding:23px 17px}.choices{grid-template-columns:repeat(2,1fr)}.fields{grid-template-columns:1fr}.slideCard{padding:35px 18px}.slideCard h2{font-size:24px}.slideCard>p{font-size:15px}.learnTop{font-size:10px}footer{padding:18px;gap:10px}}.adminConsole{margin-top:20px}.adminTabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}.adminTabs button{border:1px solid #d2d9e4;background:#fff;border-radius:9px;padding:10px 14px;cursor:pointer;color:#28354c}.adminTabs button.active{background:#193e76;color:#fff}.iqMetrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:20px 0}.iqMetric{border:1px solid #dce4ef;border-radius:14px;padding:18px;background:#fff;display:flex;flex-direction:column;gap:10px;text-transform:capitalize}.iqMetric strong{font-size:30px}.iqEditorGrid{display:grid;grid-template-columns:minmax(180px,1fr) minmax(310px,2fr);gap:16px;margin:20px 0}.iqSlideChoice{display:block;width:100%;text-align:left;background:#fff;border:1px solid #dce4ef;border-radius:8px;padding:12px;margin-bottom:8px;cursor:pointer}.iqOption{display:flex;gap:12px;align-items:center;margin:7px 0}.iqOption input[type=radio]{width:auto}.iqOption input:not([type=radio]){flex:1}.adminConsole h3{display:flex;align-items:center;gap:8px}.adminConsole input,.adminConsole textarea,.adminConsole select{max-width:100%;margin-bottom:9px}.adminConsole .panel{margin:14px 0}@media(max-width:760px){.iqEditorGrid{grid-template-columns:1fr}}.iqDraftActions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:18px}.ghost.danger{color:#9e2b37;border-color:#f1c9cf}.ghost.danger:hover{background:#fff4f5}.adminConsole .tableWrap td{vertical-align:middle}.adminConsole .tableWrap button{white-space:nowrap}.fields small{font-size:12px}.adminConsole table{min-width:700px}.languageIntro{max-width:800px;margin-top:35px}.languageIntro h2{font-size:clamp(25px,3vw,34px)}.languageChoices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:25px}.languageChoice{position:relative;border:1px solid #dae4f2;background:#fff;border-radius:13px;padding:22px 17px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;text-align:left;color:#25405f;min-height:118px;transition:border-color .15s,background .15s}.languageChoice:hover,.languageChoice:focus-visible{border-color:#2563eb;background:#f6faff}.languageChoice:focus-visible{outline:3px solid #b5d0ff;outline-offset:2px}.languageChoice strong{font-size:22px;line-height:1.35}.languageChoice span{font-size:13px;color:#667b94}.languageChoice.selected{border:2px solid #2563eb;background:#ecf4ff;padding:21px 16px}.languageChoice svg{position:absolute;right:14px;top:14px;color:#2563eb}@media(max-width:560px){.languageChoices{grid-template-columns:1fr}.languageChoice{min-height:90px;padding:15px 17px}.languageChoice.selected{padding:14px 16px}}.slideListItem{display:flex;align-items:stretch;gap:8px;margin-bottom:8px}.slideListItem .iqSlideChoice{flex:1;margin:0;min-width:0;overflow-wrap:anywhere}.slideListItem .iqSlideChoice.active{border-color:#2563eb;background:#eff6ff}.slideListItem .ghost{padding:9px 12px;min-width:42px}.slideMedia{max-width:min(100%,640px);width:auto;max-height:380px;display:block;object-fit:contain;margin:18px auto 25px;border-radius:12px}.mediaEditorInfo{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:10px 0;font-size:13px}.adminTabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:7px}.adminTabs button{flex-shrink:0}.recordFilters{display:flex!important;flex-wrap:wrap;align-items:end;gap:12px;margin:14px 0 18px}.recordFilters>div{min-width:170px;flex:1}.recordFilters>div:first-child{flex:2;min-width:240px}.recordFilters>div input,.recordFilters>div select{width:100%}.recordFilters>button{margin-bottom:9px}.recordPaging{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:16px}.tableWrap{overflow:auto;-webkit-overflow-scrolling:touch}.adminConsole table{min-width:920px}.adminConsole table td{overflow-wrap:anywhere}.adminConsole .rowButtons{flex-wrap:wrap}@media(max-width:760px){.adminHead{flex-wrap:wrap;gap:12px}.adminHead h2{font-size:24px}.adminPanel{min-width:0}.adminConsole{max-width:100%;min-width:0}.recordFilters{display:grid!important;grid-template-columns:1fr}.recordFilters>div,.recordFilters>div:first-child{min-width:0;width:100%}.recordFilters>button{width:100%;margin:0}.adminConsole .tableWrap{max-width:calc(100vw - 28px)}.adminConsole .panel{padding:18px 14px}.iqEditorGrid{grid-template-columns:1fr}.slideCard{min-height:auto}.rowButtons button{min-height:40px}.recordPaging{flex-wrap:wrap}.adminConsole textarea,.adminConsole select,.adminConsole input{width:100%}}.certActions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:18px auto 10px}.certActions button{max-width:100%;white-space:normal}.shareLink{max-width:520px;margin:16px auto;padding:14px;border:1px solid #cdd9ed;border-radius:12px;background:#f6f9fe;text-align:left;color:#1f3350}.shareLink input{width:100%;min-width:0;margin:8px 0;box-sizing:border-box}.warningText{color:#a72c24;font-weight:700}.statusValid{color:#13764c;font-weight:700}.verifySummary{margin:14px auto;text-align:left;max-width:450px;width:100%}.verifySummary p{overflow-wrap:anywhere}@media(max-width:600px){.certActions{flex-direction:column;align-items:stretch}.certActions button{width:100%}.shareLink{padding:10px}}
