:root{--navy:#003b33;--teal:#159d91;--blue:#1769c2;--green:#16835d;--border:#dfe6e8;--muted:#66747c;--bg:#f5f7f8}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#263238;font-family:Nunito,Arial,sans-serif}.training-header{height:78px;background:#fff;border-bottom:1px solid var(--border);box-shadow:0 3px 12px rgba(20,35,45,.08);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;position:sticky;top:0;z-index:20}.brand img{width:190px;max-height:60px}.training-brand{font-weight:800;letter-spacing:.12em;color:#64727a}.secure-label{color:#60717a;font-size:.85rem}.training-footer{text-align:center;padding:1.5rem;color:#718087;font-size:.82rem}.training-wrap{max-width:1180px;margin:2rem auto;padding:0 1rem}.start-card{background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 6px 25px rgba(27,44,56,.09);display:grid;grid-template-columns:330px minmax(0,1fr);overflow:hidden}.course-summary{background:#f7f9fa;border-right:1px solid var(--border);padding:1.4rem}.course-summary img{width:100%;height:190px;object-fit:cover;border-radius:9px;background:#e9eef0}.course-summary .placeholder{height:190px;border-radius:9px;background:#e9eef0;display:flex;align-items:center;justify-content:center;font-size:4rem;color:#93a2aa}.course-summary h2{font-size:1.2rem;margin:1rem 0 .6rem}.summary-meta{display:grid;gap:.55rem;color:#5c6b73;font-size:.87rem}.start-form{padding:2rem 2.2rem}.start-form h1{margin:.2rem 0 .3rem;font-size:1.8rem}.field{margin-bottom:1rem}.field label{display:block;font-weight:700;font-size:.86rem;margin-bottom:.35rem}.field input{width:100%;border:1px solid #ccd6da;border-radius:7px;padding:.75rem;font:inherit}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.btn{border:0;border-radius:7px;background:var(--blue);color:#fff;padding:.75rem 1rem;font:inherit;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;cursor:pointer}.btn:hover{filter:brightness(.95)}.btn.green{background:var(--green)}.btn.gray{background:#65747d}.btn.full{width:100%}.notice{border-radius:8px;padding:.8rem 1rem;margin:1rem 0;background:#fff3cd;color:#745600}.error{background:#fde7e5;color:#a32218}.course-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:1rem}.course-nav,.content-card,.quiz-card{background:#fff;border:1px solid var(--border);border-radius:11px;box-shadow:0 3px 14px rgba(20,35,45,.06)}.course-nav{padding:1rem;height:max-content}.course-nav h3{font-size:1rem;margin:.2rem 0 .8rem}.progress-track{height:8px;background:#e3e9eb;border-radius:99px;overflow:hidden}.progress-fill{height:100%;background:var(--blue)}.module{display:flex;gap:.55rem;padding:.7rem .2rem;border-bottom:1px solid #edf0f1;font-size:.83rem}.module.current{color:var(--blue);font-weight:800}.module.complete{color:var(--green)}.content-card{padding:1.25rem}.content-card h1{font-size:1.4rem;margin:.2rem 0}.video-wrap{background:#111;border-radius:9px;overflow:hidden;margin-top:1rem}.video-wrap video{display:block;width:100%;max-height:68vh}.pdf-wrap{height:68vh;border:1px solid var(--border);border-radius:8px;overflow:hidden;margin:1rem 0}.pdf-wrap iframe{width:100%;height:100%;border:0}.content-actions{display:flex;justify-content:space-between;gap:.7rem;margin-top:1rem}.quiz-card{padding:1.4rem;max-width:900px;margin:auto}.question{padding:1rem 0;border-bottom:1px solid var(--border)}.question h3{font-size:1rem}.answer{display:flex;gap:.6rem;border:1px solid #dce3e6;border-radius:7px;padding:.7rem;margin:.45rem 0;cursor:pointer}.answer:hover{background:#f5f9fb}.result-score{text-align:center;padding:2rem}.result-score strong{display:block;font-size:3.4rem}.passed{color:var(--green)}.failed{color:#b42318}.certificate{background:#fff;border:12px double #174a7e;max-width:1000px;margin:2rem auto;padding:4rem 3rem;text-align:center;min-height:680px}.certificate h1{font-size:3rem;color:#174a7e;margin:.5rem}.certificate .name{font-size:2.2rem;font-weight:800;border-bottom:1px solid #72828a;display:inline-block;padding:.4rem 2rem}.certificate .course{font-size:1.8rem;font-weight:800;color:#153f3a}.certificate-meta{display:flex;justify-content:space-around;margin-top:4rem}.print-actions{text-align:center;margin:1rem}@media(max-width:760px){.training-header{padding:0 1rem}.training-brand,.secure-label{display:none}.start-card,.course-layout{grid-template-columns:1fr}.course-summary{border-right:0;border-bottom:1px solid var(--border)}.two-col{grid-template-columns:1fr}.start-form{padding:1.4rem}.course-nav{order:2}.certificate{margin:.5rem;padding:2rem 1rem}.certificate-meta{flex-direction:column;gap:1rem}}@media print{.training-header,.training-footer,.print-actions{display:none}.certificate{margin:0;border-color:#174a7e;box-shadow:none;max-width:none;min-height:95vh}}