:root{--bg:#0f1226;--panel:#171a35;--panel2:#1f2347;--ink:#eef0ff;--muted:#a6abd6;--line:#2b3066;--accent:#7c8cff;--accent2:#34d399;}
 *{box-sizing:border-box}html,body{margin:0;padding:0}
 body{font-family:"Inter","Noto Sans Devanagari","Noto Sans Bengali","Noto Sans Gujarati","Noto Sans Gurmukhi","Noto Sans Kannada","Noto Sans Malayalam","Noto Sans Oriya","Noto Sans Tamil","Noto Sans Telugu","Noto Naskh Arabic",system-ui,sans-serif;background:radial-gradient(1200px 600px at 80% -10%,#202557,var(--bg) 55%);color:var(--ink);line-height:1.55;min-height:100vh}
 .wrap{max-width:980px;margin:0 auto;padding:22px 18px 80px}
 header.top{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between}
 .brand{display:flex;align-items:center;gap:12px}.brand .logo{font-size:30px}
 .brand h1{font-size:19px;margin:0;font-weight:800}.brand p{margin:2px 0 0;font-size:12.5px;color:var(--muted)}
 .langbox{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);padding:8px 10px;border-radius:12px}
 .langbox label{font-size:12px;color:var(--muted)}
 select{background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:7px 9px;font-size:14px;font-family:inherit;cursor:pointer;max-width:230px}
 .pending{display:none;margin:14px 0 0;padding:10px 14px;border-radius:12px;font-size:13.5px;background:rgba(251,191,36,.12);border:1px solid rgba(251,191,36,.35);color:#ffe9b3}
 .pending.show{display:block}
 nav.tabs{display:flex;gap:8px;margin:22px 0 6px;flex-wrap:wrap}
 nav.tabs button{flex:1;min-width:180px;border:1px solid var(--line);background:var(--panel);color:var(--muted);padding:13px 16px;border-radius:14px;font-size:15px;font-weight:600;cursor:pointer;font-family:inherit}
 nav.tabs button.active{background:linear-gradient(135deg,var(--accent),#5d6cff);color:#fff;border-color:transparent}
 .page{display:none}.page.active{display:block}
 .hero{margin:18px 0 4px}.hero h2{font-size:24px;margin:0 0 6px;font-weight:800}.hero p{margin:0;color:var(--muted);font-size:14.5px;max-width:720px}
 .cards{display:flex;flex-direction:column;gap:16px;margin-top:22px}
 .card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px 24px;position:relative;overflow:hidden}
 .card .stripe{position:absolute;inset:0 auto 0 0;width:5px}
 .card.principal .stripe{background:#34d399}.card.fid .stripe{background:#f59e0b}.card.proc .stripe{background:#38bdf8}.card.cm .stripe{background:#22d3ee}.card.board .stripe{background:#94a3b8}
 .chead{display:flex;align-items:center;gap:12px;margin-bottom:8px}.chead .emoji{font-size:30px}.chead h3{margin:0;font-size:19px;font-weight:800}
 .lbl{margin:12px 0 2px;font-size:11.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--accent)}
 .txt{margin:0;font-size:14.5px;color:var(--ink)}
 .card ul{margin:4px 0 0;padding-left:20px;font-size:14px;color:var(--muted)}.card li{margin:3px 0}
 .overlay{margin-top:14px;padding:12px 14px;border-radius:12px;border:1px dashed rgba(239,68,68,.45);background:rgba(239,68,68,.08)}
 .overlay .ov-t{margin:0 0 5px;font-size:13px;font-weight:800;color:#ffb4a8}
 .overlay .txt{font-size:13.5px;color:#ffd9d2}.overlay .lbl{color:#ff9d8e}.overlay ul{color:#ffd9d2}
 .twohats{margin-top:24px;background:rgba(124,140,255,.08);border:1px solid var(--line);border-radius:16px;padding:18px 22px}
 .twohats h2{margin:0 0 8px;font-size:18px;font-weight:800}.twohats p{margin:6px 0;font-size:14px}.twohats ul{margin:6px 0;padding-left:20px;font-size:14px;color:#cdd2ff}
 [dir=rtl] .card .stripe{inset:0 0 0 auto}[dir=rtl] .card ul,[dir=rtl] .twohats ul{padding-left:0;padding-right:20px}
 /* classifier */
 .quiz{max-width:680px;margin:22px auto 0}.secrecy{font-size:12.5px;color:var(--muted);text-align:center;margin:0 0 18px}
 .qcard{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px;margin-bottom:16px}
 .qnum{font-size:12px;color:var(--accent);font-weight:700;letter-spacing:.5px}.qcard h3{margin:6px 0 14px;font-size:18px;font-weight:700}
 .opts{display:flex;gap:10px;flex-wrap:wrap}.opt{flex:1;min-width:120px;border:1px solid var(--line);background:var(--panel2);color:var(--ink);padding:13px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;font-family:inherit}
 .opt.sel{background:linear-gradient(135deg,var(--accent),#5d6cff);color:#fff;border-color:transparent}
 .result{display:none;margin-top:8px}.result.show{display:block}
 .rcard{border:1px solid var(--line);border-radius:18px;padding:24px;text-align:center;background:var(--panel)}.rcard .remoji{font-size:46px}.rcard h3{font-size:24px;margin:6px 0 8px}.rcard p{font-size:15px;color:#dfe3ff;max-width:520px;margin:0 auto}
 .btn{border:none;border-radius:12px;padding:12px 20px;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit;background:linear-gradient(135deg,var(--accent2),#10b981);color:#04231a;margin-top:16px}
 .btn.ghost{background:var(--panel2);color:var(--ink);border:1px solid var(--line)}
 footer{margin-top:46px;border-top:1px solid var(--line);padding-top:18px;color:var(--muted);font-size:12.5px;text-align:center}
 /* intro */
 .intro{margin-top:8px}
 .intro .lead{font-size:16px;color:var(--ink);margin:0 0 14px}
 .ipanel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px 24px;margin:16px 0}
 .ipanel h3{margin:0 0 10px;font-size:18px;font-weight:800}
 .ipanel p{margin:8px 0;font-size:14.5px;color:var(--ink)}
 .ipanel .lbl{margin:14px 0 4px;font-size:11.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--accent)}
 .chips{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 2px}
 .chip{background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:13.5px;color:#cdd2ff}
 .ipanel ul{margin:6px 0 0;padding-left:20px;font-size:14px;color:var(--muted)}.ipanel li{margin:4px 0}
 .icta{background:linear-gradient(135deg,rgba(124,140,255,.16),rgba(52,211,153,.10));border:1px solid var(--line);border-radius:18px;padding:22px 24px;margin:18px 0 0;text-align:center}
 .icta h3{margin:0 0 8px;font-size:19px;font-weight:800}.icta p{margin:0 auto;max-width:560px;font-size:14.5px;color:#dfe3ff}
 .icta .row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:16px}
 [dir=rtl] .ipanel ul{padding-left:0;padding-right:20px}
 /* merged: assess engine + templates */
 .pg-fs{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin:0 0 14px}
 .pg-fs h4{margin:0 0 8px;font-size:12.5px;color:var(--accent);text-transform:uppercase;letter-spacing:.4px}
 .pg-q{color:var(--muted);font-size:12.5px;margin:8px 0 3px}
 .pg-chk{display:inline-flex;gap:6px;align-items:center;margin:4px 12px 4px 0;font-size:13.5px}
 .pg-chk .ref{color:var(--muted);font-size:11px;font-weight:600;opacity:.7}
 .pg-ref{color:var(--muted);font-size:11px;font-weight:600;opacity:.7}
 .pg-help{color:var(--muted);font-size:12px;margin:2px 0 8px;line-height:1.45;max-width:640px}
 .pg-ob{border:1px solid var(--line);border-left:4px solid var(--line);border-radius:10px;padding:8px 11px;margin:6px 0;background:var(--panel2)}
 .pg-ob .t{font-weight:700;font-size:14px}.pg-ob .m{color:var(--muted);font-size:12px;margin-top:2px}
 .pg-badge{display:inline-block;font-size:10px;font-weight:800;padding:2px 7px;border-radius:20px;margin-right:6px}
 .pg-high{border-left-color:#34d399}.pg-med{border-left-color:#f59e0b}.pg-hrr{border-left-color:#ef4444}.pg-con{border-left-color:#38bdf8}
 .pg-bh{background:rgba(52,211,153,.18);color:#34d399}.pg-bm{background:rgba(245,158,11,.18);color:#f59e0b}.pg-bhrr{background:rgba(239,68,68,.18);color:#ff8b78}.pg-bc{background:rgba(56,189,248,.18);color:#38bdf8}
 .pg-h2{font-size:15px;margin:18px 0 6px;border-bottom:1px solid var(--line);padding-bottom:4px}
 .pg-pill{font-size:11px;color:var(--muted)}
 .pg-paywall{text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:30px 24px;max-width:520px;margin:10px auto}
 .pg-lock{font-size:46px}
 .pg-tpl{background:#fff;color:#111;border-radius:10px;padding:26px 30px;margin:14px 0;font-size:14px;line-height:1.6}
 .pg-tpl:focus{outline:2px solid var(--accent)}
 .pg-fields{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0}
 .pg-fields label{font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:3px}
 .pg-fields input{background:var(--panel2);border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:6px 9px;font-family:inherit}
 .pg-btn{border:none;border-radius:12px;padding:11px 18px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;background:linear-gradient(135deg,var(--accent2),#10b981);color:#04231a;margin:6px 6px 0 0}
 .pg-btn.ghost{background:var(--panel2);color:var(--ink);border:1px solid var(--line)}
 .pg-sel{width:100%;max-width:none;background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:7px}