#courseloading{position:fixed;inset:0;z-index:35;display:grid;place-items:center;padding:20px;background:#091214f2;color:var(--ink,#edf0e5)}
#courseloading[hidden]{display:none!important}
.course-loading-card{max-width:420px;width:100%;padding:28px;border:1px solid #7d9f8a55;border-radius:14px;background:linear-gradient(145deg,#20332c,#111c20);box-shadow:0 30px 100px #0006;text-align:center}
.course-loading-card h2{margin:12px 0;font-weight:500;font-size:28px;letter-spacing:-.7px}
.course-loading-card p[role=status]{font-size:13px;line-height:1.7;color:#bdcbbf;margin:0 0 22px}
.course-loading-card button{min-height:44px;width:100%}
.course-loading-card small{display:block;margin-top:16px;color:#94a99e;font-size:10px;line-height:1.6}
.course-loading-spinner{display:block;margin:0 auto 24px;width:34px;height:34px;border:2px solid #c0dfac22;border-top-color:var(--accent,#b8ed78);border-radius:50%;animation:course-loading-turn 1.1s linear infinite}
@keyframes course-loading-turn{to{transform:rotate(360deg)}}
body.roadhead-reduced-motion .course-loading-spinner{animation:none;border-right-color:var(--accent,#b8ed78)}
@media(prefers-reduced-motion:reduce){.course-loading-spinner{animation:none}}