:root{--v36-ink:#102a43;--v36-blue:#0d4a7f;--v36-cyan:#1a84b8;--v36-gold:#d8a64a;--v36-soft:#f2f7fb}
.course-badge.v36-mix{border-color:rgba(11,118,95,.2);background:#eaf8f3;color:#0b6b58;font-weight:900}
.v36-labs{background:linear-gradient(180deg,#f7fbfe 0%,#edf5fa 100%);overflow:hidden}
.v36-labs-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);gap:48px;align-items:end;margin-bottom:32px}
.v36-labs-head h2{max-width:760px;margin:8px 0 12px;color:var(--v36-ink);font-size:clamp(32px,4.8vw,56px);line-height:1.02;letter-spacing:-.035em}
.v36-labs-head>p{margin:0;color:#526777;font-size:17px;line-height:1.7}
.v36-lab-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.v36-lab-card{position:relative;display:flex;min-height:190px;flex-direction:column;justify-content:space-between;padding:24px;border:1px solid rgba(14,70,113,.12);border-radius:22px;background:rgba(255,255,255,.94);color:var(--v36-ink);text-decoration:none;box-shadow:0 14px 38px rgba(13,61,94,.07);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.v36-lab-card:hover{transform:translateY(-4px);border-color:rgba(13,74,127,.28);box-shadow:0 20px 42px rgba(13,61,94,.13)}
.v36-lab-card b{display:grid;width:48px;height:48px;place-items:center;border-radius:15px;background:linear-gradient(135deg,var(--v36-blue),var(--v36-cyan));color:#fff;font-size:14px;letter-spacing:.04em}
.v36-lab-card h3{margin:18px 0 5px;font-size:22px}.v36-lab-card p{margin:0;color:#617383;line-height:1.55}.v36-lab-card span{margin-top:18px;color:var(--v36-blue);font-weight:800}
.v36-labs-note{display:flex;gap:12px;align-items:flex-start;margin-top:24px;padding:18px 20px;border-radius:16px;background:#fff;border:1px solid rgba(14,70,113,.1);color:#4b6273;line-height:1.55}.v36-labs-note strong{color:var(--v36-ink)}
.v36-passport{padding:68px 0;background:linear-gradient(135deg,#f6f1e7,#fff 56%,#eef7fb)}
.v36-passport-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:36px;align-items:center}.v36-passport-head h2{margin:8px 0 10px;color:var(--v36-ink);font-size:clamp(30px,4vw,46px)}.v36-passport-head p{max-width:720px;color:#526777;line-height:1.65}
.v36-passport-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:30px 0 16px}.v36-passport-progress>div{padding:20px;border:1px solid rgba(13,74,127,.12);border-radius:17px;background:rgba(255,255,255,.82)}.v36-passport-progress strong{display:block;color:var(--v36-blue);font-size:26px}.v36-passport-progress span{display:block;margin-top:4px;color:#637584;font-size:13px;font-weight:700}.v36-passport-progress .unlocked{background:linear-gradient(135deg,#0b765f,#075047);border-color:transparent}.v36-passport-progress .unlocked strong,.v36-passport-progress .unlocked span{color:#fff}
.v36-passport-bar{height:10px;overflow:hidden;border-radius:999px;background:#dce7ed}.v36-passport-bar i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--v36-blue),var(--v36-cyan),var(--v36-gold));transition:width .35s ease}.v36-benefit{margin:13px 0 0;color:#667984;font-size:13px;line-height:1.55}
.filter-row{overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:8px;scrollbar-width:thin}.filter-row .filter{flex:0 0 auto;white-space:nowrap}
@media(max-width:900px){.v36-lab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v36-labs-head{grid-template-columns:1fr;gap:12px}.v36-passport-progress{grid-template-columns:1fr 1fr}.v36-passport-progress>div:last-child{grid-column:1/-1}.v36-passport-head{grid-template-columns:1fr}.v36-passport-head .button{width:100%}}
@media(max-width:620px){.v36-lab-grid{grid-template-columns:1fr}.v36-lab-card{min-height:164px;padding:20px}.v36-passport{padding:52px 0}.v36-passport-progress{grid-template-columns:1fr}.v36-passport-progress>div:last-child{grid-column:auto}.v36-labs-head h2{font-size:36px}.v36-labs-note{font-size:14px}}
@media(prefers-reduced-motion:reduce){.v36-lab-card,.v36-passport-bar i{transition:none}}