:root{--navy:#0c1e36;--navy2:#132b4c;--gold:#f2c230;--gold-ink:#7a5a00;--bg:#f3f5f8;--surface:#fff;--fg:#14213a;--muted:#56627a;--line:#dde2ea;--chip:#eef1f6;--ok:#1e8e4e;--bad:#c0392b;--fd:"Barlow Condensed","Arial Narrow",Arial,sans-serif;--fb:"Barlow","Segoe UI",Roboto,Arial,sans-serif;--fm:"IBM Plex Mono",ui-monospace,monospace}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--fg);font:16px/1.55 var(--fb);min-height:100vh;display:flex;flex-direction:column}a{color:inherit}img{max-width:100%}.wrap{max-width:1100px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));width:100%}.bar{background:var(--navy);color:#e9eef6;border-bottom:4px solid var(--gold)}.bar-in{display:flex;align-items:center;gap:16px;min-height:62px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand span{font:700 1.05rem var(--fd);text-transform:uppercase;letter-spacing:.06em;color:var(--gold);border-left:1px solid rgba(255,255,255,.25);padding-left:12px}.top-nav{margin-left:auto;display:flex;gap:18px;align-items:center;flex-wrap:wrap}.top-nav a{color:#a9b6cc;text-decoration:none;font-weight:500}.top-nav a:hover{color:var(--gold)}.who{color:#e9eef6;font-weight:600}main{flex:1;padding-block:28px 48px}.foot{color:var(--muted);font-size:.85rem;border-top:1px solid var(--line);background:var(--surface)}.foot .wrap{padding-block:16px}h1,h2,h3{font-family:var(--fd);line-height:1.1;margin:0;text-wrap:balance}h1{font-size:clamp(1.9rem,4vw,2.6rem);text-transform:uppercase;font-weight:800}h2{font-size:1.6rem;text-transform:uppercase;font-weight:700}h3{font-size:1.25rem;font-weight:700}.eyebrow{font:500 .75rem var(--fm);letter-spacing:.08em;text-transform:uppercase;color:var(--gold-ink)}.muted{color:var(--muted)}.card{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:22px;min-width:0}.grid{display:grid;gap:16px}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:820px){.cols-2,.cols-3{grid-template-columns:1fr}}.stack{display:flex;flex-direction:column;gap:14px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4em;font:700 1rem var(--fd);letter-spacing:.04em;text-transform:uppercase;border:2px solid transparent;border-radius:4px;padding:.55em 1.1em;cursor:pointer;text-decoration:none;background:var(--gold);color:var(--navy)}.btn.sec{background:transparent;border-color:var(--line);color:var(--fg)}.btn.dark{background:var(--navy);color:#fff}.btn.small{font-size:.85rem;padding:.35em .8em}.btn.danger{background:transparent;border-color:var(--bad);color:var(--bad)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:1px}label{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:.92rem}input,select,textarea{font:inherit;font-weight:400;padding:.55em .7em;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--fg);width:100%}textarea{min-height:110px;resize:vertical}.check{flex-direction:row;align-items:center;gap:8px;font-weight:500}.check input{width:auto}.pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.8rem;font-weight:600;background:var(--chip)}.pill.ok{background:#e1f4e8;color:var(--ok)}.pill.bad{background:#fbe5e2;color:var(--bad)}.pill.warn{background:#fff3cc;color:var(--gold-ink)}.msg{padding:10px 14px;border-radius:4px;font-weight:500}.msg.err{background:#fbe5e2;color:var(--bad)}.msg.ok{background:#e1f4e8;color:var(--ok)}.login-box{max-width:420px;margin:30px auto}.course-card{display:flex;flex-direction:column;gap:10px}.bar-prog{height:8px;background:var(--chip);border-radius:99px;overflow:hidden}.bar-prog i{display:block;height:100%;background:var(--gold)}video{width:100%;background:#000;border-radius:4px;max-height:70vh}.ytwrap{position:relative;aspect-ratio:16/9}.ytwrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:4px}.mat-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.mat-list li{display:flex;gap:10px;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:4px;padding:10px 12px;background:var(--surface)}.mat-list li.active{border-color:var(--gold);box-shadow:inset 4px 0 0 var(--gold)}.q{border-top:1px solid var(--line);padding-top:14px}.q p{font-weight:600;margin:0 0 8px}.opt{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border:1px solid var(--line);border-radius:4px;margin-bottom:6px;cursor:pointer;font-weight:400}.opt input{width:auto;margin-top:4px}.opt.right{border-color:var(--ok);background:#e1f4e8}.opt.wrong{border-color:var(--bad);background:#fbe5e2}.tabs{display:flex;gap:4px;border-bottom:2px solid var(--line);margin-bottom:18px;flex-wrap:wrap}.tabs button{font:700 1.05rem var(--fd);text-transform:uppercase;letter-spacing:.03em;background:none;border:0;padding:10px 14px;cursor:pointer;color:var(--muted);border-bottom:3px solid transparent;margin-bottom:-2px}.tabs button.on{color:var(--fg);border-bottom-color:var(--gold)}.tbl-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.93rem}th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}th{font:500 .72rem var(--fm);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.cred{font-family:var(--fm);background:var(--chip);padding:14px;border-radius:4px;white-space:pre-wrap;font-size:.9rem}.stat b{display:block;font:800 2.2rem var(--fd);line-height:1}.stat span{color:var(--muted);font-size:.9rem}.modal-bg{position:fixed;inset:0;background:rgba(8,18,34,.55);display:flex;align-items:flex-start;justify-content:center;padding:30px 12px;overflow:auto;z-index:50}.modal{background:var(--surface);border-radius:6px;max-width:860px;width:100%;padding:22px}.qedit{border:1px solid var(--line);border-radius:4px;padding:12px;display:flex;flex-direction:column;gap:6px}.qedit .optrow{display:flex;gap:8px;align-items:center}.qedit .optrow input[type=radio]{width:auto}.cert-stage canvas{width:100%;height:auto;border:1px solid var(--line);border-radius:4px;background:#fff}.verify-ok{border-left:6px solid var(--ok)}.verify-bad{border-left:6px solid var(--bad)}.progress-up{height:6px;background:var(--chip);border-radius:99px;overflow:hidden;margin-top:6px}.progress-up i{display:block;height:100%;width:0;background:var(--ok)}