*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#172b45;font:16px/1.6 system-ui,sans-serif}button,input{font:inherit}button,a,input{outline-offset:4px}button{cursor:pointer;border:1px solid #d8e2ee;border-radius:10px;background:white;color:#23476c;padding:10px 16px}button:hover{background:#edf4ff}header{display:flex;justify-content:space-between;align-items:center;padding:20px 4%;background:white;border-bottom:1px solid #e0e6ef;gap:15px}.brand{font-weight:800;font-size:23px;border:0;text-align:left;background:transparent}.brand span{display:block;font-weight:400;font-size:12px;letter-spacing:1px;color:#61758b}.layout{display:grid;grid-template-columns:240px 1fr;max-width:1500px;margin:auto}nav{padding:32px 18px;display:flex;flex-direction:column;gap:10px}nav button{text-align:left;background:transparent;border:0}nav small{padding:24px 16px;color:#687a8e}main{padding:32px 42px;min-width:0}h1{font-size:clamp(27px,4vw,40px);line-height:1.2;margin:12px 0 18px}h2{font-size:19px;line-height:1.4}.eyebrow{font-size:12px;letter-spacing:2px;color:#3862a0;font-weight:700}.muted,small{color:#64758a}.search{display:block;font-size:13px;font-weight:600;margin:25px 0}.search input{font-size:17px;padding:18px}input{display:block;width:100%;padding:12px;border:1px solid #b7c7d9;border-radius:10px;margin:6px 0 17px;background:white;color:#172b45}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.card{text-align:left;padding:24px;background:white;min-height:210px;overflow-wrap:anywhere}.card p{color:#64758a;font-size:14px}.card span{color:#215baf;font-size:14px}.updates,article{background:white;border:1px solid #e0e6ef;border-radius:14px;padding:20px 24px;margin:18px 0}.row{display:flex;align-items:center;justify-content:space-between;gap:15px}.updates p{border-top:1px solid #edf1f6;padding-top:12px}.updates small{margin-right:12px}dl{background:white;padding:12px 26px;border-radius:16px}dl>div{padding:16px 0;border-bottom:1px solid #e8edf3}dt{font-size:13px;color:#64758a}dd{margin:6px 0;white-space:pre-wrap;overflow-wrap:anywhere}aside{background:#fff3d7;padding:20px;border-radius:10px;color:#754d10}a{color:#245fb0}.error{color:#9a3427}.login{max-width:570px;margin:5vh auto}.login section{background:white;padding:35px;border-radius:20px;margin-top:30px}form{max-width:420px}.primary{background:#235eae;color:white;width:100%;border:0}.primary:hover{background:#1e4d8a}@media(max-width:720px){header{padding:15px;flex-wrap:wrap}.layout{display:block}nav{flex-direction:row;overflow:auto;padding:12px}nav button{white-space:nowrap}nav small{display:none}main{padding:22px 18px}.row{align-items:flex-start}.cards{grid-template-columns:1fr}.login{padding:20px}.login section{padding:24px}}

