body{isolation:isolate;background-color:#f7f4fc;background-image:radial-gradient(ellipse at 0 20%,#e7d7f751,transparent 45%),radial-gradient(ellipse at 100% 75%,#e0d1f144,transparent 45%)}body::before{content:'';position:fixed;inset:0;z-index:-1;background-image:url('engineering-pattern.svg');background-size:560px 560px;background-position:35px 125px;opacity:.42;pointer-events:none}body::after{content:'';position:fixed;inset:-15%;z-index:-1;background:linear-gradient(135deg,transparent 18%,#c8a1ef14 18%,#c8a1ef14 30%,transparent 30%,transparent 67%,#ab7fda0d 67%,#ab7fda0d 78%,transparent 78%);pointer-events:none;animation:background-drift 30s ease-in-out infinite alternate}main{position:relative;isolation:isolate}#course-page{position:relative}#course-page::before{content:'';position:absolute;z-index:-1;width:430px;height:430px;border:1px solid #cba7e84a;border-radius:50%;inset-inline-end:-85px;top:55px;box-shadow:0 0 0 50px #d9c0ef0b,0 0 0 51px #cba7e81d,0 0 0 105px #d9c0ef08;background:radial-gradient(circle,#e6d5f422,transparent 68%);pointer-events:none}#course-page::after{content:'';position:absolute;z-index:-1;width:180px;height:180px;inset-inline-start:-100px;top:800px;border:1px solid #be9bdd55;border-radius:26px;transform:rotate(30deg);background:linear-gradient(135deg,#c2a1e317,transparent);box-shadow:24px 24px 0 -1px #f4eefb,24px 24px 0 0 #cfb5e436;pointer-events:none}.course-summary-card,.course-syllabus details,.level-context,.related-courses>a{box-shadow:0 10px 35px #4a206006}.course-main>h1{position:relative}.course-main>h1::after{content:'';display:block;margin-top:22px;width:64px;height:5px;border-radius:20px;background:linear-gradient(90deg,var(--level,#8b5cf6),transparent)}@keyframes background-drift{from{transform:translate3d(-1%,0,0)}to{transform:translate3d(1%,2%,0)}}@media(max-width:800px){body::before{background-size:420px 420px;opacity:.3}#course-page::before{width:240px;height:240px;inset-inline-end:-25px;top:90px;box-shadow:0 0 0 28px #d9c0ef0b,0 0 0 29px #cba7e81d}#course-page::after{width:100px;height:100px;inset-inline-start:5px;top:1100px;opacity:.5}.course-main>h1::after{height:4px;margin-top:17px;width:50px}}@media(prefers-reduced-motion:reduce){body::after{animation:none}}
html,body,main{overflow-x:clip}