.ml-catalog{--ml-bg:#fff;--ml-soft:#f5f7fc;--ml-border:#e1e7f0;--ml-text:#172338;--ml-muted:#63738b;--ml-accent:#4f46e5;color:var(--ml-text)}
.dark .ml-catalog{--ml-bg:#151f31;--ml-soft:#1c2940;--ml-border:#30405a;--ml-text:#eef2ff;--ml-muted:#a0afc6;--ml-accent:#b1a9ff}
.ml-page{max-width:1160px;margin:0 auto;padding:36px 24px 72px}
.ml-breadcrumb{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--ml-muted);margin-bottom:28px}.ml-breadcrumb a:hover{color:var(--ml-accent)}
.ml-page-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.ml-page-header h1{font-size:clamp(30px,4vw,44px);line-height:1.2;letter-spacing:-.035em;font-weight:750;margin:8px 0 12px}.ml-page-header p{font-size:15px;line-height:1.65;color:var(--ml-muted);max-width:660px}
.ml-eyebrow{display:block;font-size:10px;font-weight:750;letter-spacing:.14em;color:var(--ml-accent)}
.ml-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.ml-section-heading h2{font-size:24px;font-weight:700;letter-spacing:-.025em;margin-top:6px}.ml-count{color:var(--ml-muted);font-size:13px;white-space:nowrap}
.ml-language-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ml-language-card{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:start;padding:24px;border:1px solid var(--ml-border);border-radius:20px;background:var(--ml-bg);transition:border-color .18s,box-shadow .18s,transform .18s}
.ml-language-card:hover,.ml-level-card[href]:hover{border-color:#8b83f2;box-shadow:0 8px 28px #4f46e510;transform:translateY(-2px)}
.ml-language-code{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:46px;height:46px;border-radius:14px;background:var(--ml-soft);color:var(--ml-accent);font-weight:750;font-size:15px}
.ml-language-copy h3{font-size:17px;font-weight:700;line-height:1.4}.ml-arrow{color:var(--ml-muted);font-size:20px}.ml-level-chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.ml-level-chips span{font-size:10px;font-weight:650;padding:3px 7px;border-radius:6px;background:var(--ml-soft);color:var(--ml-muted)}
.ml-card-footer{grid-column:1/-1;display:flex;gap:18px;border-top:1px solid var(--ml-border);padding-top:15px;font-size:12px;color:var(--ml-muted)}.ml-card-footer b{color:var(--ml-text);font-size:14px}
.ml-language-switch{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:28px;margin-bottom:30px;border-bottom:1px solid var(--ml-border)}.ml-language-switch a{padding:9px 14px;border:1px solid var(--ml-border);border-radius:24px;font-size:12px;color:var(--ml-muted);background:var(--ml-bg)}.ml-language-switch a[aria-current]{background:#4f46e5;color:white;border-color:#4f46e5}.ml-language-switch a:hover{border-color:#8b83f2}
.ml-study-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:32px;align-items:start}.ml-level-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ml-level-card{display:block;padding:22px;border:1px solid var(--ml-border);border-radius:18px;background:var(--ml-bg);transition:border-color .18s,transform .18s}.ml-level-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:23px}.ml-level-top strong{font-size:30px;letter-spacing:-.04em;font-weight:750;color:var(--ml-accent)}.ml-level-top>span{color:var(--ml-muted);font-size:12px}.ml-accuracy{display:flex;justify-content:space-between;font-size:11px;color:var(--ml-muted);margin-bottom:6px}.ml-level-card progress{display:block;width:100%;height:5px;border:none;border-radius:8px;overflow:hidden;background:var(--ml-soft)}.ml-level-card progress::-webkit-progress-bar{background:var(--ml-soft)}.ml-level-card progress::-webkit-progress-value{background:#8b83f2;border-radius:8px}.ml-level-card progress::-moz-progress-bar{background:#8b83f2}.ml-unstarted{font-size:11px;min-height:25px;color:var(--ml-muted)}.ml-level-action{display:flex;justify-content:space-between;font-size:12px;color:var(--ml-accent);font-weight:650;margin-top:20px}
.ml-mixed{display:flex;align-items:center;gap:14px;padding:20px 0;border-bottom:1px solid var(--ml-border);margin-top:14px}.ml-mixed h3{font-size:14px;font-weight:650}.ml-mixed p{font-size:11px;color:var(--ml-muted);margin-top:5px}.ml-text-link{margin-inline-start:auto;font-size:12px;color:var(--ml-accent);white-space:nowrap}.ml-note{font-size:11px;line-height:1.7;color:var(--ml-muted);margin-top:20px}
.ml-mock{border:1px solid var(--ml-border);border-radius:22px;padding:27px;background:linear-gradient(145deg,var(--ml-bg),var(--ml-soft))}.ml-mock-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:16px;background:#4f46e5;color:white;font-size:24px;margin-bottom:26px}.ml-mock h2{font-size:25px;line-height:1.25;letter-spacing:-.03em;font-weight:750;margin:10px 0 12px}.ml-mock p{font-size:13px;line-height:1.7;color:var(--ml-muted)}.ml-mock-stat{display:flex;align-items:center;gap:12px;padding:24px 0}.ml-mock-stat strong{font-size:36px;font-weight:750;letter-spacing:-.04em}.ml-mock-stat span{font-size:11px;color:var(--ml-muted);line-height:1.6}
.ml-primary{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:#4f46e5;color:white;min-height:48px;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:650;white-space:nowrap}.ml-primary:hover{background:#4338ca}.ml-mock .ml-primary{width:100%}.ml-mock .ml-mock-note{font-size:10px;margin-top:14px}.ml-empty{border:1px dashed var(--ml-border);border-radius:20px;padding:36px 28px;background:var(--ml-bg)}.ml-empty>span{color:var(--ml-accent);font-size:30px}.ml-empty h3{font-size:19px;font-weight:650;margin:18px 0 10px}.ml-empty p{font-size:14px;line-height:1.7;color:var(--ml-muted)}
.ml-catalog a:focus-visible{outline:3px solid #a5b4fc;outline-offset:4px}
@media(max-width:900px){.ml-language-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ml-study-layout{grid-template-columns:minmax(0,1fr) 280px;gap:20px}}
@media(max-width:700px){.ml-page{padding:24px 18px 48px}.ml-page-header{align-items:start;flex-direction:column}.ml-study-layout{grid-template-columns:1fr}.ml-language-grid{grid-template-columns:1fr}.ml-language-card{padding:20px}.ml-language-switch{flex-wrap:nowrap;overflow:auto;margin-inline:-18px;padding-inline:18px}.ml-language-switch a{flex-shrink:0}.ml-mock{padding:24px}.ml-mock-icon{margin-bottom:16px}.ml-level-card{padding:18px}.ml-level-top{gap:4px}.ml-level-top strong{font-size:26px}}
@media(prefers-reduced-motion:reduce){.ml-language-card,.ml-level-card{transition:none}.ml-language-card:hover,.ml-level-card[href]:hover{transform:none}}

.ml-header-actions{display:flex;gap:10px;flex-wrap:wrap}.ml-mobile-mock{display:none}@media(max-width:700px){.ml-mobile-mock{display:inline-flex;background:var(--ml-soft);color:var(--ml-accent);border:1px solid var(--ml-border)}}