:root{--ss-blue: #2442e6;--ss-blue-bright: #2e5bff;--ss-blue-hover: #1a42d6;--ss-blue-light: #5b84ff;--ss-blue-pale: #7fa0ff;--ss-orange: #ff6a45;--ss-green: #7ce38b;--ss-amber: #ffc64b;--ss-canvas: #faf8f3;--ss-surface: #fff;--ss-ink: #17181d;--ss-ink-deep: #141519;--ss-ink-black: #0c0d10;--ss-text: var(--ss-ink);--ss-text-muted: rgba(23, 24, 29, .62);--ss-text-soft: rgba(23, 24, 29, .55);--ss-text-faint: rgba(23, 24, 29, .5);--ss-text-invert: #fff;--ss-text-invert-muted: rgba(255, 255, 255, .66);--ss-text-invert-soft: rgba(255, 255, 255, .5);--ss-border: rgba(23, 24, 29, .1);--ss-border-strong: rgba(23, 24, 29, .14);--ss-border-faint: rgba(23, 24, 29, .08);--ss-border-invert: rgba(255, 255, 255, .12);--ss-border-invert-strong: rgba(255, 255, 255, .24);--ss-blue-tint: rgba(46, 91, 255, .1);--ss-orange-tint: rgba(255, 106, 69, .1);--ss-font-display: "Bricolage Grotesque Variable", "Bricolage Grotesque", Georgia, serif;--ss-font-body: "Instrument Sans Variable", "Instrument Sans", system-ui, -apple-system, sans-serif;--ss-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ss-r-sm: 8px;--ss-r-md: 12px;--ss-r-lg: 16px;--ss-r-xl: 20px;--ss-r-2xl: 24px;--ss-r-3xl: 28px;--ss-r-pill: 999px;--ss-shadow-card: 0 20px 44px rgba(23, 24, 29, .13);--ss-shadow-lift: 0 24px 60px rgba(23, 24, 29, .08);--ss-shadow-deep: 0 30px 70px rgba(23, 24, 29, .16);--ss-shadow-blue: 0 12px 30px rgba(46, 91, 255, .42);--ss-shadow-blue-sm: 0 10px 26px rgba(46, 91, 255, .3);--ss-shadow-modal: 0 40px 100px rgba(0, 0, 0, .5);--ss-max: 1240px;--ss-max-narrow: 900px;--ss-max-prose: 860px;--ss-gutter: 24px;--ss-ease: cubic-bezier(.2, .8, .2, 1)}.ss-course-card{background:var(--ss-surface);border:1px solid var(--ss-border);border-radius:var(--ss-r-xl);overflow:hidden;transition:transform .2s var(--ss-ease),box-shadow .2s var(--ss-ease)}.ss-course-card:hover{transform:translateY(-4px);box-shadow:var(--ss-shadow-card)}.ss-course-card__link{display:block;color:inherit}.ss-course-card__link:hover{color:inherit}.ss-course-card__thumb{height:172px}.ss-course-card__badge{position:absolute;top:14px;inset-inline-start:14px;z-index:2;box-shadow:0 4px 12px #ff6a4566;padding:6px 10px;border-radius:7px}.ss-course-card__body{padding:22px 22px 24px}.ss-course-card__title{font-family:var(--ss-font-display);font-weight:700;font-size:20px;margin:0 0 8px}.ss-course-card__short{font-size:14.5px;line-height:1.55;color:#17181d99;margin:0 0 16px}.ss-course-row{background:var(--ss-surface);border:1px solid var(--ss-border);border-radius:var(--ss-r-xl);transition:transform .2s var(--ss-ease),box-shadow .2s var(--ss-ease)}.ss-course-row:hover{transform:translateY(-2px);box-shadow:0 20px 44px #17181d1f}.ss-course-row__link{padding:22px;display:grid;grid-template-columns:200px 1fr auto;gap:26px;align-items:center;color:inherit}.ss-course-row__link:hover{color:inherit}@media (max-width: 880px){.ss-course-row__link{grid-template-columns:1fr;gap:18px}}.ss-course-row__thumb{height:130px;border-radius:14px}@media (max-width: 880px){.ss-course-row__thumb{height:170px}}.ss-course-row__title{font-family:var(--ss-font-display);font-weight:700;font-size:24px;margin:0 0 8px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ss-course-row__long{font-size:15px;line-height:1.55;color:var(--ss-text-muted);margin:0 0 12px;max-width:640px}.ss-course-row__tags{display:flex;gap:10px;flex-wrap:wrap}.ss-course-row__arrow{width:52px;height:52px;border-radius:50%;background:var(--ss-ink);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;flex:none}@media (max-width: 880px){.ss-course-row__arrow{display:none}}