.opto-topic-glyph[data-v-37afa693]{display:block;width:100%;height:100%}.opto-topic-glyph path[data-v-37afa693]{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.opto-course-card[data-v-40701b7d]{display:flex;flex-direction:column;width:100%;min-width:0;margin:0;padding:0;font:inherit;text-align:left;text-decoration:none;cursor:pointer;background:var(--surface-card);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-base) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}.opto-course-card[data-v-40701b7d]:hover{border-color:var(--border-default);box-shadow:var(--shadow-md)}.opto-course-card[data-v-40701b7d]:active{transform:translateY(1px)}.opto-course-card[data-v-40701b7d]:focus-visible{outline:var(--focus-ring-width) solid var(--text-primary);outline-offset:var(--focus-ring-offset)}.opto-course-card__cover[data-v-40701b7d]{position:relative;aspect-ratio:16/10;width:100%;background:var(--surface-sunken);overflow:hidden}.opto-course-card__img[data-v-40701b7d]{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.opto-course-card__glyph[data-v-40701b7d]{position:absolute;right:var(--space-4);top:50%;bottom:auto;height:62%;width:auto;aspect-ratio:1;transform:translateY(-50%);color:var(--text-muted);opacity:.55;transition:transform var(--motion-slow) var(--ease-emphasized)}.opto-course-card:hover .opto-course-card__glyph[data-v-40701b7d]{transform:translateY(calc(-50% - 4px)) rotate(-6deg)}.opto-course-card__cover[data-v-40701b7d]:not([data-photo]){background-image:radial-gradient(var(--border-default) 1px,transparent 1.3px);background-size:12px 12px}.opto-course-card__cert[data-v-40701b7d]{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary)}.opto-course-card__price[data-v-40701b7d]{display:inline-flex;align-items:center;gap:var(--space-2);min-width:0}.opto-course-card__idr[data-v-40701b7d]{font-size:var(--font-size-sm);color:var(--text-muted)}.opto-course-card__top[data-v-40701b7d]{position:absolute;top:var(--space-3);left:var(--space-3);right:var(--space-3);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2)}.opto-course-card__category[data-v-40701b7d]{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-mono);text-transform:uppercase;color:var(--text-secondary)}.opto-course-card__level[data-v-40701b7d]{position:absolute;left:var(--space-3);bottom:var(--space-3);display:inline-flex;align-items:center;gap:6px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.opto-course-card__cover[data-photo] .opto-course-card__category[data-v-40701b7d],.opto-course-card__cover[data-photo] .opto-course-card__cert[data-v-40701b7d],.opto-course-card__cover[data-photo] .opto-course-card__level[data-v-40701b7d]{background:var(--surface-card);padding:2px var(--space-2);border-radius:var(--radius-pill)}.opto-course-card__meter[data-v-40701b7d]{display:inline-flex;align-items:flex-end;gap:2px;height:12px}.opto-course-card__bar[data-v-40701b7d]{width:3px;border-radius:1px;background:var(--border-default)}.opto-course-card__bar[data-v-40701b7d]:first-child{height:5px}.opto-course-card__bar[data-v-40701b7d]:nth-child(2){height:8px}.opto-course-card__bar[data-v-40701b7d]:nth-child(3){height:12px}.opto-course-card__bar[data-on=true][data-v-40701b7d]{background:var(--text-primary)}.opto-course-card__body[data-v-40701b7d]{display:flex;flex-direction:column;gap:var(--space-2);flex:1;min-width:0;padding:var(--space-4)}.opto-course-card__title[data-v-40701b7d]{margin:0;font-size:var(--font-size-lg);line-height:var(--line-height-snug);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-snug);min-height:2.7em;color:var(--text-primary);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.opto-course-card__creator[data-v-40701b7d]{display:flex;align-items:center;gap:var(--space-1);min-width:0;font-size:var(--font-size-base);color:var(--text-secondary)}.opto-course-card__creator-name[data-v-40701b7d]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opto-course-card__meta[data-v-40701b7d]{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-3);font-size:var(--font-size-sm);color:var(--text-muted)}.opto-course-card__meta-item[data-v-40701b7d],.opto-course-card__rating[data-v-40701b7d]{display:inline-flex;align-items:center;gap:var(--space-1)}.opto-course-card__rating svg[data-v-40701b7d]{fill:currentColor;color:var(--text-primary)}.opto-course-card__rating strong[data-v-40701b7d]{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.opto-course-card__new[data-v-40701b7d]{display:inline-flex;align-items:center;height:18px;padding:0 6px;border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary)}.opto-course-card__footer[data-v-40701b7d]{margin-top:auto;padding-top:var(--space-3);border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.opto-course-card__go[data-v-40701b7d]{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-pill);border:1px solid var(--border-default);color:var(--text-primary);transition:background var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard)}.opto-course-card:hover .opto-course-card__go[data-v-40701b7d]{background:var(--action-primary-bg);color:var(--action-primary-text);border-color:var(--action-primary-bg)}.opto-course-card__owned[data-v-40701b7d]{display:flex;flex-direction:column;gap:6px;width:100%}.opto-course-card__track[data-v-40701b7d]{height:6px;border-radius:var(--radius-pill);background:var(--border-subtle);overflow:hidden}.opto-course-card__fill[data-v-40701b7d]{height:100%;border-radius:inherit;background:var(--action-primary-bg)}.opto-course-card__owned-row[data-v-40701b7d]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);font-size:var(--font-size-sm)}.opto-course-card__owned-note[data-v-40701b7d]{color:var(--text-muted)}.opto-course-card__owned-done[data-v-40701b7d]{color:var(--text-secondary)}.opto-course-card__owned-action[data-v-40701b7d],.opto-course-card__owned-done[data-v-40701b7d]{display:inline-flex;align-items:center;gap:var(--space-1);font-weight:var(--font-weight-semibold)}.opto-course-card__owned-action[data-v-40701b7d]{color:var(--text-primary)}.opto-course-card[data-variant=compact][data-v-40701b7d]{flex-direction:row;align-items:stretch;gap:var(--space-4);padding:var(--space-3)}.opto-course-card__thumb[data-v-40701b7d]{position:relative;flex:none;width:96px;height:96px;border-radius:var(--radius-md);background:var(--surface-sunken);overflow:hidden;align-self:flex-start}.opto-course-card[data-variant=compact] .opto-course-card__glyph[data-v-40701b7d]{right:-12px;top:auto;bottom:-12px;width:88px;height:88px;aspect-ratio:auto;transform:none;color:var(--border-default);opacity:1}.opto-course-card[data-variant=compact]:hover .opto-course-card__glyph[data-v-40701b7d]{transform:translate(-6px,-6px) rotate(-6deg)}.opto-course-card__thumb-category[data-v-40701b7d]{position:absolute;top:var(--space-2);left:var(--space-2);font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-mono);text-transform:uppercase;color:var(--text-secondary)}.opto-course-card[data-variant=compact] .opto-course-card__body[data-v-40701b7d]{flex:1;min-width:0;padding:0;gap:var(--space-1)}.opto-course-card[data-variant=compact] .opto-course-card__title[data-v-40701b7d]{font-size:var(--font-size-md);min-height:0}.opto-course-card[data-variant=compact] .opto-course-card__creator[data-v-40701b7d]{font-size:var(--font-size-sm)}.opto-course-card__bottom[data-v-40701b7d]{margin-top:auto;padding-top:var(--space-2)}@media(prefers-reduced-motion:reduce){.opto-course-card[data-v-40701b7d],.opto-course-card__glyph[data-v-40701b7d],.opto-course-card__go[data-v-40701b7d]{transition:none}.opto-course-card:hover .opto-course-card__glyph[data-v-40701b7d]{transform:translateY(-50%)}.opto-course-card[data-v-40701b7d]:active,.opto-course-card[data-variant=compact]:hover .opto-course-card__glyph[data-v-40701b7d]{transform:none}}