/* Scoped homepage refinement: shared product pages are unaffected. */
.course-card{--card-glow:34,211,238;transition:transform 250ms ease,box-shadow 250ms ease,border-color 250ms ease}
.cc-green{--card-glow:34,197,94}.cc-blue{--card-glow:59,130,246}.cc-yellow{--card-glow:234,179,8}.cc-orange{--card-glow:249,115,22}.cc-pink{--card-glow:236,72,153}
.career-pill{display:inline-flex;align-items:center;align-self:flex-start;gap:5px;max-width:100%;box-sizing:border-box;padding:4px 8px;margin:3px 0 5px;border:1px solid #67d7e82b;border-radius:999px;background:linear-gradient(120deg,#75dcee0c,#375e8219);backdrop-filter:blur(10px);color:#a0d6e0;font-size:clamp(12px,.8vw,13px);font-weight:600;line-height:1.3;overflow-wrap:anywhere;text-shadow:0 0 12px #22d3ee20;box-shadow:inset 0 1px 0 #ffffff08}
#bundle .cc-icon{width:clamp(2.052rem,2.052rem + .57vw,2.949744rem);height:clamp(2.052rem,2.052rem + .57vw,2.949744rem);max-width:none;max-height:none;font-size:clamp(1.05rem,1.08rem + .3vw,1.575rem)}
.cc-title{min-height:2.44em;display:flex;align-items:flex-start}.cc-top,.cc-price{flex-shrink:0}.cc-btn{transition:box-shadow 250ms,filter 250ms,transform 250ms}.cards-row,.section{overflow:visible}
.fb-credibility{top:0;left:50%;translate:-50% -20%;color:#a5eaf0;border-color:#22d3ee45;box-shadow:0 0 22px #22d3ee18;background:#081b2bd9;animation-delay:-1s}
.course-card:focus-within{border-color:rgba(var(--card-glow),.9);box-shadow:0 8px 26px rgba(var(--card-glow),.2)}
.cc-btn:focus-visible{outline:2px solid #b6efff;outline-offset:3px}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 #bundle .course-card:hover{transform:translateY(-6px);border-color:rgba(var(--card-glow),.95);box-shadow:0 16px 32px rgba(var(--card-glow),.23),inset 0 1px 0 #ffffff18}
 .course-card:hover .cc-btn{box-shadow:0 5px 20px rgba(var(--card-glow),.4)}
 #roles .course-card{cursor:pointer;transform-style:preserve-3d}
 #roles .course-card:hover{transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));border-color:rgba(var(--card-glow),.9);box-shadow:0 12px 28px rgba(var(--card-glow),.2),inset 0 -2px 0 rgba(var(--card-glow),.7)}
 .hero-img-wrap:hover .hero-bundle-img{filter:drop-shadow(0 12px 28px #22d3ee30)}
}
@media(prefers-reduced-motion:no-preference){.glow-core{animation:storefront-breathe 6s ease-in-out infinite}.off-badge{animation:storefront-bounce 5s ease-in-out infinite}}
@keyframes storefront-breathe{0%,100%{opacity:.6}50%{opacity:1}}@keyframes storefront-bounce{0%,82%,100%{translate:0 0}88%{translate:0 -3px}94%{translate:0 0}}
/* Preserve the compact composition where it fits; let small viewports reflow. */
@media(min-width:48rem) and (max-height:850px),(min-width:48rem) and (max-width:1199px){
 html,body,.page{height:auto;min-height:100svh;overflow:visible}.main{overflow:visible}.hero{flex:auto;min-height:18rem}.section{flex:auto;min-height:auto}.cards-row{grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));grid-auto-rows:1fr}.course-card{min-height:min-content;overflow:visible}
}
@media(max-width:42rem){.fb-credibility{position:relative;top:auto;left:auto;translate:none;grid-column:1/-1}.career-pill{font-size:12px}}
@media(prefers-reduced-motion:reduce){.course-card,.cc-btn{transition:none!important}.hero-bundle-img,.floating-badge,.glow-core,.off-badge{animation:none!important}.course-card:hover{transform:none!important}}
@media(min-width:1200px){.cc-title{min-height:1.22em}}