/* Course cards return to fine luminous outlines; detail artwork stays intact. */
.course-art--abstract{
 --art-light:#cbd9ee;--art-mid:#8aa3cf;--art-end:#b9cbe2;
 background:radial-gradient(ellipse at 10% 4%,var(--art-light) 0%,transparent 62%),radial-gradient(ellipse at 96% 92%,var(--art-end) 0%,transparent 65%),linear-gradient(138deg,var(--art-light),var(--art-mid) 49%,var(--art-end));
}
.course-art--abstract:before{content:'';position:absolute;inset:-22%;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 27% 22%,var(--art-end) 0%,transparent 62%),radial-gradient(ellipse at 82% 78%,var(--art-light) 0%,transparent 64%);opacity:.64;animation:course-color-drift 20s ease-in-out infinite alternate}
.course-card:nth-child(3n+2) .course-art--abstract:before{animation-duration:24s;animation-delay:-7s}
.course-card:nth-child(3n+3) .course-art--abstract:before{animation-duration:22s;animation-delay:-13s}
@keyframes course-color-drift{from{transform:translate3d(-5%,-4%,0) rotate(-6deg) scale(1.02)}to{transform:translate3d(6%,5%,0) rotate(7deg) scale(1.08)}}
.course-art[data-art-course="workflow-intro"]{--art-light:#b8c3ef;--art-mid:#779dd0;--art-end:#cbdde9}
.course-art[data-art-course="workflow-practice"]{--art-light:#c1dce7;--art-mid:#87b9cf;--art-end:#aac8e6}
.course-art[data-art-course="mvp-automation"]{--art-light:#d5c4e7;--art-mid:#b1a3d4;--art-end:#c7cbea}
.course-art[data-art-course="n8n"]{--art-light:#b8e0d9;--art-mid:#8fbec1;--art-end:#d1e7e7}
.course-art[data-art-course="hermes-agent"]{--art-light:#c2cee5;--art-mid:#8fa4c9;--art-end:#bad9e2}
.course-art[data-art-course="joomla-security"]{--art-light:#d2d0e6;--art-mid:#a8a4cd;--art-end:#c5dbe2}
.course-art[data-art-course="document-management"]{--art-light:#e8dbbf;--art-mid:#d2b5be;--art-end:#e0ced8}
.course-art[data-art-course="product-photography"]{--art-light:#e5c6d1;--art-mid:#c5a2bb;--art-end:#d6bbce}
.course-art[data-art-course="ai-marketing"]{--art-light:#efc6b4;--art-mid:#dba2a3;--art-end:#f3d6bf}
.course-art[data-art-course="ai-reels"]{--art-light:#e9d1b4;--art-mid:#c8b4c8;--art-end:#e1b8b3}
.course-art[data-art-course="venture-sprint"]{--art-light:#b6d9cd;--art-mid:#83b8af;--art-end:#c3e3d5}

.course-abstract{position:absolute;z-index:1;inset:33px 11px 44px;color:#fff;pointer-events:none}
.course-line-art{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 4px #ffffff9c) drop-shadow(0 0 15px #ffffff52);transition:transform 1.25s var(--ease),filter 1.25s var(--ease)}
.course-line-art :is(path,ellipse,rect){vector-effect:non-scaling-stroke}
.outline-unit{transform-box:view-box;transform-origin:50% 50%;transition:transform 1.4s var(--ease)}
.outline-unit--two{opacity:.85}
.outline-unit--three{opacity:.72}
.course-shape--weave{inset:38px 4px 47px}
.course-shape--arches{inset:29px 12px 44px}
.course-art--abstract .art-word{color:#29334d;text-shadow:none}
.course-art--abstract .course-tag,.course-art--abstract .art-number{color:#30374c;text-shadow:none}
.course-card-link:focus-visible{outline:2px solid #405779;outline-offset:8px}

@media(hover:hover) and (pointer:fine){
 .course-card-link:hover .course-line-art{transform:translateY(-4px) rotate(3deg) scale(1.035);filter:drop-shadow(0 0 5px #ffffffbf) drop-shadow(0 0 20px #ffffff73)}
 .course-card-link:hover .outline-unit--one{transform:rotate(5deg)}
 .course-card-link:hover .outline-unit--two{transform:rotate(-6deg)}
 .course-card-link:hover .outline-unit--three{transform:translateY(-3px) rotate(9deg)}
 .course-card-link:hover .course-shape--arches .outline-unit--one{transform:translateY(-2px)}
 .course-card-link:hover .course-shape--arches .outline-unit--two{transform:translateY(-7px)}
 .course-card-link:hover .course-shape--arches .outline-unit--three{transform:translateY(-12px)}
 .course-card-link:hover .course-shape--weave .outline-unit--one{transform:translateX(5px)}
 .course-card-link:hover .course-shape--weave .outline-unit--two{transform:translateX(-5px)}
 .course-card-link:hover .course-shape--weave .outline-unit--three{transform:translateX(9px)}
}
.course-card-link:focus-visible .course-line-art{transform:translateY(-4px) rotate(3deg) scale(1.035);filter:drop-shadow(0 0 5px #ffffffbf) drop-shadow(0 0 20px #ffffff73)}
.course-card-link:focus-visible .outline-unit--two{transform:rotate(-6deg)}
.course-card-link:focus-visible .outline-unit--three{transform:translateY(-3px) rotate(9deg)}
@media(max-width:560px){
 .course-abstract{inset:36px 15px 49px}
 .course-shape--weave{inset:43px 7px 52px}
}
@media(prefers-reduced-motion:reduce){
 .course-art--abstract:before{animation:none;transform:none}
 .course-line-art,.outline-unit{transition:none!important;animation:none!important}
 .course-card-link:hover .course-line-art,.course-card-link:focus-visible .course-line-art,.course-card-link:hover .outline-unit,.course-card-link:focus-visible .outline-unit{transform:none!important}
 .course-card:hover .course-art--abstract .art-word{transform:none}
}