/* A quiet neon edge and a click-to-open 3D face. */
.course-card.course-flip{display:block;position:relative;padding:0;background:transparent;border:0;border-radius:13px;perspective:1300px;isolation:isolate;min-width:0}
.course-flip::before{content:'';position:absolute;inset:12px 7px -6px;border-radius:inherit;background:linear-gradient(135deg,#dcfa6b35,#9bbc3924 55%,#dcfa6b55);filter:blur(19px);opacity:.4;pointer-events:none;transition:opacity .3s,transform .3s;z-index:-1}
.course-flip.pro::before{opacity:.72}
.course-flip:hover::before,.course-flip:focus-within::before{opacity:.95;transform:scale(1.035)}
.course-flip-inner{display:grid;grid-template-areas:'face';height:100%;border-radius:inherit;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.4,0,.2,1)}
.course-flip.is-flipped .course-flip-inner{transform:rotateY(180deg)}
.course-flip .course-face{grid-area:face;min-width:0;position:relative;display:flex;flex-direction:column;padding:25px;border:1px solid #586747;border-radius:inherit;background:radial-gradient(ellipse at 100% 0,#dcfa6b15,transparent 62%),linear-gradient(145deg,#23281d,#12150f);color:var(--text);backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;box-shadow:inset 0 1px 0 #e5ffc126,0 8px 22px #17191518}
.course-flip .course-front{min-height:365px;padding-bottom:89px;transform:rotateY(0deg)}
.course-front::before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(122deg,transparent 55%,#dcfa6b0a 55.2%,transparent 55.6%,transparent 69%,#dcfa6b08 69.2%,transparent 69.6%)}
.course-flip.pro .course-front{border-color:#aec94e;background:radial-gradient(ellipse at 100% 0,#dcfa6b38,transparent 62%),linear-gradient(145deg,#2c371d,#171d11)}
.course-flip .card-top{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:32px}
.course-flip .course-level{font-size:.875rem;line-height:1.4;color:#c3cbb8;letter-spacing:0}
.course-flip .card-tag{color:var(--lime);border-color:#a3ba555e;font-size:.75rem;padding:4px 7px;line-height:1.4}
.course-flip .course-front h3{font-size:clamp(2.5rem,4.1vw,4rem);line-height:1;letter-spacing:-.055em;font-weight:700;color:var(--text)}
.course-flip.pro .course-front h3{color:var(--lime)}
.course-vip{display:block;font-size:.875rem;line-height:1.5;letter-spacing:.2em;color:var(--lime);margin-bottom:7px;font-weight:500}
.course-flip .course-front>p{font-size:1rem;line-height:1.55;min-height:0;margin:18px 0 0;color:#c6cdbd;max-width:340px}
.course-open{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:25px;border:0;border-radius:inherit;color:var(--lime);background:transparent;text-align:left;font-size:.9375rem;font-weight:550;line-height:1.5;cursor:pointer}
.course-open>span:first-child{padding-bottom:7px}
.course-turn-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid #b5d55770;border-radius:50%;font-size:1.45rem;line-height:1;font-weight:400;transition:transform .3s,background .3s}
.course-open:hover .course-turn-icon{transform:rotate(40deg);background:#dcfa6b12}
.course-open:focus-visible{outline:3px solid var(--lime);outline-offset:-6px}
.course-flip .course-back{transform:rotateY(180deg);background:radial-gradient(ellipse at 0 100%,#dcfa6b10,transparent 70%),#1b2016}
.course-flip.pro .course-back{border-color:#aec94e}
.course-back-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.course-back-eyebrow{display:block;font-size:.75rem;line-height:1.5;letter-spacing:.09em;color:#a6b198}
.course-flip .course-back h3{font-size:1.7rem;line-height:1.2;letter-spacing:-.035em;margin-top:6px;color:var(--text)}
.course-back-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.course-back-tags>span{max-width:100%;padding:3px 9px;border:1px solid #b5cf6830;border-radius:999px;background:#0e120b;color:#dcebba;font-size:.875rem;line-height:1.4;overflow-wrap:anywhere}
.course-flip .course-back-description{font-size:1rem;line-height:1.5;color:#e1e6d8;min-height:0;margin:12px 0 0;overflow-wrap:break-word}
.course-close{display:inline-flex;gap:6px;align-items:center;justify-content:center;min-height:44px;padding:6px 0 6px 10px;border:0;background:transparent;color:#ced7c0;font-size:.875rem;line-height:1.4}
.course-close>span{font-size:1.3rem}.course-close:hover{color:var(--lime)}
.course-flip .course-features{border-color:#c2d6a326;padding-top:14px;gap:8px;margin:16px 0 20px}
.course-flip .course-features li{font-size:1rem;line-height:1.45;color:#e1e6d8;gap:10px}
.course-flip .course-features li::before{color:var(--lime)}
.course-back>.button{margin-top:auto;width:100%;min-height:49px;padding:12px 16px;border:1px solid #adbd8f;background:var(--lime);color:var(--ink);font-size:.9375rem}
.course-back>.button:hover{background:#e8ff9a}
.courses .course-flip button:focus-visible{outline-color:var(--lime)}
.courses .course-open:focus-visible{outline-offset:-6px}
@media(max-width:1000px){.course-flip .course-face{padding:20px}.course-flip .course-front{padding-bottom:82px}.course-open{padding:20px}.course-flip .card-top{margin-bottom:25px}.course-back-top{gap:7px}.course-flip .course-back h3{font-size:1.4rem}.course-close{padding-left:0}.course-flip .course-front>p{font-size:1rem}}
@media(max-width:760px){.course-grid,.course-grid.two{grid-template-columns:1fr;gap:22px}.course-flip .course-face{padding:24px}.course-flip .course-front{min-height:325px;padding-bottom:80px}.course-flip .course-front h3{font-size:3.2rem}.course-flip .course-front>p{max-width:440px}.course-open{padding:24px}.course-flip .card-top{margin-bottom:26px}.course-flip .course-back h3{font-size:1.7rem}.course-flip .course-features{margin-top:20px;margin-bottom:22px}.course-back-top{flex-wrap:nowrap}}
@media(prefers-reduced-motion:reduce){.course-flip-inner{transition:none}.course-flip::before,.course-turn-icon{transition:none}.course-open:hover .course-turn-icon{transform:none}}