.smos-course{margin:36px 0;border:1px solid rgba(128,93,255,.55);border-radius:28px;overflow:hidden;background:#0d1020}.smos-course>header{padding:32px;background:linear-gradient(135deg,#24144c,#073146)}.smos-course>header>span{font:900 .7rem monospace;color:#c7ff3d}.smos-course>header h2{font-size:clamp(2rem,5vw,4rem);margin:10px 0}.smos-progress{height:10px;background:rgba(255,255,255,.12);border-radius:20px;overflow:hidden;margin:24px 0 10px}.smos-progress i{display:block;height:100%;background:linear-gradient(90deg,#ff3daf,#805dff,#37e7ff,#c7ff3d)}
.smos-continue{display:inline-flex;margin-top:18px;padding:11px 15px;border:1px solid #c7ff3d;border-radius:999px;color:#c7ff3d;font-weight:900;letter-spacing:.04em}.smos-continue:hover{background:#c7ff3d;color:#0d1020}.smos-course-layout{display:grid;grid-template-columns:300px 1fr}.smos-course-layout nav{padding:24px;border-right:1px solid rgba(255,255,255,.1)}.smos-course-layout nav h3{margin:22px 0 10px;color:#37e7ff}.smos-course-layout nav a,.smos-course-layout nav>span{display:block;padding:11px 12px;margin:4px 0;border-radius:10px;color:#dfe3f7}.smos-course-layout nav a.active{background:#805dff;color:#fff}.smos-course-layout nav a.complete{border-left:3px solid #c7ff3d}.smos-course-layout nav .locked{opacity:.55}.smos-course-layout nav small{display:block;font-size:.68rem}
.smos-lesson-stage{padding:clamp(24px,5vw,48px)}.smos-video{position:relative;padding-top:56.25%;margin:24px 0}.smos-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:18px}.smos-lesson-stage form button{padding:14px 18px;border:0;border-radius:10px;background:#c7ff3d;font-weight:900;cursor:pointer}.smos-lesson-actions{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:28px}.smos-lesson-actions>a{font-weight:900;color:#37e7ff}.smos-lesson-actions>a:last-child{text-align:right}.smos-lesson-actions button:disabled{background:#2d3548;color:#c7ff3d;cursor:default}.smos-course-empty{padding:32px;border:1px dashed rgba(255,255,255,.2);border-radius:18px;background:rgba(255,255,255,.04)}
.smos-downloads{margin-top:30px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12)}.smos-downloads a{display:inline-block;margin:8px 8px 0 0;padding:10px 13px;border:1px solid #37e7ff;border-radius:9px}.smos-sortable{margin:20px 0}.smos-sortable li{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:8px 0;padding:14px;border:1px solid #d7d9e5;background:#fff;cursor:grab}.smos-sortable li.dragging{opacity:.35}
@media(max-width:760px){.smos-course-layout{grid-template-columns:1fr}.smos-course-layout nav{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.smos-lesson-actions{grid-template-columns:1fr;text-align:center}.smos-lesson-actions>a:last-child{text-align:center}}