:root{--navy:#17253b;--teal:#2aa69a;--teal2:#54c4b8;--gold:#f4b942;--cream:#f7f5ef;--coral:#f07468;--white:#fff;--ink:#15233a;--muted:#6f7b89;--line:#e7ece9;--soft:#eef9f6;--warn:#fff4d9;--red:#fdeae7;--shadow:0 18px 55px #17253b1f;--r:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:linear-gradient(#fbfaf6,#f3f7f6);margin:0;font-family:Tahoma,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.screen{min-height:100vh;display:none}.screen.active{display:block}.shell{max-width:1180px;margin:auto;padding:18px}.top{border:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;padding:12px 16px;display:flex;position:sticky;top:8px}.brand{align-items:center;gap:10px;font-weight:900;display:flex}.mark{width:42px;height:42px;position:relative}.mark i{border-radius:6px 1px;width:30px;height:9px;position:absolute;right:0;transform:skewY(-18deg)}.mark i:first-child{background:var(--gold);top:2px;right:1px}.mark i:nth-child(2){background:var(--teal);top:16px;right:6px}.mark i:nth-child(3){background:var(--navy);top:30px;right:11px}.brand-ar{font-size:22px;line-height:1}.brand-en{letter-spacing:3px;color:#536173;margin-top:4px;font-size:9px}.nav{color:#536173;gap:20px;font-size:14px;display:flex}.btn{border:0;border-radius:12px;padding:13px 18px;font-weight:900}.btn.primary{background:linear-gradient(135deg,var(--teal),#148e83);color:#fff;box-shadow:0 8px 20px #2aa69a3b}.btn.secondary{color:var(--navy);background:#fff;border:1px solid #dfe6e3}.btn.navy{background:var(--navy);color:#fff}.btn.gold{background:var(--gold);color:#392b10}.hero{grid-template-columns:1.06fr .94fr;align-items:center;gap:40px;padding:60px 22px;display:grid}.hero h1{margin:10px 0 18px;font-size:52px;line-height:1.28}.hero h1 em{color:var(--teal);font-style:normal}.hero p{color:#536173;font-size:20px;line-height:1.9}.tag{color:#187d73;background:#eaf8f5;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:900;display:inline-block}.hero-art{min-height:400px;position:relative}.orb{background:#dff4f0;border-radius:42% 58% 50% 50%;width:340px;height:340px;position:absolute;top:20px;left:40px}.person{width:235px;height:280px;box-shadow:var(--shadow);background:#fff;border:10px solid #fff;border-radius:130px 130px 38px 38px;place-items:center;font-size:110px;display:grid;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.float{box-shadow:var(--shadow);background:#fff;border-radius:17px;padding:14px 17px;font-weight:900;position:absolute}.float.a{bottom:65px;right:10px}.float.b{bottom:12px;left:0}.features{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:30px;display:grid}.feature,.card{border:1px solid var(--line);border-radius:var(--r);background:#fff;padding:20px}.feature{text-align:center}.feature b{margin:8px;display:block}.section{border:1px solid var(--line);background:#fff;border-radius:28px;margin:18px 0;padding:30px}.muted{color:var(--muted)}.small{color:var(--muted);font-size:12px}.formwrap{place-items:center;min-height:100vh;padding:18px;display:grid}.formcard{border:1px solid var(--line);width:min(760px,100%);box-shadow:var(--shadow);background:#fff;border-radius:28px;padding:28px}.steps{gap:7px;margin:20px 0;display:flex}.steps span{background:#e8edeb;border-radius:999px;flex:1;height:6px}.steps span.on{background:var(--teal)}.field{margin:15px 0}.field label{margin-bottom:8px;font-weight:800;display:block}.input,.select{background:#fff;border:1px solid #dce4e1;border-radius:13px;outline:none;width:100%;padding:14px}.input:focus,.select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #e5f6f3}.chips{flex-wrap:wrap;gap:9px;display:flex}.chip{background:#fff;border:1px solid #dce4e1;border-radius:999px;padding:10px 14px}.chip.on{border-color:var(--teal);color:#16796f;background:#e7f7f4;font-weight:900}.assessment{place-items:center;min-height:100vh;padding:16px;display:grid}.assess-card{border:1px solid var(--line);width:min(800px,100%);box-shadow:var(--shadow);background:#fff;border-radius:28px;padding:28px}.progress{background:#eaf0ed;border-radius:999px;height:8px;overflow:hidden}.progress>div{background:linear-gradient(90deg,var(--teal),var(--teal2));height:100%;transition:all .3s}.qbox{text-align:center;padding:28px 0}.qbox h2{font-size:28px;line-height:1.6}.options{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.option{background:#fff;border:1px solid #dce4e1;border-radius:16px;padding:18px 12px;font-size:19px;font-weight:800}.option:hover{border-color:var(--teal);transform:translateY(-1px)}.option.selected{border:2px solid var(--teal);background:#eaf8f5}.textanswer{text-align:center;border:2px solid #dce4e1;border-radius:14px;width:100%;max-width:500px;padding:15px;font-size:18px}.assess-bottom{justify-content:space-between;align-items:center;gap:12px;display:flex}.pill{background:#f2f5f4;border-radius:999px;padding:7px 10px;font-size:12px}.resultgrid{grid-template-columns:1.1fr .9fr;gap:16px;display:grid}.profile{align-items:center;gap:14px;display:flex}.avatar{background:#eef8f6;border-radius:18px;place-items:center;width:60px;height:60px;font-size:35px;display:grid}.levelbox{background:linear-gradient(135deg,#edf9f7,#fff);border:1px solid #d9ece8;border-radius:20px;margin:16px 0;padding:18px}.barrow{grid-template-columns:120px 1fr 48px;align-items:center;gap:10px;margin:14px 0;display:grid}.track{background:#edf1ef;border-radius:999px;height:10px;overflow:hidden}.fill{background:var(--teal);border-radius:999px;height:100%}.fill.warn{background:var(--gold)}.status{border-radius:999px;padding:6px 9px;font-size:11px;font-weight:900;display:inline-block}.secure{color:#167a62;background:#e7f7f1}.developing{color:#8a6213;background:#fff4d9}.emerging{color:#a14c43;background:#fdeae7}.na{color:#697477;background:#eef1f1}.dash{grid-template-columns:245px 1fr;gap:18px;max-width:1260px;margin:auto;padding:18px;display:grid}.side{background:var(--navy);color:#fff;border-radius:22px;min-height:calc(100vh - 36px);padding:21px;position:sticky;top:18px}.side .brand{margin-bottom:28px}.menu a{color:#dce4ec;border-radius:11px;margin:3px 0;padding:13px;text-decoration:none;display:block}.menu a.active{color:#fff;background:#245161}.dash-top{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.grid2{grid-template-columns:1.1fr .9fr;gap:14px;display:grid}.grid3{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.kpi strong{margin:7px 0;font-size:28px;display:block}.journey{align-items:center;gap:5px;padding:16px 0;display:flex}.node{background:#e8eceb;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.node.done{background:var(--teal);color:#fff}.node.now{background:var(--gold)}.line{background:#dfe5e3;flex:1;height:3px}.line.done{background:var(--teal)}.row{border-bottom:1px solid #eef1ef;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;display:flex}.row:last-child{border-bottom:0}.skilllist{gap:8px;display:grid}.skillitem{border:1px solid #edf0ee;border-radius:13px;justify-content:space-between;align-items:center;padding:11px;display:flex}.notice{background:#fff7e4;border:1px solid #f5dfad;border-radius:16px;padding:15px;line-height:1.8}.success{background:#edf9f5;border:1px solid #d6ebe4;border-radius:16px;padding:15px}.teacher-table{display:grid}.trow{border-bottom:1px solid #eef0ee;grid-template-columns:90px 1fr 120px 120px;align-items:center;gap:8px;padding:12px;display:grid}.trow.head{color:var(--muted);font-size:12px;font-weight:900}.lessonplan{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.lessonstep{background:#fafcfa;border:1px solid #e8eeeb;border-radius:15px;padding:15px}.debug{text-align:left;color:#d5f5e8;direction:ltr;background:#142238;border-radius:14px;max-height:260px;padding:14px;font-family:monospace;font-size:11px;overflow:auto}.hidden{display:none!important}.mobiletabs{display:none}.footer-note{text-align:center;color:var(--muted);padding:28px;font-size:12px}@media (width<=860px){.shell{padding:10px}.nav{display:none}.hero{grid-template-columns:1fr;padding:34px 8px}.hero h1{font-size:38px}.hero p{font-size:17px}.hero-art{min-height:320px}.features{grid-template-columns:1fr 1fr}.resultgrid,.grid2,.grid3,.options{grid-template-columns:1fr}.dash{padding:10px 10px 84px;display:block}.side{display:none}.trow{grid-template-columns:65px 1fr 95px}.trow>:nth-child(4){display:none}.lessonplan{grid-template-columns:1fr}.barrow{grid-template-columns:100px 1fr 42px}.mobiletabs{z-index:50;background:#fff;border-top:1px solid #e2e7e4;justify-content:space-around;padding:9px;display:flex;position:fixed;bottom:0;left:0;right:0}.mobiletabs button{color:#65727e;background:0 0;border:0}.mobiletabs .active{color:var(--teal);font-weight:900}}.toast{background:var(--navy);color:#fff;opacity:0;z-index:100;border-radius:12px;padding:14px 18px;transition:all .2s;position:fixed;bottom:20px;left:20px;transform:translateY(15px)}.toast.show{opacity:1;transform:none}.toast.err{background:#9e3f3f}.busy{z-index:99;background:#ffffffbd;place-items:center;font-weight:900;display:grid;position:fixed;inset:0}.warnbadge{color:#8a5d00!important;background:#fff0d2!important}#teacher .shell{width:100%;max-width:1180px}#teacher .grid2{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);margin-top:18px}#teacher .grid2>div{min-width:0}#teacher label{margin-top:12px;margin-bottom:6px;display:block}#teacher select,#teacher input,#teacher textarea{min-width:0;max-width:100%}#teacherSnapshot{overflow-wrap:anywhere}@media (width<=860px){#teacher .grid2{grid-template-columns:minmax(0,1fr)}}