:root{color:#102a43;font-synthesis:none;background:#f4f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #ffbf47}header{background:#fff;border-bottom:1px solid #dce8f0;justify-content:space-between;align-items:center;height:74px;padding:0 max(24px,50vw - 580px);display:flex}.brand{align-items:center;gap:12px;display:flex}.brand div{flex-direction:column;display:flex}.brand b{font-size:19px}.brand small{color:#627d98}.logo{color:#fff;background:linear-gradient(135deg,#007c91,#1fb881);border-radius:14px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.ghost{color:#486581;background:0 0;border:0;align-items:center;gap:7px;display:flex}main{max-width:1160px;min-height:calc(100vh - 130px);margin:auto;padding:52px 24px}footer{text-align:center;color:#829ab1;padding:20px;font-size:13px}.hero{grid-template-columns:1.2fr .8fr;align-items:center;gap:70px;min-height:620px;display:grid}.hero h1{letter-spacing:-3px;margin:20px 0;font-size:clamp(40px,5vw,68px);line-height:1.03}.hero-copy>p{color:#486581;max-width:700px;font-size:20px;line-height:1.6}.eyebrow{color:#007c91;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:7px;font-size:13px;font-weight:800;display:inline-flex}.trust{flex-wrap:wrap;gap:18px;margin-top:34px;display:flex}.trust span{color:#486581;align-items:center;gap:7px;font-weight:700;display:flex}.trust svg{color:#1fb881;width:19px}.card{background:#fff;border:1px solid #dce8f0;border-radius:22px;padding:28px;box-shadow:0 14px 40px #102a4312}.login{flex-direction:column;gap:16px;display:flex}.login h2{margin:0;font-size:30px}.login p{color:#627d98;margin:0}.login label{flex-direction:column;gap:7px;font-weight:750;display:flex}.login input,.answers input{border:1px solid #bcccdc;border-radius:12px;outline:none;padding:14px}.login input:focus,.answers input:focus{border-color:#007c91;box-shadow:0 0 0 3px #d7f5ef}.login>button,.question>button,.feedback>button{color:#fff;background:#007c91;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 18px;font-weight:800;display:flex}.login button:disabled{opacity:.6}.demo{background:#edf6f7;border-radius:12px;grid-template-columns:1fr 1fr;gap:5px;padding:14px;font-size:12px;display:grid}.demo code{color:#007c91}.error{color:#a61b1b;background:#fff0f0;border-radius:10px;padding:10px}.welcome{text-align:center;max-width:720px;margin:70px auto 35px}.welcome span{color:#007c91;font-weight:800}.welcome h1{margin:10px;font-size:48px}.welcome p{color:#627d98}.subjects{grid-template-columns:1fr 1fr;gap:24px;max-width:820px;margin:auto;display:grid}.subjects button{color:#102a43;background:#fff;border:0;border-radius:24px;flex-direction:column;align-items:center;gap:12px;padding:42px;transition:all .2s;display:flex;box-shadow:0 14px 40px #102a4314}.subjects button:hover{transform:translateY(-4px)}.subjects svg{color:#007c91;width:55px;height:55px}.subjects b{font-size:26px}.subjects span{color:#627d98}.practice{max-width:820px;margin:auto}.progress{color:#486581;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;font-weight:700;display:flex}.back{color:#007c91;background:0 0;border:0;margin-bottom:18px}.question h2{font-size:28px;line-height:1.4}.skill{color:#007c91;font-weight:800}.answers{gap:10px;margin:24px 0;display:grid}.answers button{text-align:left;background:#fff;border:2px solid #d9e2ec;border-radius:12px;padding:15px}.answers button.selected{background:#edfafa;border-color:#007c91}.feedback{border-radius:14px;align-items:flex-start;gap:13px;padding:18px;display:flex}.feedback svg{flex:none}.feedback div{flex:1}.feedback p{margin:5px 0}.good{color:#176b4d;background:#e4f8ef}.bad{color:#9c4d10;background:#fff2e6}.dash-title{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.dash-title h1{margin:8px 0;font-size:42px}.qr{background:#fff;border-radius:16px;align-items:center;gap:12px;padding:12px;display:flex}.metrics{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.metric{background:#fff;border:1px solid #dce8f0;border-radius:18px;grid-template-columns:auto 1fr;gap:6px 12px;padding:22px;display:grid}.metric svg{color:#007c91;grid-row:1/3}.metric b{font-size:26px}.metric span{color:#627d98}.grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;display:grid}.row{border-bottom:1px solid #edf2f6;justify-content:space-between;padding:14px 0;display:flex}.row span{flex-direction:column;display:flex}.row small{color:#829ab1;margin-top:4px}.row em{color:#c05b17;font-style:normal;font-weight:800}.suggestion{color:#334e68;background:#edf6f7;border-radius:12px;padding:13px}.session-target{max-width:820px;margin:20px auto 30px}.session-target h2{margin-top:0}.chips,.tabs{flex-wrap:wrap;gap:10px;display:flex}.chips button,.tabs button{color:#334e68;background:#fff;border:1px solid #9fb3c8;border-radius:999px;padding:10px 16px;font-weight:750}.chips button:hover,.tabs button:hover,.tabs button.active{color:#006579;background:#edfafa;border-color:#007c91}.practice-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.question-meta{color:#627d98;flex-wrap:wrap;gap:8px;margin-top:12px;font-size:13px;display:flex}.question-meta span{background:#edf2f6;border-radius:999px;padding:5px 9px}.confidence{border:1px solid #d9e2ec;border-radius:14px;margin:16px 0;padding:14px}.confidence legend{padding:0 6px;font-weight:800}.confidence label{align-items:center;gap:6px;margin:6px 18px 6px 0;display:inline-flex}.session-summary{text-align:center;max-width:720px;margin:50px auto}.session-summary h1{font-size:40px}.session-summary .metrics{margin:24px 0}.tabs{margin:0 0 20px}.coverage{display:block}.coverage .metric{flex-direction:column;display:flex}.content-admin{margin-top:20px}.search{border:1px solid #bcccdc;border-radius:12px;width:100%;margin:10px 0 16px;padding:13px}.content-admin .row{align-items:center;gap:18px}.content-admin .row button{color:#007c91;background:#fff;border:1px solid #007c91;border-radius:10px;padding:8px 12px;font-weight:750}@media (width<=800px){.hero{grid-template-columns:1fr;gap:28px}.hero h1{font-size:44px}.subjects,.grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.dash-title{align-items:flex-start}.practice-actions{flex-direction:column;align-items:stretch}.session-summary .metrics{grid-template-columns:1fr 1fr}.qr{display:none}}@media (width<=520px){header{padding:0 16px}.brand small{display:none}main{padding:30px 16px}.hero h1{letter-spacing:-2px;font-size:38px}.trust{display:none}.subjects,.metrics,.progress{grid-template-columns:1fr}.feedback{flex-wrap:wrap}.demo,.session-summary .metrics{grid-template-columns:1fr}.chips button{flex:1}.content-admin .row{flex-direction:column;align-items:flex-start}}