@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600&family=Prata&display=swap');
:root{--ink:#393d3a;--blue:#556b60;--muted:#666b65;--line:#dedfd6;--paper:#faf9f5;--gold:#a27a5b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:'Golos Text',Arial,sans-serif;font-size:16px;line-height:1.65}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;background:none;border:0}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:4px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2{font-family:Prata,Georgia,serif;font-weight:400;line-height:1.22;letter-spacing:-.04em}h1{font-size:clamp(42px,4.8vw,70px)}h2{font-size:38px}h3{font-weight:500;line-height:1.35;font-size:22px}em{font-family:Georgia,serif;font-weight:400;color:#688193}p{color:var(--muted)}.demo-bar{background:var(--blue);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:7px 5%;font-size:11px;letter-spacing:1.3px}.demo-bar div{display:flex;gap:20px}.demo-bar button{font-size:12px;color:#dce8ee;letter-spacing:0}header{height:104px;margin:auto;padding:0 5%;display:flex;justify-content:space-between;align-items:center;gap:25px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;font-family:Georgia,serif;font-size:38px;letter-spacing:-2px;line-height:1}.brand>span{color:var(--gold)}.brand small{font-family:'Golos Text',sans-serif;font-size:9px;line-height:1.7;letter-spacing:2px;margin-left:18px;text-align:left}nav{display:flex;gap:32px;font-size:14px}.primary,.outline,.soft{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:14px 23px;border-radius:3px;font-size:14px;line-height:1.5}.primary{background:var(--blue);color:white;border:1px solid var(--blue)}.primary:hover{background:#32566c}.outline{border:1px solid #b9c6ce}.outline:hover,.soft{background:#eef3f5}.primary span,.outline span{font-size:20px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:500;color:#677e8d}.hero{padding:64px 5% 58px;display:grid;grid-template-columns:1.1fr 1fr;gap:64px;max-width:1500px;margin:auto;align-items:center}.hero h1{margin:27px 0}.hero-copy{font-size:16px;max-width:490px;line-height:1.9;margin-bottom:28px}.hero-actions{display:flex;gap:20px;align-items:center}.text-button{font-size:14px;border-bottom:1px solid #bcc9d1;padding:7px 0}.hero-note{display:flex;align-items:center;gap:20px;font-size:12px;margin-top:42px;color:var(--muted)}.hero-note b{font-weight:400;color:var(--ink)}.hero-picture{height:490px;position:relative;overflow:hidden;background:#263b40}.hero-picture img{width:100%;height:100%;object-fit:cover;filter:brightness(.76)}.picture-label{position:absolute;left:26px;right:26px;bottom:25px;color:#fff;border-top:1px solid #ffffff6b;padding-top:17px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.5px}.picture-label span:last-child{font-family:Georgia,serif;font-size:29px;line-height:1}.principles{display:grid;grid-template-columns:repeat(3,1fr);margin:0 5%;padding:27px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.principles>div{display:flex;gap:25px;padding:0 25px;border-right:1px solid var(--line)}.principles>div:first-child{padding-left:0}.principles>div:last-child{border:0}.principles b{font-weight:400;font-family:Georgia,serif;color:#8b704a}.principles p{font-size:14px}.principles strong{font-weight:400;color:var(--ink)}.section{padding:75px 5%;max-width:1500px;margin:auto}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}.section-head h2{margin-top:17px}.section-head>p{font-size:14px;max-width:380px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.course{padding:34px;background:#edf2f4;position:relative}.course.alt{background:#e0e9ee}.course h3{font-family:Prata,Georgia,serif;font-size:32px;margin:35px 0 18px;font-weight:400;letter-spacing:-1px}.course p{max-width:410px;font-size:14px}.course .number{position:absolute;right:30px;top:22px;font-family:Georgia,serif;font-size:52px;color:#b4c5d0}.course button{display:flex;justify-content:space-between;width:100%;text-align:left;border-top:1px solid #bacad4;padding:18px 0 0;margin-top:30px;font-size:14px}.approach{background:var(--blue);color:white}.approach .eyebrow,.approach p{color:#b6cbd7}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:45px}.steps h3{margin:15px 0}.steps p{font-size:14px}.steps b{color:#bfa06d;font-family:Georgia,serif;font-size:28px}footer{border-top:1px solid var(--line);padding:30px 5%;display:flex;gap:25px;align-items:center;justify-content:space-between}footer>span,footer small{font-size:12px;color:var(--muted)}.workspace{padding:45px 5% 70px;max-width:1450px;margin:auto}.workspace h1{font-size:43px;margin:14px 0}.topline{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:32px}.badge{display:inline-block;background:#e8f0f4;padding:6px 11px;font-size:12px;border-radius:3px;color:#3c6177}.deadline{border-left:2px solid #b39564;padding-left:17px;font-size:14px;min-width:220px}.deadline small{display:block;color:var(--muted);font-size:12px}.grid-main{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:25px}.panel{border:1px solid var(--line);padding:28px;background:white}.panel h2{font-size:29px;margin:15px 0 23px}.progress-label{display:flex;justify-content:space-between;font-size:13px;margin:24px 0 8px}progress{height:5px;display:block;width:100%;border:0;background:#e3eaee;accent-color:var(--blue)}progress::-webkit-progress-bar{background:#e3eaee}progress::-webkit-progress-value{background:var(--blue)}.continue{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:24px;margin-top:26px}.continue h3{font-size:20px;margin:5px 0}.continue .primary{margin-left:auto;white-space:nowrap}.index-box{font:26px Georgia,serif;background:#edf2f5;padding:16px}.certificate{background:var(--blue);color:white;padding:28px}.certificate .symbol{font:46px Georgia,serif;color:#c8b386}.certificate h3{font:26px/1.4 Georgia,serif;margin:13px 0}.certificate p{font-size:14px;color:#bed0db}.certificate .soft{margin-top:24px}.modules{margin-top:35px}.modules h2{font-size:28px;margin-bottom:18px}.module{border-bottom:1px solid var(--line);padding:22px 0;display:flex;align-items:center;gap:24px}.module h3{font-size:17px}.module p{font-size:13px}.module>span:first-child{font:24px Georgia,serif;color:#6c8291}.module>div{flex:1}.locked{opacity:.52;background:#f0f2f3}.locked-course{margin-top:30px;display:flex;gap:24px;align-items:center;padding:22px;background:#f2f3f4;color:#76818a}.locked-course h3{font-size:18px}.crumb{font-size:13px;color:var(--muted);margin-bottom:24px}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:45px}.lesson-main h1{font-size:39px;margin:16px 0 20px}.lesson-main h2{font-size:26px;margin:28px 0 15px}.lesson-main p{margin:14px 0}.video-slot{background:#203b4c;color:white;min-height:260px;padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:15px;margin-top:25px}.play{border:1px solid #afc0ca;border-radius:50%;width:60px;height:60px;color:white;font-size:22px}.video-slot p{color:#bbced9;font-size:13px;margin:0}.lesson-nav{border:1px solid var(--line);padding:23px;height:fit-content;position:sticky;top:20px}.lesson-nav h3{font-size:17px;margin-bottom:20px}.lesson-link{display:flex;width:100%;text-align:left;gap:12px;font-size:13px;padding:16px 5px;border-bottom:1px solid var(--line)}.lesson-link.active{background:#eaf1f5;color:#244d67}.lesson-link span:last-child{margin-left:auto}.assignment{margin-top:30px;padding:25px;background:#f2f5f6}.assignment h3{margin-bottom:15px}.choice{display:flex;align-items:start;gap:12px;border:1px solid #cfdbe2;padding:13px;margin:10px 0;cursor:pointer;font-size:14px}.choice input{margin-top:6px;accent-color:var(--blue)}label.field{display:block;font-size:14px;margin:17px 0}.field input,.field select,.field textarea,input.entry,textarea.entry{display:block;width:100%;border:1px solid #bdccd6;border-radius:3px;padding:12px;background:white;color:var(--ink);margin-top:7px}.feedback{padding:14px;background:#e0eee8;color:#2d634c;font-size:14px;margin:15px 0}.feedback.error{background:#f7e9e5;color:#8b4132}.info{background:#edf2f5;padding:14px 18px;font-size:13px;margin:20px 0;color:#526d7d}.login{max-width:460px;margin:65px auto;padding:0 20px}.login h1{font-size:38px;margin:20px 0}.login .primary{width:100%;margin-top:15px}.login>p{font-size:14px}.admin-tabs{display:flex;gap:15px;border-bottom:1px solid var(--line);margin:25px 0}.admin-tabs button{padding:12px 5px;font-size:14px}.admin-tabs button.active{border-bottom:2px solid var(--blue)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:25px}.stat{padding:20px;background:#f0f4f6;font-size:13px}.stat b{display:block;font-size:30px;font-weight:400;margin-top:5px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px;white-space:nowrap}th,td{padding:17px 13px;text-align:left;border-bottom:1px solid var(--line)}th{font-size:12px;color:var(--muted);font-weight:400}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.review-card{border:1px solid var(--line);padding:25px;margin-bottom:20px}.review-card p{margin:15px 0;font-size:14px}.small{font-size:13px}.upload{display:block;border:1px dashed #93aabd;padding:23px;text-align:center;background:#f4f7f8;margin:20px 0;font-size:14px}.upload input{display:block;max-width:100%;margin:15px auto 0}dialog{width:min(550px,calc(100% - 32px));max-height:85vh;overflow:auto;padding:35px;border:0;color:var(--ink);box-shadow:0 20px 80px #10293830}dialog::backdrop{background:#10293888}dialog h2{font-size:30px;margin:10px 0 20px}dialog p{font-size:14px}.close{position:absolute;right:12px;top:5px;font-size:27px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:13px 22px;background:var(--blue);color:#fff;border-radius:4px;max-width:90%;font-size:14px;z-index:10;display:none}.cert-sheet{text-align:center;border:4px double #b69a67;padding:35px}.cert-sheet h2{margin:25px 0}.cert-sheet h3{margin:25px 0}.cert-sheet p{margin:15px 0}@media(max-width:850px){nav{display:none}.hero{gap:28px}.hero-picture{height:440px}.hero-actions{align-items:start;flex-direction:column;gap:12px}.grid-main{grid-template-columns:1fr}.lesson-layout{grid-template-columns:1fr}.lesson-nav{position:static;grid-row:1}.lesson-nav details:not([open])>div{display:none}.continue{flex-wrap:wrap}.continue .primary{margin-left:0}.topline{align-items:start}.steps{gap:22px}}@media(max-width:600px){.demo-bar{display:block;text-align:center;padding:6px 3%;font-size:9px}.demo-bar div{justify-content:center;gap:20px}.demo-bar button{padding:5px 0;font-size:11px}header{height:83px;padding:0 5%}.brand{font-size:32px}.brand small{display:none}.outline{font-size:12px;padding:10px 14px;gap:12px}.hero{grid-template-columns:1fr;padding-top:35px}.hero h1{font-size:44px}.hero-picture{height:330px}.hero-actions{flex-direction:row;align-items:center;flex-wrap:wrap}.hero-note{margin-top:23px}.principles{grid-template-columns:1fr;gap:18px}.principles>div{border:0;padding:0}.section{padding:45px 5%}.section-head{display:block}.section-head>p{margin-top:20px}h2{font-size:31px}.cards,.steps{grid-template-columns:1fr}.course{padding:26px}.course h3{font-size:29px}.steps{gap:28px}.topline{display:block}.deadline{margin-top:22px}.workspace{padding-top:30px}.workspace h1{font-size:33px}.panel{padding:20px}.panel h2{font-size:25px}.continue{gap:15px}.index-box{display:none}.lesson-main h1{font-size:32px}.lesson-layout{gap:22px}.lesson-nav{padding:17px}.video-slot{min-height:210px;padding:22px}.assignment{padding:18px}.stats{gap:8px}.stat{padding:13px 10px;font-size:11px}.stat b{font-size:25px}.admin-tabs{gap:14px}.admin-tabs button{font-size:12px}.locked-course{gap:15px}.locked-course h3{font-size:16px}footer{flex-wrap:wrap}footer>span{order:3;width:100%}.cert-sheet{padding:20px}}

/* Clear course selection and readable certificate controls. */
.soft{color:#1c3445;background:#eef3f5}.soft:disabled{opacity:1;color:#4a5b67;background:#d6e0e6}.certificate .soft:hover:not(:disabled){background:#fff;color:#142c3d}
.learning-view header nav{display:none}.learning-view header>.outline{display:none}
.course-picker{min-height:65vh}.course-picker h1{font-family:'Golos Text',Arial,sans-serif;font-size:36px;font-weight:500;letter-spacing:-1px}.course-picker .topline{margin-bottom:36px}.course-picker .eyebrow{font-size:12px}.course-panels{display:grid;grid-template-columns:1fr 1fr;gap:26px}.course-panel{display:flex;flex-direction:column;text-align:left;padding:30px;min-height:335px;border:1px solid #b7cbd8;border-radius:8px;background:#f2f7fa;transition:box-shadow .15s,border-color .15s}.course-panel.available:hover{border-color:#1f3c4e;box-shadow:0 5px 22px #1f3c4e12}.panel-status{font-size:14px;font-weight:500;color:#254c65;background:#dfeaf1;border-radius:4px;padding:5px 11px;align-self:flex-start}.panel-audience{font-size:14px;margin-top:26px;color:#556c7b}.panel-title{font-size:27px;line-height:1.35;font-weight:500;max-width:410px;margin:9px 0 12px;letter-spacing:-.5px}.panel-description{font-size:16px;color:#526a7b;margin-bottom:30px}.panel-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #cbd9e2;padding-top:20px;margin-top:auto;width:100%;font-size:14px}.panel-footer strong{font-size:16px;font-weight:500}.course-panel.unavailable{opacity:1;background:#f0f1f2;border-color:#e0e2e4;color:#68717a;cursor:not-allowed}.unavailable .panel-status{background:#e1e4e6;color:#56616b}.unavailable .panel-audience,.unavailable .panel-description{color:#69747d}.unavailable .panel-footer{border-color:#d7dce0;color:#69747d}.course-picker .deadline{font-size:14px}.course-picker .deadline small{font-size:12px}
@media(max-width:650px){.course-panels{grid-template-columns:1fr;gap:18px}.course-panel{padding:24px;min-height:300px}.panel-title{font-size:25px}.panel-footer{gap:10px;flex-wrap:wrap}.course-picker h1{font-size:31px}.demo-bar button{font-size:12px}.course-picker .topline{margin-bottom:25px}}

/* Soft pastel palette, with explicit foregrounds for every tinted surface. */
body,dialog{background:var(--paper)}
header,footer{background:#fdfcf9}
em{color:#756982}
.brand>span{color:#a27a5b}
.demo-bar{background:#e5e3ed;color:#514d5e}
.demo-bar button{color:#514d5e}
.primary{background:#556b60;border-color:#556b60;color:#fff}
.primary:hover{background:#44584d}
.outline{border-color:#b6beb5;background:transparent;color:#414d44}
.outline:hover,.soft{background:#e4ebdf;color:#394d40}
.soft:disabled{opacity:1;background:#e6e5df;color:#62665f}
.certificate .soft{background:#fcfbf7;color:#394d40;border:1px solid #abb7a7}
.certificate .soft:hover:not(:disabled){background:#fff;color:#2e4034}
.certificate .soft:disabled{background:#e6e9df;color:#62695f;border-color:#c4cbbf;opacity:1}
.eyebrow{color:#737168}
.text-button{border-color:#bfc4b8}
.hero-picture{background:#70796d}
.hero-picture img{filter:brightness(.86) saturate(.7)}
.picture-label{background:#263b304d;padding:14px 12px 0}
.principles b{color:#977258}
.course{background:#e7eddf}.course.alt{background:#ece6f1}
.course .number{color:#a0ac96}.course.alt .number{color:#b7a9c2}
.course button{border-color:#c5cebd}.course.alt button{border-color:#d0c4dc}
.approach{background:#e8e4ef;color:#423d4a}
.approach .eyebrow,.approach p{color:#655d70}
.approach em{color:#7c6b8c}
.steps b{color:#8b6f58}
.badge{background:#e4ebdf;color:#456049}
.deadline{border-color:#bea485}
.panel,.lesson-nav,.review-card{background:#fdfcf9}
progress,progress::-webkit-progress-bar{background:#e2e6da}
.index-box{background:#e9e4ee;color:#675775}
.certificate{background:#e4ebdd;color:#394c3d}
.certificate p{color:#5b6c58}.certificate .symbol{color:#8a7756}
.module>span:first-child{color:#7a8270}
.video-slot{background:#e9e3ef;color:#51455e}
.video-slot p{color:#6d6178}.play{color:#665674;border-color:#a99bb5}
.lesson-link.active{background:#e8eedf;color:#3e5740}
.assignment{background:#eef0e6}.choice{border-color:#bfc9b7;background:#fafbf6}
.field input,.field select,.field textarea,input.entry,textarea.entry{background:#fffefa;border-color:#bfc5b9}
.feedback{background:#e0ecdb;color:#3f6244}.feedback.error{background:#f4e4dc;color:#854b3d}
.info{background:#ede7f1;color:#665773}
.stat{background:#ece9f1}.upload{background:#f4f3eb;border-color:#a7b29e}
dialog::backdrop{background:#303b3480}.cert-sheet{border-color:#b9a185}
.course-panel{background:#e8eedf;border-color:#bfccb2}
.course-panel.available:hover{border-color:#7b9470;box-shadow:0 5px 22px #566b5012}
.panel-status{background:#d4e0c9;color:#365437}
.panel-audience,.panel-description{color:#5e6b56}
.panel-footer{border-color:#c4d0b9}
.course-panel.unavailable{background:#eeedeb;border-color:#deddd9;color:#72736f}
.unavailable .panel-status{background:#dfded9;color:#656762}
.unavailable .panel-audience,.unavailable .panel-description,.unavailable .panel-footer{color:#70736c}
.unavailable .panel-footer{border-color:#d8d9d2}

.hero-video-strip{padding:0 5% 32px;max-width:1500px;margin:auto}
.hero-video{display:flex;align-items:center;gap:16px;background:var(--blue);color:#fff;padding:16px 22px;border-radius:3px;text-align:left;box-shadow:0 10px 24px #556b6030}
.hero-video .play{position:relative;display:block;width:42px;height:42px;flex:0 0 42px;background:#fff;color:#3d5547;border:0;border-radius:50%;font-size:0;line-height:0}
.hero-video .play::before{content:'';position:absolute;left:50%;top:50%;width:14px;height:16px;background:currentColor;clip-path:polygon(0 0,100% 50%,0 100%);transform:translate(-50%,-50%) translateX(2px)}
.hero-video b{display:block;font-size:15px;font-weight:500}.hero-video small{display:block;margin-top:3px;color:#e9efe9;font-size:12px}
.hero-video:hover{background:#455a50;transform:translateY(-1px)}
.hero-actions .primary{box-shadow:0 8px 18px #556b6030}
.section-head{margin-bottom:26px}.section-head>div:only-child{width:100%}
header .outline span,.primary span,.course button span{display:none}
.course{display:flex;flex-direction:column;border:1px solid #c5cebd;border-radius:12px;padding:32px;box-shadow:0 6px 18px #393d3a08}
.course.alt{border-color:#d0c4dc}
.course .number{display:none}
.course .eyebrow::before{content:'ОНЛАЙН-КУРС';display:block;font-size:12px;letter-spacing:1px;margin-bottom:12px;color:#596451}
.course.alt .eyebrow::before{color:#655873}
.course h3{margin:22px 0 18px}
.course>p:not(.eyebrow){margin-bottom:28px;font-size:16px}
.course button,.course.alt button{margin-top:auto;padding:15px 22px;min-height:50px;justify-content:center;text-align:center;border:1px solid #556b60;border-radius:7px;background:#556b60;color:#fff;font-size:16px;font-weight:500;transition:background .15s,box-shadow .15s}
.course.alt button{background:#6a587b;border-color:#6a587b}
.course button:hover{background:#405549;box-shadow:0 4px 12px #393d3a20}
.course.alt button:hover{background:#574566}
@media(max-width:600px){.hero-video-strip{padding-bottom:22px}.hero-video{width:100%;justify-content:flex-start}.section-head{margin-bottom:20px}}