.filters{margin:20px 0;background:white;padding:22px;border:1px solid #d8e2ee;border-radius:14px}.filters>label{display:block;max-width:300px}.filters label{font-size:13px}.filters summary{cursor:pointer;font-weight:600;padding:15px 0}.filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}select{display:block;width:100%;padding:12px;margin:6px 0 12px;border:1px solid #b7c7d9;border-radius:10px;background:white;color:#172b45;font:inherit}.filters fieldset{min-width:0;border:1px solid #d8e2ee;border-radius:10px;grid-column:span 3}.range-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips button{font-size:13px}.filters .muted{font-size:13px}@media(max-width:720px){.filter-grid{grid-template-columns:1fr}.filters fieldset{grid-column:auto}.filters{padding:15px}}
.learning-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.learning-topics article{margin:0}.learning progress{width:100%;height:12px;accent-color:#235eae}.learning-progress{display:flex;justify-content:space-between;gap:16px;margin:24px 0 8px}.lesson{background:white;border:1px solid #d8e2ee;border-radius:12px;padding:18px;margin:22px 0}.lesson summary{cursor:pointer;font-weight:600}.question{max-width:800px;margin:24px 0}.question fieldset{border:0;padding:0;margin:0 0 20px}.question legend{font-size:22px;font-weight:600;line-height:1.4;margin-bottom:16px}.answer-option{display:flex;gap:12px;align-items:flex-start;background:white;border:1px solid #b7c7d9;border-radius:12px;padding:16px;margin:12px 0;cursor:pointer}.answer-option input{width:20px;height:20px;flex-shrink:0;margin:3px 0;accent-color:#235eae}.answer-option:has(input:checked){border-color:#235eae;background:#eef4ff}.feedback{padding:22px;border-radius:14px;border:1px solid #d8e2ee}.feedback.correct{background:#eaf6ee}.feedback.incorrect{background:#fff3d7}.feedback .primary{max-width:400px}.training-actions{display:flex;gap:10px;flex-wrap:wrap}button:disabled{opacity:.6;cursor:default}@media(max-width:720px){.learning-topics{grid-template-columns:1fr}.learning-progress{font-size:13px}.question legend{font-size:19px}}
.standard-text{background:white;padding:18px 26px;border-radius:16px;margin:20px 0}.standard-text p{margin:0 0 14px;white-space:pre-wrap;overflow-wrap:anywhere}.standard-text p:last-child{margin-bottom:0}

/* Цветовые акценты портала */
body{background:linear-gradient(135deg,#eef3ff 0%,#f5f0ff 55%,#eaf8f5 100%);background-attachment:fixed}
header{border-bottom:3px solid #6865e8;box-shadow:0 4px 20px #253b7910}.brand{color:#3348a3}.brand span{color:#686599}
nav{background:linear-gradient(180deg,#23346a,#35458a);border-radius:0 0 22px 22px;align-self:start;position:sticky;top:0;margin-top:16px;box-shadow:0 10px 24px #263d7820}
nav button{color:#e6ecff;border-radius:12px;padding:13px 16px;border:1px solid transparent;transition:background .15s,transform .15s}nav button:hover{background:#ffffff20;transform:translateX(2px)}nav button[aria-current="page"]{background:#fff;color:#263c85;border-color:#b4c5ff;font-weight:750;box-shadow:0 4px 14px #101d4730}nav small{color:#c9d6ff}
.card{border-top:5px solid #6e67dc;box-shadow:0 6px 20px #273e7710;transition:transform .15s,box-shadow .15s}.card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #273e7720}.card span{font-weight:700}.card small{color:#6252ac;font-weight:650}
.primary{background:linear-gradient(110deg,#3754c6,#7252c7);box-shadow:0 4px 12px #4f53c52b}.primary:hover{background:linear-gradient(110deg,#2945b4,#6241b7)}
.learning-topics article{border-top:5px solid #5872dd;box-shadow:0 6px 20px #273e7710}.learning-topics article:nth-child(3n+2){border-top-color:#219c98}.learning-topics article:nth-child(3n){border-top-color:#9760ca}.training-actions button:not(.primary){background:#eef1ff;border-color:#c6d0f7;color:#35499a;font-weight:600}
.lesson{border-top:4px solid #6b64d6}.lesson>summary{color:#39458d;font-size:18px}.updates{border-left:5px solid #269a99}.eyebrow{color:#6250b0}
.depth-panel{border:1px solid #d3d8f3;border-radius:14px;padding:16px;background:#f3f4ff;margin:20px 0}.depth-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.depth-card{text-align:left;padding:14px 12px;border:2px solid #d7dcf1;min-width:0}.depth-card strong,.depth-card span{display:block}.depth-card span{font-size:12px;margin-top:8px;line-height:1.45}.depth-card.active{background:linear-gradient(125deg,#4055be,#7351be);color:white;border-color:#5148b6;box-shadow:0 5px 14px #6553b735}.topic-hint{font-size:13px;color:#596681;margin:0 0 16px}.lesson form{max-width:760px}.lesson form>label{display:block;margin-top:12px}.lesson form>fieldset:not(.depth-panel){border:1px solid #d6ddef;border-radius:14px;padding:16px;margin:18px 0}.lesson form legend{font-weight:700;color:#404f88}
@media(max-width:720px){nav{position:static;margin-top:0;border-radius:0;padding:10px;gap:8px}nav button{padding:10px 14px;flex-shrink:0}nav button:hover{transform:none}.depth-options{grid-template-columns:1fr}.depth-card{padding:12px}.depth-card span{margin-top:4px}}
.journey{background:linear-gradient(120deg,#fff,#edf1ff);border:1px solid #cfd8fa;border-radius:22px;padding:24px;margin:24px 0 28px;box-shadow:0 8px 28px #405a9b12}.journey-summary,.training-journey{display:flex;align-items:center;gap:26px}.journey h2{font-size:24px;color:#354792;margin:4px 0 10px}.journey p{margin:8px 0}.progress-ring{width:150px;height:150px;flex:0 0 150px;position:relative}.progress-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-ring circle{fill:none;stroke-width:10;stroke-linecap:round}.ring-track{stroke:#dce4fa}.ring-fill{stroke:#6653d3;transition:stroke-dasharray .35s}.progress-ring>div{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.progress-ring strong{font-size:30px;color:#4f45b6}.progress-ring span{font-size:13px;color:#667291}.achievement-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}.achievement{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;border:1px dashed #bdc8e6;border-radius:16px;padding:14px 10px;background:#ffffff90}.achievement-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#e5e9f3;color:#687796;font-size:25px}.achievement.unlocked{background:#fff5d8;border:1px solid #eac568;color:#795514;box-shadow:0 4px 12px #b98b2220}.unlocked .achievement-icon{background:#f4d276;color:#865611}.achievement small{font-size:12px}.achievement-note{font-size:12px}.training-journey{padding:20px;background:linear-gradient(120deg,#eeeaff,#e7f6f7);border-radius:18px;margin:22px 0;border:1px solid #cdd5f0}.training-journey>div:last-child{flex:1;min-width:0}.training-journey p{margin:8px 0}.training-journey .progress-ring{width:110px;height:110px;flex-basis:110px}.training-journey .progress-ring strong{font-size:24px}.learning progress{height:14px;accent-color:#6554cc;border-radius:10px}.learning progress::-webkit-progress-bar{background:#e0e7f7;border-radius:10px}.learning progress::-webkit-progress-value{background:linear-gradient(90deg,#516bdb,#9862d5);border-radius:10px}.learning-topics article:nth-child(3n+2) progress::-webkit-progress-value{background:linear-gradient(90deg,#178d99,#45baa8)}
@media(max-width:720px){.journey{padding:18px}.journey-summary{gap:15px;align-items:flex-start}.journey-summary .progress-ring{width:100px;height:100px;flex-basis:100px}.journey-summary .progress-ring strong{font-size:24px}.journey h2{font-size:19px}.achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.training-journey{padding:15px;gap:15px}.training-journey .progress-ring{width:85px;height:85px;flex-basis:85px}.training-journey .progress-ring span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.ring-fill,.card,nav button{transition:none}.card:hover,nav button:hover{transform:none}}
.team-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.stage-card{display:flex;flex-direction:column;text-align:left;border:2px solid transparent;padding:20px;border-radius:16px;background:#e9ecff;color:#3e4590}.stage-card strong{font-size:30px}.stage-card span{font-weight:600}.stage-card.new{background:#e9edf5;color:#52617a}.stage-card.active{background:#e5ecff;color:#3d58b3}.stage-card.done{background:#dcf4eb;color:#187663}.stage-card.selected{border-color:#6557cf;box-shadow:0 5px 16px #6358a828}.team-legend{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#5e6d85;font-size:13px}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block;background:#a5b2c7;flex-shrink:0}.status-dot.active,.employee-topic.active .status-dot{background:#6575df}.status-dot.done,.employee-topic.done .status-dot{background:#159b7c}.team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.employee-card{border-top:5px solid #a9b7d0;margin:18px 0 0;box-shadow:0 6px 20px #273e7710}.employee-card.active{border-top-color:#6575df}.employee-card.done{border-top-color:#159b7c}.employee-head{display:flex;align-items:center;gap:18px}.employee-head h2{font-size:22px;overflow-wrap:anywhere;margin:0 0 6px}.employee-head .progress-ring{width:90px;height:90px;flex-basis:90px}.employee-head .progress-ring strong{font-size:22px}.employee-head .progress-ring span{font-size:11px}.stage-label{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;background:#eef1f6;color:#596a82}.stage-label.active{background:#e9edff;color:#4c57a6}.stage-label.done{background:#dff6ed;color:#16816a}.employee-head p{font-size:13px;color:#687891;margin:8px 0}.employee-topics{margin-top:18px}.employee-topic{margin:12px 0}.employee-topic>div{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}.employee-topic progress{width:100%;height:9px;border:0;accent-color:#6675df}.employee-topic progress::-webkit-progress-bar{background:#e9edf5;border-radius:9px}.employee-topic progress::-webkit-progress-value{background:#6675df;border-radius:9px}.employee-topic.done progress{accent-color:#159b7c}.employee-topic.done progress::-webkit-progress-value{background:#159b7c}.team-progress>.row .answer-option{background:transparent;border:0;padding:0;font-size:14px}
@media(max-width:720px){.team-stages{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stage-card{padding:14px}.team-grid{grid-template-columns:1fr}.employee-card{padding:18px}.employee-head{gap:12px}}
.change-list{display:grid;gap:16px}.change-card{width:100%;text-align:left;border:1px solid #d9e1f1;border-left:5px solid #6554cc;border-radius:15px;padding:22px;background:white;box-shadow:0 5px 18px #263d7510}.change-card:hover{background:#f2f0ff;border-color:#8c80da}.change-card h2{margin:12px 0}.change-card span{color:#5442b5;font-weight:600}.change-detail>p{line-height:1.8;white-space:pre-wrap}.update-link{display:flex;align-items:baseline;gap:14px;width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid #e2e5f1;border-radius:0;padding:14px 0;color:#3b3b82}.update-link span{font-weight:600}.update-link:hover{color:#6d43c5;background:#f2f0ff}.material-paragraph p{white-space:pre-wrap;overflow-wrap:anywhere}.material-heading{margin-top:32px;border-top:2px solid #dcd7fa;padding-top:16px}.material-example{border-left:3px solid #9ba5cf;padding:10px 16px;background:#f5f7fc}.material-link{display:inline-block;margin:0 14px 16px 0}.standard-text h3{font-size:16px;color:#516288;margin-top:20px}.change-card:focus-visible,.update-link:focus-visible{outline:3px solid #8370d8;outline-offset:3px}@media(max-width:720px){.change-card{padding:17px}.update-link{align-items:flex-start;gap:10px}.update-link small{white-space:nowrap}}