.crs-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));gap: 18px}.crs-card{display: grid;grid-template-rows: auto 1fr;border-radius: 22px;overflow: hidden;background: var(--surface);border: 1px solid var(--line);color: var(--text);text-decoration: none;box-shadow: var(--shadow-sm, 0 4px 14px -8px rgba(0,0,0,.15));transition: transform .25s, box-shadow .25s, border-color .25s}.crs-card:hover{transform: translateY(-3px);border-color: var(--brand);box-shadow: var(--shadow)}.crs-cover{position: relative;aspect-ratio: 16 / 7;display: grid;place-items: center;background: var(--grad-night);overflow: hidden}.crs-cover img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;opacity: .45}.crs-cover > i{position: relative;width: 64px;height: 64px;border-radius: 20px;display: grid;place-items: center;font-size: 28px;background: linear-gradient(135deg, #f8d77a, #e2a516);color: #0b1533;box-shadow: 0 14px 30px -10px rgba(226, 165, 22, .8)}.crs-body{display: grid;gap: 8px;align-content: start;padding: 16px}.crs-tags{display: flex;gap: 6px;flex-wrap: wrap}.crs-body > b{font-size: 17px;line-height: 1.6}.crs-body > small{color: var(--ink-3);line-height: 1.7}.crs-kinds{display: flex;flex-wrap: wrap;gap: 4px 12px;font-size: 12.5px;color: var(--ink-2)}.crs-kinds i{color: var(--brand)}.crs-prog{display: flex;align-items: center;gap: 8px;margin-top: 4px}.crs-prog i{flex: 1;height: 6px;border-radius: 99px;background: var(--line);overflow: hidden}.crs-prog i b{display: block;height: 100%;width: 0;background: var(--success)}.crs-prog small{font-size: 12.5px;color: var(--ink-3);white-space: nowrap}.crs-hero{background: var(--grad-night);color: #fff;padding: clamp(96px, 12vw, 124px) 0 28px}.crs-hero-in{display: flex;gap: 18px;align-items: flex-start;margin-top: 12px}.crs-hero-ic{flex-shrink: 0;width: 72px;height: 72px;border-radius: 22px;display: grid;place-items: center;font-size: 30px;background: linear-gradient(135deg, #f8d77a, #e2a516);color: #0b1533}.crs-hero .kicker{color: var(--gold-300)}.crs-hero h1{color: #fff;font-size: clamp(24px, 3.6vw, 36px);margin: 4px 0 6px}.crs-hero p{color: #c7d2e5;max-width: 680px;margin: 0;line-height: 1.8}.crs-hprog{display: flex;align-items: center;gap: 12px;margin-top: 14px;max-width: 520px;font-size: 14px;color: #c7d2e5}.crs-hprog b{color: var(--gold-300)}.crs-hprog i{flex: 1;height: 8px;border-radius: 99px;background: rgba(255, 255, 255, .14);overflow: hidden}.crs-hprog i b{display: block;height: 100%;width: 0;background: #10b981;transition: width .5s}.crs-layout{display: grid;grid-template-columns: 300px minmax(0, 1fr);gap: 20px;align-items: start}.crs-steps{position: sticky;top: 90px;background: var(--surface);border: 1px solid var(--line);border-radius: 20px;padding: 8px}.crs-steps ol{list-style: none;margin: 0;padding: 0;display: grid;gap: 4px}.crs-steps button{display: flex;gap: 10px;align-items: center;width: 100%;padding: 10px;border: 0;border-radius: 14px;background: transparent;color: var(--text);font: inherit;text-align: start;cursor: pointer;transition: background .15s}.crs-steps button:hover{background: var(--surface-2, rgba(0,0,0,.04))}.crs-steps button.on{background: var(--brand-tint);box-shadow: inset 3px 0 0 var(--brand)}.crs-steps button.done .cs-n{background: var(--success);color: #fff}.crs-steps button.on .cs-n{background: var(--brand);color: #fff}.crs-step{padding: clamp(16px, 3vw, 26px);border-radius: 22px;background: var(--surface);border: 1px solid var(--line);scroll-margin-top: 90px;min-height: 200px}.crs-kind{font-size: 12.5px;font-weight: 700;color: var(--brand)}.crs-step h2{font-size: clamp(19px, 2.4vw, 24px);margin: 4px 0 14px;line-height: 1.6}.crs-media{position: relative;aspect-ratio: 16 / 9;border-radius: 16px;overflow: hidden;background: #000}.crs-media iframe, .crs-media video{position: absolute;inset: 0;width: 100%;height: 100%;border: 0}.crs-file{display: flex;gap: 14px;align-items: center;flex-wrap: wrap;padding: 16px;border-radius: 16px;background: var(--brand-tint)}.crs-file > i{font-size: 30px;color: var(--brand)}.crs-file > div:first-of-type{flex: 1;display: grid;gap: 2px;min-width: 200px}.crs-file small{color: var(--ink-2)}.crs-file-btns{display: flex;gap: 8px;flex-wrap: wrap}.crs-note{margin-top: 14px;padding: 14px 16px;border-radius: 14px;background: var(--surface-2, #f6f8fb);line-height: 1.9}.crs-note.task{border: 1.5px dashed var(--brand);background: var(--brand-tint)}.crs-note p{margin: 4px 0 0}.crs-quiz{display: grid;gap: 12px}.crs-quiz fieldset{margin: 0;padding: 12px 14px;border-radius: 14px;border: 1px solid var(--line)}.crs-quiz legend{padding: 0 4px;line-height: 1.8}.crs-quiz label{display: flex;gap: 8px;align-items: center;padding: 7px 8px;border-radius: 10px;cursor: pointer}.crs-quiz label:hover{background: var(--surface-2, #f6f8fb)}.crs-quiz fieldset.ok{border-color: var(--success);background: var(--success-tint)}.crs-quiz fieldset.no{border-color: var(--danger);background: var(--danger-tint)}.crs-x{margin: 6px 4px 0;font-size: 13.5px;color: var(--ink-2)}.crs-score{margin: 0;padding: 10px 12px;border-radius: 12px;font-weight: 700}.crs-score.ok{background: var(--success-tint);color: var(--success)}.crs-score.no{background: var(--danger-tint);color: var(--danger)}.crs-nav{display: flex;gap: 8px;justify-content: space-between;flex-wrap: wrap;margin-top: 14px}.crs-finish{margin-top: 20px;padding: 24px;border-radius: 22px;text-align: center;background: linear-gradient(135deg, rgba(248, 215, 122, .2), rgba(226, 165, 22, .12));border: 1.5px solid #e2a516;display: grid;gap: 8px;justify-items: center}.crs-trophy{font-size: 48px}.crs-finish h2{margin: 0}.crs-finish form{display: flex;gap: 8px;flex-wrap: wrap;justify-content: center}.crs-finish input{padding: 10px 14px;border-radius: 12px;border: 1px solid var(--line);background: var(--surface);color: var(--text);font: inherit;min-width: 240px}@media (max-width: 860px){.crs-layout{grid-template-columns: 1fr}.crs-steps{position: static}.crs-steps ol{grid-auto-flow: column;grid-auto-columns: minmax(200px, 1fr);overflow-x: auto}.crs-hero-in{flex-direction: column}}