:root{--ink:#152343;--blue:#1649e8;--paper:#fffdf5;--lilac:#e6e7ff;--lime:#e6ff8a;--yellow:#ffdc61}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.55}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}a:focus-visible,button:focus-visible,input:focus-visible,h1:focus-visible{outline:3px solid var(--blue);outline-offset:5px}h1,h2,p{margin-top:0}h1,h2{line-height:1.04;letter-spacing:-.055em}h2{font-size:30px}p{margin-bottom:18px}[hidden]{display:none!important}.wrap{width:min(1240px,calc(100% - 80px));margin-inline:auto}.skip{position:absolute;left:10px;top:-100px;background:white;padding:12px;z-index:5}.skip:focus{top:10px}.topbar{min-height:102px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink);gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:13px;line-height:1.13;font-weight:900;letter-spacing:.02em}.brand-symbol{font-size:46px;line-height:1;color:var(--blue);letter-spacing:-.21em;padding-right:10px}.brand-symbol span{color:var(--ink)}.back{font-size:14px;font-weight:700;text-underline-offset:4px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;margin-bottom:20px}.welcome{padding-block:62px 80px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:70px;align-items:start}.intro h1{font-size:clamp(36px,4.35vw,62px);margin:0 0 28px}.intro h1 span{color:var(--blue)}.intro-text{font-size:24px;line-height:1.4;letter-spacing:-.035em;max-width:530px}.intro-description{max-width:550px;font-size:18px}.badges{display:flex;flex-wrap:wrap;gap:8px;margin-block:25px 38px}.badges span{font-size:12px;font-weight:700;border:1px solid var(--ink);padding:6px 10px;border-radius:99px}.badges span:last-child{background:var(--lime)}.curriculum{list-style:none;padding:0;margin:0;border-top:1px solid var(--ink)}.curriculum li{display:flex;align-items:start;gap:20px;padding:20px 0;border-bottom:1px solid #15234340}.curriculum li>span{font-size:14px;font-weight:900;color:var(--blue);padding-top:3px}.curriculum strong{font-size:18px;letter-spacing:-.025em}.curriculum p{font-size:14px;margin:3px 0 0;color:#506079}.registration-card{background:var(--lilac);padding:38px 30px 26px;border:2px solid var(--ink);box-shadow:9px 9px 0 var(--blue);position:sticky;top:25px;margin-top:16px}.ticket{display:inline-block;background:var(--yellow);border:1px solid var(--ink);padding:6px 15px;font-size:15px;font-weight:900;transform:rotate(5deg);position:absolute;right:18px;top:-20px}.registration-card h2{font-size:46px;margin:20px 0}.registration-card p{font-size:16px}.registration-card .eyebrow{font-size:11px;margin-top:5px}.registration-card label:not(.check){font-size:14px;font-weight:700;display:block;margin:15px 0 7px}.optional{font-size:12px;font-weight:400}input:not([type=checkbox]){width:100%;border:1px solid var(--ink);background:var(--paper);padding:13px 14px;border-radius:0;color:var(--ink);font-size:16px}input[type=checkbox]{width:19px;height:19px;flex:0 0 19px;accent-color:var(--blue);margin:3px 0 0}.check{display:flex;gap:10px;font-size:12px;line-height:1.5;margin:18px 0}.check a{text-underline-offset:2px}.honeypot{position:absolute;width:1px;height:1px;overflow:hidden;left:-10000px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 20px;border:2px solid var(--ink);text-decoration:none;font-weight:800;line-height:1.25;font-size:15px;min-height:54px;transition:transform .15s,box-shadow .15s}.button:hover{transform:translate(-2px,-2px);box-shadow:3px 3px 0 var(--ink)}.primary{background:var(--blue);color:white}.secondary{background:var(--paper);color:var(--ink)}#register-button{width:100%;margin-top:6px}.registration-card .small,.small{font-size:12px;line-height:1.6;color:#526078}.registration-card .small{margin:17px 0}.registration-card .format-note{font-size:12px;border-top:1px solid #15234340;padding-top:16px;margin-bottom:0}.error{color:#a01d28;font-size:14px;font-weight:700;margin:14px 0}.error:empty,.status:empty{display:none}.status{font-size:13px;min-height:20px;margin-top:16px}.classroom{display:grid;grid-template-columns:270px minmax(0,1fr);gap:56px;padding-top:42px;padding-bottom:70px}.course-menu{position:sticky;top:24px;align-self:start}.course-menu h2{font-size:23px;margin:0 0 22px}.course-menu .eyebrow{color:var(--blue);margin-bottom:14px}.course-menu>p:not(.eyebrow){font-size:12px}progress{width:100%;height:7px;display:block;border:0;margin:0 0 22px;accent-color:var(--blue);background:var(--lilac)}progress::-webkit-progress-bar{background:var(--lilac)}progress::-webkit-progress-value{background:var(--blue)}#lesson-nav{display:grid;gap:7px;margin-bottom:22px}#lesson-nav a{display:flex;align-items:flex-start;gap:12px;padding:13px 12px;text-decoration:none;border:1px solid transparent;font-size:14px;line-height:1.35}#lesson-nav a:hover{background:var(--lilac)}#lesson-nav a[aria-current=step]{background:var(--lime);border-color:var(--ink);font-weight:800}#lesson-nav .nav-number{font-size:12px;font-weight:900;padding-top:2px;width:20px;flex:0 0 20px}#lesson-nav .done{color:#246639}.lesson{min-width:0}.lesson-meta{display:flex;justify-content:space-between;gap:15px;margin-bottom:10px}.lesson-meta p{margin:0;font-size:12px}.lesson-meta .eyebrow{color:var(--blue)}.lesson h1{font-size:clamp(35px,3.6vw,51px);margin:10px 0 20px}.lesson-description{font-size:18px;line-height:1.55;max-width:730px}.player-wrap{background:var(--ink);border:1px solid var(--ink);margin:28px 0 36px;aspect-ratio:16/9;overflow:hidden}video{width:100%;height:100%;display:block}.lesson-section{margin:35px 0}.lesson-section h2{font-size:25px;margin:0 0 22px}.files-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.file-link{display:flex;flex-direction:column;justify-content:space-between;gap:16px;background:#fff;border:1px solid var(--ink);padding:18px;text-decoration:none;min-height:150px;line-height:1.35}.file-link:hover{background:var(--lilac)}.file-link .file-type{font-size:11px;color:var(--blue);font-weight:800;letter-spacing:.05em}.file-link strong{font-size:16px}.file-link .file-size{font-size:11px;color:#59657c}.tasks{position:relative;padding:32px;background:var(--lilac);border:1px solid var(--ink);margin-top:52px}.section-mark{position:absolute;right:20px;top:-16px;background:var(--lime);border:1px solid var(--ink);padding:5px 15px;font-size:12px;font-weight:900;transform:rotate(-3deg)}#lesson-tasks p{font-size:16px;line-height:1.65;margin-bottom:18px}.tasks .small{margin-bottom:0;margin-top:26px}.lesson-actions{display:flex;justify-content:space-between;gap:14px;align-items:stretch}.lesson-actions .button{font-size:14px}.text-button{font:inherit;background:none;border:0;padding:0;text-decoration:underline;color:inherit}.finish{margin-top:50px;background:var(--lime);border:2px solid var(--ink);padding:32px}.finish h2{font-size:34px;line-height:1.1}.next-options{display:grid;gap:0}.next-options a{display:grid;gap:6px;padding:20px 0;border-top:1px solid #15234360;text-decoration:none}.next-options a:hover strong{text-decoration:underline}.next-options strong{font-size:17px}.next-options span{font-size:14px}.footer{padding-block:26px 40px;border-top:1px solid var(--ink);font-size:12px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.footer>div{width:100%;display:flex;gap:20px;flex-wrap:wrap}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.welcome{gap:35px;grid-template-columns:minmax(0,1.2fr) minmax(300px,1fr)}.intro h1{font-size:40px}.registration-card{padding:30px 24px}.registration-card h2{font-size:39px}.classroom{grid-template-columns:230px minmax(0,1fr);gap:30px}.files-grid{grid-template-columns:1fr}.file-link{min-height:0;display:grid;grid-template-columns:55px 1fr auto;align-items:center}.lesson-actions{flex-wrap:wrap}.lesson-actions .button{flex:1 1 230px}.course-menu h2{font-size:21px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.topbar{min-height:82px}.brand{font-size:11px}.brand-symbol{font-size:37px}.back{font-size:12px}.welcome{grid-template-columns:1fr;padding-top:36px;gap:45px}.intro h1{font-size:clamp(31px,7vw,52px);letter-spacing:-.055em}.intro-text{font-size:22px}.intro-description{font-size:16px}.eyebrow{font-size:10px}.curriculum strong{font-size:17px}.registration-card{position:relative;top:0;margin:0 7px 0 0;padding:34px 24px}.registration-card h2{font-size:43px}.classroom{display:flex;flex-direction:column;gap:30px;padding-top:28px}.course-menu{position:static;width:100%;background:var(--lilac);border:1px solid var(--ink);padding:20px}.course-menu h2{font-size:23px}.course-menu>p.small{display:none}#lesson-nav{margin:0;grid-template-columns:1fr 1fr;gap:6px}#lesson-nav a{font-size:12px;padding:10px 7px;gap:6px;background:var(--paper)}.course-menu progress{margin-bottom:18px}.lesson h1{font-size:36px}.lesson-description{font-size:16px}.lesson-meta .eyebrow{font-size:10px}.player-wrap{margin-top:22px}.lesson-section h2{font-size:22px}.file-link{grid-template-columns:44px 1fr auto;padding:16px 12px;gap:10px}.file-link strong{font-size:14px}.tasks{padding:28px 19px}.tasks p{font-size:15px}.finish{padding:24px 20px}.finish h2{font-size:28px}.footer{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
.course-start{margin:-12px 0 32px}.brand img{object-fit:contain;flex:0 0 60px}