.courses-hub{width:min(1120px,calc(100% - 40px))}
.courses-hub .page-heading{align-items:center}
.course-lottery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.course-lottery-card{position:relative;display:flex;min-width:0;min-height:285px;flex-direction:column;overflow:hidden;padding:24px;border:1px solid #d9e1e8;border-radius:18px;background:linear-gradient(145deg,#fff 45%,color-mix(in srgb,var(--course-color) 8%,#fff));box-shadow:0 14px 36px rgba(27,48,67,.07);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.course-lottery-card:after{content:"";position:absolute;right:-46px;bottom:-58px;width:150px;height:150px;border-radius:50%;background:color-mix(in srgb,var(--course-color) 12%,transparent)}
.course-lottery-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--course-color) 42%,#cbd5df);box-shadow:0 20px 45px rgba(27,48,67,.12)}
.course-play{position:relative;z-index:1;display:grid;place-items:center;width:50px;height:50px;margin-bottom:24px;border-radius:15px;background:color-mix(in srgb,var(--course-color) 13%,#fff);color:color-mix(in srgb,var(--course-color) 80%,#123047);font-size:18px}
.course-card-copy{position:relative;z-index:1}
.course-label{color:color-mix(in srgb,var(--course-color) 75%,#29465c);font-size:10px;font-weight:800;letter-spacing:.16em}
.course-card-copy h2{margin:7px 0 9px;color:#102b3f;font-size:22px}
.course-card-copy p{margin:0;color:#647487;font-size:12px;line-height:1.6}
.course-card-footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:22px;color:#69798a;font-size:10px}
.course-card-footer strong{color:color-mix(in srgb,var(--course-color) 80%,#183c54);font-size:12px;white-space:nowrap}
.courses-empty{grid-column:1/-1;text-align:center}
.courses-empty h2{margin-top:0}
.courses-empty p{margin-bottom:0;color:var(--muted)}
@media(max-width:900px){.course-lottery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.courses-hub{width:calc(100% - 24px);margin-top:28px}.courses-hub .page-heading{align-items:flex-start}.courses-hub .page-heading h1{font-size:30px}}
@media(max-width:560px){.course-lottery-grid{grid-template-columns:1fr}.course-lottery-card{min-height:250px}.course-card-footer{align-items:flex-start;flex-direction:column}}