:root{--purple:#5F259F;--dark-purple:#5C068C;--green:#43B02A;--dark-green:#319B42;--light:#F3F2F0;--gray:#D7D2CB;--ink:#2d2633;--muted:#6d6472;--line:#e9e4ec;--white:#fff;--shadow:0 16px 42px rgba(60,25,85,.10)}*{box-sizing:border-box}body{margin:0;background:#f8f7f9;color:var(--ink);font-family:Gotham,"Avenir Next",Avenir,Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);border-bottom:1px solid #ece8ef}.nav{width:min(1180px,calc(100% - 32px));margin:auto;min-height:82px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:10px}.brand img{width:94px}.brand span{border-left:1px solid var(--gray);padding-left:11px;color:var(--green);font-size:11px;font-weight:900;letter-spacing:.12em}.navlinks{display:flex;gap:20px;margin-left:auto;font-size:13px;font-weight:800}.navlinks a:hover{color:var(--purple)}.pill{background:#f1eafa;color:var(--purple);border:1px solid #e2d8ed;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:900}.hero{background:radial-gradient(circle at 88% 5%,rgba(67,176,42,.17),transparent 30%),radial-gradient(circle at 8% 90%,rgba(187,22,163,.10),transparent 34%),#fff;padding:48px 0}.shell{width:min(1000px,calc(100% - 32px));margin:auto}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:900;color:var(--green);margin:0 0 9px}.hero h1{font-family:"Century Schoolbook",Georgia,serif;color:var(--purple);font-size:clamp(36px,6vw,56px);line-height:1.05;margin:0 0 14px}.hero p{color:#655c69;max-width:720px;font-size:17px}.content{padding:30px 0 58px}.card{background:#fff;border:1px solid #ede8f0;border-radius:22px;padding:26px;box-shadow:var(--shadow);margin-bottom:18px}.card h2,.card h3{color:var(--purple);margin-top:0}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--purple);color:#fff;border-radius:999px;padding:13px 19px;font-weight:850;border:2px solid var(--purple)}.button:hover{background:var(--dark-purple)}.button.outline{background:#fff;color:var(--purple)}.checklist{display:grid;gap:10px}.checkitem{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:flex-start;border:1px solid #e8e2ec;background:#fbfafc;border-radius:15px;padding:14px}.checkitem input{width:20px;height:20px;accent-color:var(--purple);margin-top:2px}.checkitem strong{display:block;color:var(--purple)}.checkitem span{display:block;color:var(--muted);font-size:13px;margin-top:3px}.tag{background:#edf8e9;color:var(--dark-green);border-radius:999px;padding:5px 8px;font-size:10px;font-weight:900;white-space:nowrap}.notice{border-left:5px solid var(--green);background:#fbfdfb;border-radius:14px;padding:14px 15px;font-size:13px}.video-launch{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;background:linear-gradient(120deg,#fff,#faf7fc);border:2px solid #eee8f2;border-radius:20px;padding:24px}.video-launch h2{margin:0 0 6px;color:var(--purple)}.video-launch p{margin:0;color:var(--muted)}.footer{padding:28px 0 36px;color:#756d79;font-size:12px;border-top:1px solid #e7e1e9}.muted{color:var(--muted)}@media(max-width:720px){.navlinks{display:none}.nav{justify-content:space-between}.video-launch{grid-template-columns:1fr}.checkitem{grid-template-columns:auto 1fr}.checkitem .tag{grid-column:2}.brand img{width:82px}}
.navlinks a.active{color:var(--purple)}
.hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.hub-card{background:#fff;border:1px solid #ede8f0;border-radius:22px;padding:24px;box-shadow:var(--shadow);transition:.2s transform,.2s border-color}.hub-card:hover{transform:translateY(-2px);border-color:#cfbce0}.hub-card h2{color:var(--purple);margin:6px 0 8px}.hub-card p{color:var(--muted);margin:0 0 18px}.hub-card>strong{color:var(--purple)}.hub-no{display:inline-flex;background:#edf8e9;color:var(--dark-green);font-weight:900;border-radius:999px;padding:5px 9px;font-size:11px}.timeline-row{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:start;padding:14px 0;border-top:1px solid var(--line)}.timeline-row:first-of-type{border-top:0}.timeline-row>span{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f1eafa;color:var(--purple);font-weight:900}.timeline-row strong,.timeline-row small{display:block}.timeline-row small{color:var(--muted);margin-top:3px}.required-row>span{background:#edf8e9;color:var(--dark-green)}
.progress-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.progress-head h2{margin-bottom:4px}.progress-count{display:flex;align-items:baseline;gap:5px;color:var(--purple)}.progress-count strong{font-size:30px}.progress-count span{font-size:12px;color:var(--muted);font-weight:800}.progress-track{height:10px;border-radius:999px;background:#eee9f0;overflow:hidden;margin:12px 0 22px}.progress-track>div{height:100%;background:linear-gradient(90deg,var(--purple),var(--green));width:0;transition:.25s width}.inline-training-link{display:inline-block;margin-top:8px;color:var(--purple);font-weight:850}.required-video-stage{background:linear-gradient(120deg,#fbfafc,#f3faef)}
.video-checklist{display:grid;grid-template-columns:1fr 1fr;gap:10px}.video-item{display:flex;align-items:flex-start;gap:11px;background:#fbfafc;border:1px solid var(--line);border-radius:14px;padding:14px;cursor:pointer}.video-item input{width:20px;height:20px;accent-color:var(--purple);margin-top:2px}.video-item span{display:block}.video-item strong{display:block;color:var(--purple);font-size:14px}.video-item small{display:block;color:var(--muted);margin-top:3px}.complete-notice{margin-top:16px;background:#f1faee}.training-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.reset-btn{background:#fff;color:#6c6470;border-color:#d9d2dd}.reset-btn:hover{background:#f6f3f7}
@media(max-width:720px){.hub-grid,.video-checklist{grid-template-columns:1fr}.progress-head{align-items:flex-start}.progress-count strong{font-size:24px}}
