.motink-courses{--motink-courses-text: #121212;--motink-courses-muted: rgba(18, 18, 18, .58);--motink-courses-card-bg: #ffffff;--motink-courses-border: rgba(18, 18, 18, .08);--motink-courses-thumb: #e8e8e8;--motink-courses-tag-bg: rgba(18, 18, 18, .06);--motink-courses-tag-text: rgba(18, 18, 18, .58);--motink-courses-meta-rule: rgba(18, 18, 18, .12);--motink-courses-cta-bg: #121212;--motink-courses-cta-text: #ffffff;--motink-courses-cta-hover: #2a2a2a;background-color:var(--motink-surface-page);padding:clamp(4rem,9vw,6.5rem) 0;font-family:var(--font-family);font-weight:400;color:var(--motink-courses-text);transition:background-color var(--transition-base)}html[data-theme=dark] .motink-courses{--motink-courses-text: #ffffff;--motink-courses-muted: rgba(255, 255, 255, .58);--motink-courses-card-bg: var(--motink-black-soft, #191919);--motink-courses-border: rgba(255, 255, 255, .08);--motink-courses-thumb: #242424;--motink-courses-tag-bg: rgba(255, 255, 255, .08);--motink-courses-tag-text: rgba(255, 255, 255, .65);--motink-courses-meta-rule: rgba(255, 255, 255, .14);--motink-courses-cta-bg: #ffffff;--motink-courses-cta-text: #121212;--motink-courses-cta-hover: #f2f2f2;background-color:var(--motink-black-deep, #0d0d0d)}.motink-courses__inner{display:flex;flex-direction:column;gap:clamp(2.5rem,5vw,3.5rem)}.motink-courses__header{max-width:40rem}.motink-courses__title{font-family:var(--font-heading);font-size:38px;font-weight:400;line-height:1.12;letter-spacing:-.03em;color:var(--motink-courses-text);margin:0 0 1rem}.motink-courses__title-line{display:block}.motink-courses__title .word-mask{line-height:1.12}.motink-courses__lead{margin:0;font-size:16px;line-height:1.55;color:var(--motink-courses-muted);max-width:36rem}.motink-courses__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,1.25rem);align-items:stretch}.motink-course-card{display:flex;flex-direction:column;height:100%;background:var(--motink-courses-card-bg);border:1px solid var(--motink-courses-border);border-radius:var(--radius-lg);overflow:hidden}.motink-course-card__media-wrap{padding:.75rem .75rem 0}.motink-course-card__media{position:relative;aspect-ratio:16 / 10;overflow:hidden;border-radius:var(--radius-md);background:var(--motink-courses-thumb)}.motink-course-card__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.22,1,.36,1)}.motink-course-card--available .motink-course-card__image{filter:none;transform:none}.motink-course-card--available .motink-course-card__media:hover .motink-course-card__image,.motink-course-card--available .motink-course-card__media:focus-within .motink-course-card__image{transform:scale(1.03)}.motink-course-card--developing .motink-course-card__image{filter:blur(5px);transform:scale(1.08);transition:transform .55s cubic-bezier(.22,1,.36,1),filter .55s cubic-bezier(.22,1,.36,1);will-change:transform,filter}.motink-course-card--developing .motink-course-card__media:hover .motink-course-card__image,.motink-course-card--developing .motink-course-card__media:focus-within .motink-course-card__image{transform:scale(1.12);filter:blur(6px)}.motink-course-card__badge{position:absolute;left:50%;top:50%;z-index:1;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:.45rem;padding:.5rem 1rem;border-radius:var(--radius-full);background:#fff;color:#121212;font-size:.875rem;font-weight:400;line-height:1.3;white-space:nowrap;pointer-events:none}.motink-course-card__badge-icon{display:inline-flex;flex-shrink:0;width:1rem;height:1rem}.motink-course-card__badge-icon--spin{width:1.125rem;height:1.125rem;animation:motink-course-badge-spin 2.8s linear infinite}.motink-course-card__badge-icon :global(svg){width:100%;height:100%}@keyframes motink-course-badge-spin{to{transform:rotate(360deg)}}.motink-course-card__body{display:flex;flex-direction:column;flex:1 1 auto;gap:1rem;padding:1.1rem 1.2rem 1.35rem}.motink-course-card__tags{display:flex;flex-wrap:wrap;gap:.4rem}.motink-course-card__tag{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .65rem;border-radius:var(--radius-md);font-size:12px;font-weight:400;line-height:1.35;letter-spacing:.01em;background:var(--motink-courses-tag-bg);color:var(--motink-courses-tag-text);border:none}.motink-course-card__tag-icon{display:inline-flex;flex-shrink:0;width:.875rem;height:.875rem;opacity:.85}.motink-course-card__tag-icon :global(svg){width:100%;height:100%}.motink-course-card__title{font-family:var(--font-heading);font-size:20px;font-weight:400;line-height:1.4;letter-spacing:-.02em;color:var(--motink-courses-text);margin:0}.motink-course-card__description{margin:0;font-size:.9375rem;line-height:1.55;color:var(--motink-courses-muted)}.motink-course-card__meta{list-style:none;margin:0;padding:0 0 0 .85rem;display:flex;flex-direction:column;gap:.55rem;font-size:.875rem;line-height:1.45;color:var(--motink-courses-muted);border-left:1px solid var(--motink-courses-meta-rule)}.motink-course-card__meta-item{display:flex;align-items:flex-start;gap:.55rem}.motink-course-card__meta-icon{display:inline-flex;flex-shrink:0;width:1.125rem;height:1.125rem;margin-top:.1rem;color:var(--motink-courses-text)}.motink-course-card__meta-icon :global(svg){width:100%;height:100%}.motink-course-card__meta-text{flex:1 1 auto;min-width:0}.motink-course-card__meta-label{color:var(--motink-courses-muted)}.motink-course-card__cta{width:100%;margin-top:auto;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:400;border-radius:var(--radius-md)!important;background:var(--motink-courses-cta-bg)!important;color:var(--motink-courses-cta-text)!important;border:none!important}.motink-course-card__cta:hover{background:var(--motink-courses-cta-hover)!important;color:var(--motink-courses-cta-text)!important}@media (max-width: 1024px){.motink-courses__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.motink-courses{padding:clamp(3rem,10vw,4.5rem) 0}.motink-courses__title{font-size:clamp(1.75rem,7vw,2.25rem)}.motink-courses__lead{font-size:15px}.motink-courses__grid{grid-template-columns:1fr;max-width:24rem;width:100%}}@media (max-width: 480px){.motink-course-card__media-wrap{padding:.65rem .65rem 0}.motink-course-card__body{padding:1rem 1rem 1.2rem;gap:1rem}.motink-course-card__title{font-size:18px}.motink-course-card__description{font-size:.875rem}.motink-course-card__tag{font-size:11px;padding:.25rem .55rem}}
