.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)}
.modern-tutor-card{border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--elev-1);transition:all var(--duration-slow) var(--ease-standard);border:1px solid var(--calico-slate-100);background:#fff;margin-bottom:1.25rem}.modern-tutor-card:hover{box-shadow:var(--elev-2);transform:translateY(-2px)}.modern-tutor-card--selected{border-color:var(--calico-orange);box-shadow:0 0 0 2px #fdae1e2e, var(--elev-2)}.tutor-card-container{gap:var(--space-4);justify-content:space-between;align-items:center;display:flex}.tutor-avatar-wrapper{flex-shrink:0}.tutor-avatar{border-radius:var(--radius-lg);background:var(--calico-orange-gradient);justify-content:center;align-items:center;width:80px;height:80px;display:flex;overflow:hidden;box-shadow:0 4px 12px #fdae1e33}.avatar-image{object-fit:cover;width:100%;height:100%}.avatar-placeholder{background:var(--calico-orange-gradient);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.avatar-initials{color:#fff;font-size:1.8rem;font-weight:var(--font-weight-bold);text-transform:uppercase;-webkit-user-select:none;user-select:none}.tutor-content-wrapper{flex:1;min-width:0}.tutor-header-section{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.tutor-name{font-size:1.25rem;font-weight:var(--font-weight-bold);color:var(--calico-ink);line-height:var(--leading-snug);margin:0;padding:0}.tutor-rating-badge{flex-shrink:0;align-items:center;gap:.3rem;display:flex}.rating-value{font-size:var(--type-body-sm);font-weight:var(--font-weight-semibold);color:var(--calico-ink)}.rating-star{font-size:var(--type-body);color:var(--calico-orange-strong);margin-top:1px}.tutor-experience{font-size:var(--type-body-sm);color:var(--calico-body-muted);line-height:var(--leading-normal);margin:var(--space-2) 0;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tutor-actions{gap:var(--space-2);flex-wrap:wrap;flex-shrink:0;align-items:center;display:flex}@media (max-width:640px){.modern-tutor-card{padding:var(--space-3);margin-bottom:var(--space-3)}.tutor-card-container{gap:var(--space-3)}.tutor-avatar{width:70px;height:70px}.avatar-initials{font-size:1.5rem}.tutor-name{font-size:var(--type-body-lg)}.tutor-experience{font-size:var(--type-label)}}@media (max-width:768px){.tutor-card-container{flex-wrap:wrap;align-items:flex-start}.tutor-content-wrapper{flex:1 1 0;order:0;min-width:0}.tutor-actions{order:3;width:100%}.reserve-btn{width:100%}}@media (max-width:480px){.tutor-header-section{flex-direction:column;align-items:flex-start}.tutor-rating-badge{align-self:flex-start}.tutor-actions,.reserve-btn{width:100%}}