body.syn-university .course-banner{gap:36px;background:linear-gradient(120deg,#5b70ff08,#00cfe806),var(--syn-panel)!important;box-shadow:0 12px 35px #25305b0b!important;border:1px solid var(--uni-line)}
.course-real-art{position:relative;isolation:isolate;overflow:hidden;border-radius:22px;padding:2px;align-self:center;min-width:0;background:var(--uni-line)}
.course-real-art:before{content:"";position:absolute;inset:-100%;background:conic-gradient(transparent 25%,#00cfe8,#895bff,transparent 55%);animation:courseArtSpin 9s linear infinite;z-index:-1}
.course-real-art img{display:block;width:100%;height:auto;border-radius:20px}
body.syn-university .course-detail-panel,body.syn-university .course-detail-aside{background:var(--syn-panel)!important;backdrop-filter:blur(16px);box-shadow:0 12px 35px #25305b0b!important}
.course-outcomes{padding-left:22px;line-height:1.9;color:var(--uni-muted)}
.course-detail-aside h3{margin-top:16px}
body.syn-university :is(.course-banner,.course-detail-aside) .button{position:relative;isolation:isolate;overflow:hidden;border:1px solid transparent!important;border-radius:14px;padding:14px 22px!important;background:#554dff!important;color:white!important;box-shadow:0 8px 20px #584dff22}
body.syn-university :is(.course-banner,.course-detail-aside) .button:before{content:"";position:absolute;inset:-180%;z-index:-2;background:conic-gradient(transparent 55%,#00e9e0 68%,#fff 72%,#b68cff 77%,transparent 83%);animation:courseArtSpin 4.5s cubic-bezier(.55,.08,.35,.92) infinite}
body.syn-university :is(.course-banner,.course-detail-aside) .button:after{content:"";position:absolute;inset:2px;border-radius:12px;background:linear-gradient(110deg,#485aff,#7059ff);z-index:-1}
@keyframes courseArtSpin{to{transform:rotate(360deg)}}
@media(max-width:767px){.course-real-art{width:100%;max-width:560px}.course-banner{gap:24px!important}}
@media(prefers-reduced-motion:reduce){.course-real-art:before,body.syn-university :is(.course-banner,.course-detail-aside) .button:before{animation:none}}