*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:#202b49;background:#f7f8fb;font:17px/1.65 system-ui,-apple-system,sans-serif}a{color:#882c3f}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #202b49;outline-offset:4px}header{display:flex;justify-content:space-between;align-items:center;padding:18px max(5vw,20px);background:white;border-bottom:1px solid #e2e5ec}header img{width:190px;height:112px;object-fit:contain}nav{display:flex;gap:24px}nav a{text-decoration:none;font-size:14px;font-weight:700}main{max-width:1200px;margin:auto;padding:0 28px}.hero{padding:70px 0;display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:center}.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:800;color:#882c3f}h1{font-size:clamp(44px,6vw,76px);letter-spacing:-.05em;line-height:1.05;margin:20px 0 25px}h2{font-size:30px;line-height:1.25;letter-spacing:-.025em;margin:16px 0}p{color:#576176}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.tags span{font-size:12px;padding:6px 12px;border:1px solid #dce1e8;border-radius:20px}.lesson-card{background:#202b49;color:white;border-radius:24px;padding:36px;position:relative;overflow:hidden;border-bottom:6px solid #882c3f}.lesson-card p,.lesson-card li{color:#e2e6ef}.lesson-card .number{font-size:64px;font-weight:800;color:#bac4d9}.small{font-size:13px}.panel{background:white;border:1px solid #e1e5ed;border-radius:22px;padding:36px;display:grid;grid-template-columns:1fr 1.15fr;gap:50px;margin-bottom:50px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-size:14px;font-weight:600}input:not([type=checkbox]):not([type=radio]){width:100%;margin-top:7px;border:1px solid #b9c1d0;padding:12px;border-radius:7px;font:inherit;background:white}input[type=checkbox],input[type=radio]{width:18px;height:18px;flex-shrink:0;accent-color:#882c3f;margin:4px 9px 0 0}.check,.answer{display:flex;align-items:flex-start;font-size:13px;line-height:1.5;margin:20px 0;font-weight:400}.check a{margin-left:3px}.check:has(a){display:block}.check:has(a) input{vertical-align:middle}button{font:700 15px/1.4 system-ui;border:0;border-radius:8px;padding:16px 22px;background:#882c3f;color:white;cursor:pointer;min-height:48px}button:hover{background:#6e2031}button:disabled{opacity:.55;cursor:wait}.status{font-size:14px;white-space:pre-line}.trap{position:absolute;left:-10000px}.section-head{margin:50px 0 24px}.steps{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:30px}.steps a{padding:10px 18px;background:white;border:1px solid #dce1e8;border-radius:8px;font-size:14px}.lesson{padding:36px;background:white;border-radius:18px;margin:24px 0;border:1px solid #e1e5ed;max-width:900px;scroll-margin-top:20px}.lesson h2{font-size:30px}.done{padding:15px;background:#f3f5f9;border-radius:8px;font-weight:600}.sheet-demo{display:grid;grid-template-columns:36px repeat(3,minmax(0,1fr));border:1px solid #d1d9e5;font-size:14px;margin:24px 0;overflow:hidden;border-radius:8px}.sheet-demo>div{padding:10px;border:1px solid #e3e7ee}.sheet-demo>div:nth-child(-n+4),.sheet-demo>div:nth-child(4n+1){background:#eef1f5;font-weight:700}.sheet-demo .selected{border:2px solid #287250;background:#e8f6ef;font-weight:700}.question{border:0;border-bottom:1px solid #e1e5ed;padding:20px 0}.question legend{font-weight:700;font-size:16px}#quiz-fields{border:0;padding:0;min-width:0}#quiz-fields>legend{font-size:14px;color:#657083}.answer{font-size:15px}.callout{border-left:4px solid #882c3f;padding:14px 20px;background:#f7f8fb}.secondary{display:block;font-size:14px;font-weight:700;margin:18px 0}footer{border-top:1px solid #dce1e8;padding:35px 0 55px;font-size:13px}footer a{display:inline-block;margin:12px 18px 0 0}footer strong{display:block}[hidden]{display:none!important}@media(max-width:720px){body{font-size:16px}main{padding:0 20px}header{padding:12px 20px}header img{width:130px;height:77px}header nav{flex-direction:column;gap:6px}.hero{padding:40px 0;grid-template-columns:1fr;gap:25px}.hero h1{font-size:49px}.lesson-card{padding:25px}.panel{grid-template-columns:1fr;padding:24px;gap:20px}.grid{grid-template-columns:1fr}.lesson{padding:24px}.sheet-demo{font-size:12px}.sheet-demo>div{padding:7px 4px}.steps{gap:6px}.steps a{padding:8px 12px}h2,.lesson h2{font-size:27px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.start-link{display:inline-block;padding:13px 22px;background:#882c3f;color:#fff;border-radius:8px;font-size:15px;font-weight:700;text-decoration:none}.start-link:hover{background:#6e2031}