.notify-me-button{color:#1f6f46;cursor:pointer;background:#fff;border:1px solid #28965642;border-radius:8px;justify-content:center;align-items:center;gap:.45rem;min-height:2.5rem;padding:0 .9rem;font-size:.9rem;font-weight:700;line-height:1;transition:background .16s,border-color .16s,color .16s;display:inline-flex}.notify-me-button:hover:not(:disabled){background:#28965614;border-color:#2896566b}.notify-me-button:disabled{cursor:default;opacity:.88}.notify-me-button--success,.notify-me-button--subscribed{color:#1f6f46;background:#2896561a}.notify-me-button--error{color:#a9235d;border-color:#cf347659}.notify-me-button__spinner{animation:.8s linear infinite notify-me-spin}@keyframes notify-me-spin{to{transform:rotate(360deg)}}
.course-card{background:var(--page-section-surface-bg);font-family:var(--font-sans-stack);border-radius:var(--radius-lg);border:1.5px solid color-mix(in srgb, var(--calico-orange) 16%, transparent);padding:var(--space-4);cursor:pointer;transition:border-color var(--duration-normal) var(--ease-standard), box-shadow var(--duration-normal) var(--ease-standard), transform var(--duration-normal) var(--ease-standard);flex-direction:column;justify-content:space-between;gap:1.25rem;min-height:160px;display:flex}.course-card:hover{border-color:var(--calico-orange-strong);box-shadow:var(--elev-2);transform:translateY(-2px)}.course-card--unavailable{background:color-mix(in srgb, var(--calico-slate-50) 42%, var(--page-section-surface-bg));border-color:color-mix(in srgb, var(--calico-orange) 9%, var(--calico-slate-200))}.course-card--unavailable:hover{border-color:color-mix(in srgb, var(--calico-orange) 18%, var(--calico-slate-300));box-shadow:var(--elev-1)}.course-card-body{flex:1}.course-card-icon{width:2.5rem;height:2.5rem;margin-bottom:var(--space-2);border-radius:var(--radius-md);color:var(--calico-orange-text);background:color-mix(in srgb, var(--calico-orange) 13%, var(--page-section-surface-bg));justify-content:center;align-items:center;display:inline-flex}.course-card--unavailable .course-card-icon{color:color-mix(in srgb, var(--calico-orange-text) 45%, var(--calico-body-muted));background:color-mix(in srgb, var(--calico-orange) 7%, var(--calico-slate-100))}.course-card-name{font-size:var(--type-body-lg);font-weight:var(--font-weight-bold);color:var(--calico-ink);margin:0 0 var(--space-1) 0;line-height:var(--leading-snug)}.course-card-desc{color:var(--calico-body-muted);font-size:var(--type-caption);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.55;display:-webkit-box;overflow:hidden}.course-card-unavailable-note{width:fit-content;max-width:100%;margin:var(--space-2) 0 0;color:var(--calico-body-muted);font-size:var(--type-caption);font-weight:var(--font-weight-semibold);line-height:var(--leading-snug);display:inline-flex}.course-card-btn{background:var(--calico-orange-gradient);color:#fff;padding:.625rem var(--space-3);border-radius:var(--radius-sm);font-weight:var(--font-weight-semibold);font-size:var(--type-label);cursor:pointer;transition:box-shadow var(--duration-normal) var(--ease-standard);text-align:center;border:none;width:100%}.course-card--unavailable .course-card-btn{background:color-mix(in srgb, var(--calico-orange) 7%, var(--page-section-surface-bg));color:color-mix(in srgb, var(--calico-orange-text) 55%, var(--calico-body-muted));border:1px solid color-mix(in srgb, var(--calico-orange) 16%, var(--calico-slate-200))}.course-card-btn:hover{box-shadow:var(--elev-2)}.course-card--unavailable .course-card-btn:hover{box-shadow:var(--elev-1)}