.course-panel{background:#071827;border:1px solid rgba(0,185,255,.35);padding:26px;box-shadow:0 28px 90px rgba(0,116,230,.18);position:relative}.course-panel::before{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.05);pointer-events:none}.panel-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,185,255,.18);padding-bottom:14px;color:#79d4ff;font:700 11px 'DM Sans';letter-spacing:1.5px}.panel-top small{color:#68899f;font-size:8px}.panel-heading{padding:28px 0 22px}.panel-heading p{margin:0 0 7px;color:#5d849b;font-size:9px;font-weight:800;letter-spacing:1.7px}.panel-heading h2{font-size:41px;line-height:.96}.panel-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(0,185,255,.18);margin-bottom:22px}.panel-stats div{padding:15px;border-right:1px solid rgba(0,185,255,.18);display:flex;flex-direction:column}.panel-stats div:last-child{border:0}.panel-stats strong{color:#00b9ff;font:900 29px 'Barlow Condensed'}.panel-stats span{color:#7896a9;font-size:9px}.panel-progress>div{display:flex;justify-content:space-between;color:#91aabe;font-size:10px}.panel-progress>i{display:block;height:5px;background:#102d43;margin:8px 0 20px}.panel-progress em{display:block;width:34%;height:100%;background:#00b9ff}.course-panel ol{list-style:none;padding:0;margin:0}.course-panel li{display:grid;grid-template-columns:32px 1fr 24px;gap:12px;align-items:center;padding:13px;border-top:1px solid rgba(0,185,255,.14);color:#93aabc}.course-panel li.active{background:#0b2840;color:#fff}.course-panel li>b{font:800 15px 'Barlow Condensed';color:#4f7188}.course-panel li>span{font-size:11px;font-weight:700;display:flex;flex-direction:column}.course-panel li small{font-size:7px;color:#00b9ff;letter-spacing:1.2px}.course-panel li>i{font-size:17px;color:#00b9ff}.panel-button{width:100%;margin-top:20px;border:0;background:#0575e6;color:#fff;padding:14px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px}.panel-button:hover{background:#00b9ff}@media(max-width:900px){.course-panel{max-width:520px;margin:auto;width:100%}}@media(max-width:620px){.course-panel{padding:20px}.panel-heading h2{font-size:36px}.panel-stats div{padding:11px 8px}}