.course-details{background:radial-gradient(circle at 84% 9%,rgba(124,106,245,.17),transparent 27%),#171918}
.course-details .section-heading{grid-template-columns:1.2fr .8fr;grid-template-rows:auto 1fr;align-items:start}.course-details .section-heading .eyebrow{grid-column:1;grid-row:1}.course-details .section-heading h2{grid-column:1;grid-row:2;margin-top:14px;font-size:clamp(48px,6.7vw,94px)}.course-details .section-heading>p:last-child{grid-column:2;grid-row:2;align-self:end;max-width:500px;margin:0;color:#d7d3df;font-size:18px;line-height:1.62}.course-hover-hint{display:block;margin-top:24px;color:#a89cff;font:500 10px var(--mono);letter-spacing:.08em}
.workflow-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:70px}.workflow-card-grid article{overflow:hidden;border:1px solid rgba(232,228,255,.16);border-radius:24px;background:#10110f;box-shadow:0 20px 42px rgba(0,0,0,.22);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.workflow-card-grid article:hover{transform:translateY(-6px);border-color:rgba(168,156,255,.75);box-shadow:0 26px 55px rgba(0,0,0,.36),0 0 28px rgba(124,106,245,.11)}
.workflow-card-film{position:relative;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg,#201b3b,#10110f)}.workflow-card-film:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(9,9,15,.65));pointer-events:none}.workflow-card-film video{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.78) contrast(1.06);transition:transform .5s ease,filter .4s ease}.workflow-card-grid article:hover video{transform:scale(1.04);filter:saturate(1) contrast(1.04)}.workflow-card-film span{position:absolute;z-index:1;top:14px;left:14px;padding:7px 9px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(18,16,31,.66);backdrop-filter:blur(8px);color:#fff;font:500 9px var(--mono);letter-spacing:.08em}
.workflow-card-copy{min-height:174px;padding:22px 22px 24px}.workflow-card-copy p{margin:0 0 28px;color:#a89cff;font:500 9px var(--mono);letter-spacing:.09em}.workflow-card-copy h3{margin:0;color:#fff;font-size:clamp(21px,2vw,29px);line-height:1;letter-spacing:-.06em;font-weight:500}.workflow-card-copy small{display:block;margin-top:20px;color:#b9bdb4;font-size:12px}.workflow-card-agent{background:linear-gradient(135deg,#171327,#10110f)!important}
.workflow-card-grid article{position:relative;cursor:pointer;transform-style:preserve-3d}.workflow-card-grid article:focus-visible{outline:2px solid #a89cff;outline-offset:4px}.workflow-card-grid article:after{content:attr(data-course-module) "\A" attr(data-course-level) "\A\A" attr(data-course-title) "\A\A" attr(data-course-description);position:absolute;inset:0;display:flex;align-items:center;padding:26px;white-space:pre-line;border:1px solid #a89cff;border-radius:23px;background:linear-gradient(135deg,#3d2c8d,#1a1535);color:#fff;font:500 14px/1.55 var(--sans);letter-spacing:-.015em;opacity:0;transform:rotateY(-180deg);backface-visibility:hidden;transition:opacity .45s ease,transform .55s cubic-bezier(.2,.75,.2,1);pointer-events:none}.workflow-card-grid article:hover:after,.workflow-card-grid article.is-flipped:after{opacity:1;transform:rotateY(0)}.workflow-card-grid article:hover .workflow-card-film,.workflow-card-grid article:hover .workflow-card-copy,.workflow-card-grid article.is-flipped .workflow-card-film,.workflow-card-grid article.is-flipped .workflow-card-copy{opacity:0;transform:rotateY(180deg)}.workflow-card-film,.workflow-card-copy{transition:opacity .35s ease,transform .55s cubic-bezier(.2,.75,.2,1)}.workflow-card-grid article.is-selected{border-color:#a89cff;box-shadow:0 22px 50px rgba(0,0,0,.38),0 0 30px rgba(124,106,245,.18)}
@media (min-width:1000px){.workflow-card-grid article:nth-child(4),.workflow-card-grid article:nth-child(5),.workflow-card-grid article:nth-child(6){grid-column:auto}.workflow-card-grid article:nth-child(5) .workflow-card-film{aspect-ratio:16/10}.workflow-card-grid article:nth-child(5) .workflow-card-copy{min-height:174px}}
@media (max-width:760px){.course-details .section-heading{display:block}.course-details .section-heading h2{margin-top:14px}.course-details .section-heading>p:last-child{margin-top:26px;font-size:16px}.course-hover-hint{margin-top:18px;font-size:9px}.workflow-card-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin:42px -24px 0;padding:0 24px 12px}.workflow-card-grid article{flex:0 0 min(82vw,330px);scroll-snap-align:start;border-radius:20px}.workflow-card-copy{min-height:158px;padding:19px}.workflow-card-copy p{margin-bottom:23px}.workflow-card-copy h3{font-size:25px}.workflow-card-grid article:nth-child(5) .workflow-card-film{aspect-ratio:16/10}.workflow-card-grid article:after{border-radius:19px;padding:21px;font-size:13px}}