.course-module-scss-module__MRjWhq__page{background:var(--background);flex-direction:column;max-width:960px;min-height:100dvh;margin:0 auto;padding:0 20px 32px;display:flex}@media (max-width:520px){.course-module-scss-module__MRjWhq__page{padding:0 12px 32px}}.course-module-scss-module__MRjWhq__adminActionRow{justify-content:flex-end;margin-bottom:10px;display:flex}.course-module-scss-module__MRjWhq__header{background:var(--foreground);border-bottom:2px solid var(--button-secondary-border);flex-shrink:0;align-items:center;gap:12px;padding:14px 16px;display:flex}.course-module-scss-module__MRjWhq__backButton{border:2px solid var(--button-secondary-border);background:var(--background);cursor:pointer;width:36px;height:36px;color:var(--text-primary);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:inline-flex}.course-module-scss-module__MRjWhq__backButton:hover{background:var(--button-secondary-hover)}.course-module-scss-module__MRjWhq__headerTitle{color:var(--text-primary);font-size:1rem;font-weight:900}.course-module-scss-module__MRjWhq__topProgress{padding:0 16px 10px}.course-module-scss-module__MRjWhq__topProgressCard{background:color-mix(in srgb, var(--white) 72%, transparent);border:2px solid var(--button-secondary-border);border-radius:999px;align-items:center;gap:8px;padding:6px;display:flex}.course-module-scss-module__MRjWhq__topProgressCounter{text-align:center;min-width:44px;color:var(--text-secondary);letter-spacing:.03em;font-size:.7rem;font-weight:900}.course-module-scss-module__MRjWhq__topProgressBar{background:var(--primary-100);height:12px;box-shadow:inset 0 1px 2px color-mix(in srgb, var(--dark) 16%, transparent);border-radius:999px;flex:1;position:relative;overflow:hidden}.course-module-scss-module__MRjWhq__topProgressFill{background:linear-gradient(180deg, var(--primary-light) 0%, var(--primary-text) 100%);min-width:6px;height:100%;box-shadow:inset 0 -2px 0 color-mix(in srgb, var(--primary-900) 40%, transparent),0 1px 2px color-mix(in srgb, var(--primary-text) 35%, transparent),0 0 12px color-mix(in srgb, var(--primary-light) 30%, transparent);border-radius:999px;transition:width .35s;animation:2.4s ease-in-out infinite course-module-scss-module__MRjWhq__jellyPulse}.course-module-scss-module__MRjWhq__topProgressFill:after{content:"";background:linear-gradient(180deg, color-mix(in srgb, var(--white) 65%, transparent), color-mix(in srgb, var(--white) 8%, transparent));border-radius:999px;height:60%;margin:1px 3px 0;display:block}.course-module-scss-module__MRjWhq__topProgressLabel{text-transform:uppercase;letter-spacing:.05em;color:var(--primary-900);white-space:nowrap;pointer-events:none;flex-shrink:0;font-size:.62rem;font-weight:900}@keyframes course-module-scss-module__MRjWhq__jellyPulse{0%,to{transform:translateY(0)}50%{transform:translateY(-.5px)}}.course-module-scss-module__MRjWhq__progressLabel{text-transform:uppercase;letter-spacing:.06em;color:var(--primary-text);font-size:.72rem;font-weight:900}.course-module-scss-module__MRjWhq__hero{text-align:left;align-items:center;gap:14px;width:100%;padding:24px 20px 20px;display:flex}.course-module-scss-module__MRjWhq__heroText{flex-direction:column;flex-grow:1;gap:8px;min-width:0;display:flex}.course-module-scss-module__MRjWhq__heroTitle{color:var(--text-primary);margin:0;font-size:clamp(1.6rem,5vw,2rem);font-weight:900}.course-module-scss-module__MRjWhq__heroSubtitle{color:var(--text-secondary);margin:0;font-size:1rem;font-weight:600;line-height:1.5}.course-module-scss-module__MRjWhq__heroProgress{flex-direction:column;gap:4px;width:100%;margin-top:6px;display:flex}.course-module-scss-module__MRjWhq__heroProgressLabels{justify-content:space-between;align-items:center;display:flex}.course-module-scss-module__MRjWhq__heroProgressLevel{text-transform:uppercase;letter-spacing:.06em;color:var(--primary);font-size:.72rem;font-weight:900}.course-module-scss-module__MRjWhq__heroProgressNext{color:var(--text-secondary);font-size:.68rem;font-weight:800}.course-module-scss-module__MRjWhq__heroProgressTrack{background:color-mix(in srgb, var(--primary-light) 12%, transparent);height:14px;box-shadow:inset 0 2px 4px color-mix(in srgb, var(--dark) 8%, transparent);border-radius:999px;overflow:hidden}.course-module-scss-module__MRjWhq__heroProgressFill{background:linear-gradient(90deg, var(--primary-light) 0%, var(--primary) 100%);width:0%;height:100%;box-shadow:0 0 14px color-mix(in srgb, var(--primary-light) 70%, transparent),inset 0 -2px 0 color-mix(in srgb, var(--primary-900) 40%, transparent);border-radius:999px;animation:1.1s cubic-bezier(.34,1.56,.64,1) .2s forwards course-module-scss-module__MRjWhq__heroProgressFillIn}.course-module-scss-module__MRjWhq__heroProgressFill:after{content:"";background:linear-gradient(180deg, color-mix(in srgb, var(--white) 60%, transparent), color-mix(in srgb, var(--white) 5%, transparent));border-radius:999px;height:55%;margin:1px 3px 0;display:block}@keyframes course-module-scss-module__MRjWhq__heroProgressFillIn{0%{width:0%;box-shadow:none}60%{box-shadow:0 0 20px color-mix(in srgb, var(--primary-light) 90%, transparent),0 0 40px color-mix(in srgb, var(--primary-light) 40%, transparent),inset 0 -2px 0 color-mix(in srgb, var(--primary-900) 40%, transparent)}to{width:var(--pct);box-shadow:0 0 10px color-mix(in srgb, var(--primary-light) 50%, transparent),inset 0 -2px 0 color-mix(in srgb, var(--primary-900) 40%, transparent)}}@media (max-width:520px){.course-module-scss-module__MRjWhq__topProgress{padding:0 12px 10px}.course-module-scss-module__MRjWhq__hero{gap:10px;padding:18px 0}}.course-module-scss-module__MRjWhq__levels{flex-direction:column;gap:12px;display:flex}.course-module-scss-module__MRjWhq__accessPanel{border:2px solid var(--button-secondary-border);background:var(--foreground);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:14px;display:flex}.course-module-scss-module__MRjWhq__accessPanelText{flex-direction:column;gap:4px;min-width:0;display:flex}@media (max-width:768px){.course-module-scss-module__MRjWhq__accessPanelText{text-align:center}}.course-module-scss-module__MRjWhq__accessPanelText strong{color:var(--text-primary);font-size:1.2rem;font-weight:900}.course-module-scss-module__MRjWhq__accessPanelText p{color:var(--text-secondary);margin:0;font-size:1rem;line-height:1.35}.course-module-scss-module__MRjWhq__levelCard{background:var(--white);border:1px solid var(--button-secondary-border);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:16px;align-items:stretch;gap:14px;padding:16px 0 16px 16px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.course-module-scss-module__MRjWhq__levelCard:hover:not(.course-module-scss-module__MRjWhq__locked){border-color:color-mix(in srgb, var(--primary-light) 26%, transparent);box-shadow:0 12px 32px color-mix(in srgb, var(--primary-900) 16%, transparent)}.course-module-scss-module__MRjWhq__levelCard.course-module-scss-module__MRjWhq__locked{cursor:pointer;border-color:color-mix(in srgb, var(--primary-light) 12%, transparent);background:color-mix(in srgb, var(--primary-text) 82%, var(--dark))}.course-module-scss-module__MRjWhq__cardArrowRail{z-index:1;flex:0 0 52px;justify-content:center;align-items:center;width:52px;margin-left:auto;display:flex;position:relative}.course-module-scss-module__MRjWhq__cardArrowIcon{color:var(--primary-text)}.course-module-scss-module__MRjWhq__levelMedia{z-index:0;border-radius:16px;max-width:120px;height:auto;position:relative;inset:0;overflow:hidden}@media (max-width:768px){.course-module-scss-module__MRjWhq__levelMedia{max-width:80px;max-height:80px}}.course-module-scss-module__MRjWhq__levelCoverImage{object-fit:cover;object-position:right center;width:100%;height:100%;display:block}.course-module-scss-module__MRjWhq__levelInfo{z-index:1;flex-direction:column;flex:1;gap:4px;min-width:0;display:flex;position:relative}.course-module-scss-module__MRjWhq__levelMeta{justify-content:space-between;align-items:center;gap:8px;display:flex}.course-module-scss-module__MRjWhq__levelBadgeLocked{background:var(--danger-surface);border:1px solid var(--danger-border);color:var(--danger-text);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;justify-content:center;align-items:center;padding:2px 8px;font-size:.66rem;font-weight:900;display:inline-flex}@media (max-width:768px){.course-module-scss-module__MRjWhq__accessPanel{flex-direction:column;align-items:stretch}}.course-module-scss-module__MRjWhq__levelOrder{text-transform:uppercase;letter-spacing:.06em;color:color-mix(in srgb, var(--primary-text) 70%, transparent);font-size:.72rem;font-weight:800}.course-module-scss-module__MRjWhq__levelBadge{color:var(--accept-dark);background:var(--success-surface);border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:900}.course-module-scss-module__MRjWhq__levelTitle{color:var(--primary-text);margin:0;font-size:1.2rem;font-weight:800}.course-module-scss-module__MRjWhq__levelDesc{color:var(--gray-700);max-width:34rem;margin:0;font-size:1rem;font-weight:600;line-height:1.4}.course-module-scss-module__MRjWhq__progressRow{background:color-mix(in srgb, var(--white) 70%, transparent);border-radius:999px;align-items:center;gap:8px;width:fit-content;margin-top:6px;padding:4px 8px;display:flex}.course-module-scss-module__MRjWhq__progressDots{flex-wrap:wrap;flex:1;align-items:center;gap:6px;display:flex}.course-module-scss-module__MRjWhq__progressDot,.course-module-scss-module__MRjWhq__progressDotDone,.course-module-scss-module__MRjWhq__progressDotReview{border-radius:999px;width:9px;height:9px;display:inline-block}.course-module-scss-module__MRjWhq__progressDot{background:var(--gray-100)}.course-module-scss-module__MRjWhq__progressDotDone{background:var(--accept)}.course-module-scss-module__MRjWhq__progressDotReview{background:var(--warning)}.course-module-scss-module__MRjWhq__lockHint{color:var(--text-secondary);margin:4px 0 0;font-size:.76rem;font-weight:600}
