:root{--navy:#0b315a;--ink:#102d46;--blue:#087bb2;--sky:#e8f4fa;--paper:#f6f7f9;--line:#dde5eb;--muted:#5b6f80;--orange:#ed8f43;--soft:#fff3e8;--white:#fff;--green:#276a53;--shadow:0 14px 44px #0b315a09}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Heebo,Arial,sans-serif;font-size:16px;line-height:1.65}button,input,textarea,select{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:var(--blue)}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #c46a24;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.25;text-wrap:balance}h1{font-size:clamp(30px,4vw,47px);font-weight:800;letter-spacing:-1px}h2{font-size:27px}h3{font-size:20px}p+p{margin-top:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link{position:fixed;top:-100px;right:20px;z-index:100;background:white;padding:15px}.skip-link:focus{top:10px}.topbar{max-width:1320px;margin:auto;min-height:100px;padding:13px 32px;display:flex;align-items:center;gap:27px;background:white}.topbar:before{content:"";position:absolute;top:0;left:0;right:0;height:100px;background:white;z-index:-1}.brand{position:relative;width:238px;height:68px;display:block;overflow:hidden;flex-shrink:0}.brand img{position:absolute;width:260px;max-width:none;top:-24px;left:-12px}.course-name{display:flex;flex-direction:column;border-right:1px solid var(--line);padding-right:26px;font-size:15px}.tiny-label{font-size:12px;letter-spacing:.1px;color:var(--muted)}.mode-switch{display:flex;background:#eff3f6;border:1px solid #e4eaf0;padding:4px;border-radius:11px;margin-right:auto}.mode-switch button{border-radius:7px;padding:9px 17px;background:transparent;color:var(--muted);font-size:13px;font-weight:600;white-space:nowrap}.mode-switch button.active{background:white;color:var(--navy);box-shadow:0 2px 5px #14395812}.page{max-width:1220px;margin:34px auto 0;padding:0 28px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;color:var(--blue);margin-bottom:16px}.eyebrow:before{content:"";height:7px;width:7px;border-radius:50%;background:var(--orange)}.hero{position:relative;border-radius:24px;background:var(--navy);color:white;display:grid;grid-template-columns:1.14fr 1fr;overflow:hidden;min-height:490px}.hero-copy{padding:52px 48px}.hero .eyebrow{color:#b4dff3}.hero h1{font-size:clamp(40px,4.7vw,64px);line-height:1.13;font-weight:800;letter-spacing:-1.6px}.hero h1 em{font-style:normal;color:#a8d9ed}.hero p{color:#d6e2eb;max-width:410px;margin-top:23px;font-size:17px}.hero-photo{position:relative;min-height:340px}.hero-photo img{height:100%;width:100%;object-fit:cover;object-position:45% center;position:absolute}.photo-label{position:absolute;bottom:26px;left:26px;background:white;color:var(--navy);padding:15px 20px;border-radius:13px;box-shadow:var(--shadow);font-size:14px}.photo-label strong{display:block;font-size:21px}.hero .primary{margin-top:27px;background:var(--orange);color:#1b2c3a}.primary,.secondary,.text-btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:46px;border-radius:10px;padding:11px 23px;text-decoration:none;font-size:15px;font-weight:600}.primary{background:var(--navy);color:white}.primary:hover{background:#164778}.hero .primary:hover{background:#f3a562}.secondary{background:white;border:1px solid #cbd9e3;color:var(--navy)}.secondary:hover{background:var(--sky)}.text-btn{background:transparent;padding:9px 10px;color:var(--muted)}.arrow{font-size:22px;line-height:1}.hero-meta{display:flex;gap:24px;margin-top:23px;color:#b9cddb;font-size:12px}.intro-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;margin:22px 0}.intro-feature{display:flex;gap:14px;align-items:flex-start;background:white;padding:22px;border:1px solid #e7edf2;border-radius:14px}.feature-num{font-size:13px;background:var(--sky);color:var(--blue);border-radius:9px;padding:6px 9px;line-height:1.4}.intro-feature strong{font-size:15px;display:block}.intro-feature p{font-size:13px;color:var(--muted);margin-top:5px}.demo-note{font-size:13px;color:var(--muted);display:flex;gap:10px;align-items:flex-start;padding:16px 3px}.demo-note svg{flex-shrink:0;margin-top:3px}.site-footer{max-width:1220px;margin:36px auto 0;padding:20px 28px 26px;display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px;border-top:1px solid var(--line)}.progress-band{background:white;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.progress-inner{max-width:1220px;padding:14px 28px;margin:auto;display:flex;gap:20px;align-items:center}.progress-title{font-size:13px;white-space:nowrap;font-weight:600}.progress-track{height:5px;border-radius:4px;background:#e5edf2;flex:1;overflow:hidden}.progress-fill{height:100%;background:var(--blue);border-radius:4px;transition:width .3s}.progress-time{font-size:12px;color:var(--muted);white-space:nowrap}.lesson-layout{display:grid;grid-template-columns:226px minmax(0,1fr);gap:30px;align-items:start}.steps{position:sticky;top:94px}.steps-title{font-size:12px;color:var(--muted);padding:0 14px;margin-bottom:13px}.step-link{width:100%;display:flex;align-items:center;text-align:right;gap:11px;background:transparent;border-radius:10px;padding:13px 12px;margin-bottom:5px;color:var(--muted);font-size:13px}.step-link.active{background:var(--navy);color:white}.step-number{display:grid;place-items:center;height:29px;width:29px;border:1px solid #cbd7e1;border-radius:9px;font-size:12px;flex-shrink:0}.step-link.active .step-number{border-color:#7294b0;color:#b9e2f7}.step-link.done .step-number{border-color:#87b7a5;color:var(--green);background:#edf7f2}.sidebar-note{font-size:12px;line-height:1.8;padding:20px 13px;color:var(--muted);border-top:1px solid var(--line);margin-top:18px}.lesson-card{background:white;border:1px solid #e2e9ee;border-radius:20px;padding:35px 38px;box-shadow:var(--shadow);min-width:0;animation:enter .22s ease}.lesson-card:focus{outline:none}.lesson-card .lead{font-size:17px;color:var(--muted);margin:15px 0 23px;max-width:650px}.section-kicker{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;font-size:12px;color:var(--blue)}.duration{background:#f1f5f8;border-radius:5px;padding:3px 9px;color:var(--muted)}.field-label{display:block;font-size:15px;font-weight:600;margin:23px 0 9px}.field-hint{font-size:12px;color:var(--muted);margin:5px 0 10px}.answer{width:100%;resize:vertical;min-height:95px;background:#fafcfd;border:1px solid #cbd8e2;border-radius:10px;padding:13px 15px;color:var(--ink);line-height:1.7}.answer.small{min-height:76px}.answer::placeholder{color:#7b8c9a}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:19px 0 9px}.choice{border:1px solid #d8e2e9;background:white;border-radius:11px;min-height:62px;padding:13px 15px;display:flex;align-items:center;gap:11px;position:relative;color:var(--ink);text-align:right;font-size:14px}.choice:hover{border-color:#81afc9;background:#f6fbfe}.choice.selected{border:2px solid var(--blue);padding:12px 14px;background:#edf7fc}.choice svg{color:#477b99;flex-shrink:0}.choice .check{margin-right:auto;display:grid;place-items:center;width:20px;height:20px;border:1px solid #b9cbd8;border-radius:6px;flex-shrink:0;font-size:12px}.choice.selected .check{background:var(--blue);border-color:var(--blue);color:white}.choice .check:empty:before{content:""}.selection-hint{min-height:24px;font-size:12px;color:var(--muted)}.privacy{font-size:12px;color:var(--muted);margin-top:17px;display:flex;align-items:flex-start;gap:7px}.privacy svg{flex-shrink:0;margin-top:3px}.bottom-nav{display:flex;justify-content:space-between;gap:13px;border-top:1px solid var(--line);padding-top:23px;margin-top:30px;align-items:center}.bottom-nav .next-wrap{display:flex;align-items:center;gap:10px}.counter-small{font-size:12px;color:var(--muted)}.video-shell{border-radius:14px;overflow:hidden;position:relative;min-height:222px;background:#123755;display:flex;align-items:center;justify-content:center;text-align:center;color:white;margin:20px 0}.video-shell img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.2;filter:grayscale(1)}.video-shell .video-content{position:relative;padding:28px;max-width:560px}.video-mark{border:1px solid #83acc5;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;margin:0 auto 12px;color:#bcdff2}.video-content strong{font-size:20px;display:block}.video-content p{font-size:13px;color:#d0e0ec;margin-top:9px}.video-content a{color:#c5eafa;font-size:12px;display:inline-block;margin-top:12px}.badge{display:inline-block;border-radius:5px;padding:3px 9px;background:var(--soft);color:#8b4b1b;font-size:11px;font-weight:600;margin-bottom:12px}.reading{background:var(--sky);border-radius:12px;padding:20px 23px;margin:17px 0}.reading p{font-size:15px;color:#274d68}.reading h3{font-size:17px;margin-bottom:10px}.reading small{color:var(--muted);display:block;margin-top:13px;font-size:11px}.pills{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.pill{padding:9px 16px;border-radius:8px;background:white;border:1px solid #d2dfe8;font-size:13px;color:var(--ink)}.pill.selected{background:var(--navy);border-color:var(--navy);color:white}.question-box{padding:22px;border:1px solid var(--line);border-radius:13px;margin-top:22px}.question-box h3{font-size:18px;margin-bottom:15px}.quiz-choices{display:grid;gap:9px}.quiz-option{display:flex;align-items:center;gap:12px;text-align:right;padding:13px 15px;border:1px solid #d5e0e8;border-radius:9px;background:white;color:var(--ink);font-size:14px}.quiz-option.selected{border-color:var(--blue);background:var(--sky)}.quiz-letter{background:#f1f5f8;border-radius:5px;height:26px;width:26px;display:grid;place-items:center;flex-shrink:0}.feedback{margin-top:16px;padding:15px 17px;border-radius:10px;font-size:14px;background:var(--soft);color:#7e481e}.feedback.good{background:#edf7f2;color:#235e49}.feedback strong{display:block;margin-bottom:4px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.focus-value{background:var(--navy);color:white;padding:19px 23px;border-radius:12px;margin:22px 0;display:flex;justify-content:space-between;align-items:center;gap:10px}.focus-value span{font-size:12px;color:#bad0df}.focus-value strong{font-size:22px}.muted-box{border-right:3px solid var(--orange);padding:13px 18px;background:#fbf8f4;font-size:14px;color:#4c5e6a;margin:20px 0}.task-line{display:grid;grid-template-columns:32px 1fr;gap:12px;align-items:start;margin-top:18px}.task-line .num{margin-top:25px;color:var(--blue);font-size:18px}.task-line .field-label{margin-top:20px}.success-emblem{width:62px;height:62px;background:#edf7f2;color:var(--green);border-radius:18px;display:grid;place-items:center;font-size:30px;margin-bottom:22px}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:25px 0}.summary-box{border:1px solid var(--line);border-radius:12px;padding:19px;overflow-wrap:anywhere}.summary-box span{font-size:12px;color:var(--muted);display:block}.summary-box p{font-size:16px;margin-top:8px;white-space:pre-wrap}.summary-box.wide{grid-column:1/-1}.teacher-top{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:27px}.teacher-top h1{font-size:38px}.teacher-top p{color:var(--muted);margin-top:12px;max-width:650px}.teacher-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:26px 0}.stat{background:white;border:1px solid var(--line);border-radius:12px;padding:20px}.stat strong{font-size:27px;display:block;color:var(--navy)}.stat span{font-size:13px;color:var(--muted)}.teacher-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:23px;align-items:start}.teacher-panel{background:white;padding:27px;border:1px solid var(--line);border-radius:17px;min-width:0}.teacher-panel h2{font-size:23px;margin-bottom:19px}.teacher-panel+.teacher-panel{margin-top:20px}.checklist{padding:0;list-style:none}.checklist li{position:relative;padding-right:27px;margin:13px 0;font-size:14px}.checklist li:before{content:"✓";position:absolute;right:0;color:var(--blue)}.schedule{width:100%;border-collapse:collapse;font-size:13px}.schedule th{text-align:right;color:var(--muted);font-weight:500;padding:10px 7px;border-bottom:1px solid var(--line)}.schedule td{padding:12px 7px;border-bottom:1px solid #edf0f3;vertical-align:top}.schedule td:first-child{direction:ltr;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--blue)}.schedule tr:last-child td{border:0}.guide{background:white;border:1px solid var(--line);border-radius:13px;margin:11px 0;overflow:hidden}.guide summary{padding:20px;cursor:pointer;font-size:15px;font-weight:600;display:flex;gap:10px;align-items:center;list-style:none}.guide summary::-webkit-details-marker{display:none}.guide summary:after{content:"+";margin-right:auto;color:var(--blue);font-size:22px}.guide[open] summary:after{content:"−"}.guide .guide-content{padding:0 21px 22px;font-size:14px;color:#425b6d}.guide-content p{margin-top:12px}.guide-content blockquote{margin:16px 0 0;padding:15px 18px;background:var(--sky);border-radius:9px;color:var(--navy)}.teacher-section-title{font-size:23px;margin:33px 0 17px}.teacher-note{font-size:13px;color:var(--muted);margin:16px 0}.link-subtle{font-size:12px;color:var(--muted)}.credits{font-size:11px;color:var(--muted);margin:15px 0}.credits a{color:inherit}.print-only{display:none}@keyframes enter{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.film-block{border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:24px 0;background:#f8fbfd}.film-heading{padding:17px 19px;display:flex;align-items:center;justify-content:space-between;gap:15px}.film-heading strong{font-size:16px}.film-heading span{font-size:11px;color:var(--muted);white-space:nowrap}.lesson-video{width:100%;aspect-ratio:16/9;display:block;background:#071d31;object-fit:contain}.film-actions{display:flex;gap:15px;align-items:center;padding:15px 18px}.film-status{font-size:12px;color:var(--muted)}.film-actions .secondary{min-height:40px;font-size:13px;padding:8px 14px;white-space:nowrap}.film-next{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 15px 11px}.film-next a{font-size:11px;color:var(--muted)}.film-next .text-btn{font-size:12px;color:var(--blue)}.film-error{padding:15px 18px;background:var(--soft);font-size:13px}.film-error[hidden]{display:none}.film-error button{margin-top:10px}@media(max-width:650px){.film-heading{padding:14px;display:block}.film-heading strong{display:block;font-size:15px}.film-heading span{display:block;margin-top:7px}.film-actions{padding:13px;gap:9px;align-items:start;flex-wrap:wrap}.film-status{font-size:11px}.film-next{align-items:start;flex-direction:column;padding:0 13px 14px;gap:0}.film-next .text-btn{padding:7px 0}}
@media(min-width:1400px){.hero{min-height:515px}.hero-copy{padding:60px 53px}}
@media(max-width:900px){.course-name{display:none}.topbar{padding:10px 22px;min-height:91px;gap:15px}.hero-copy{padding:37px 30px}.hero h1{font-size:46px}.hero{min-height:440px}.lesson-layout{grid-template-columns:180px minmax(0,1fr);gap:18px}.lesson-card{padding:29px 25px}.step-link{padding:10px 8px;font-size:12px}.teacher-grid{grid-template-columns:1fr}.teacher-top h1{font-size:31px}.intro-feature{padding:18px 15px}}
@media(max-width:650px){.topbar{padding:8px 16px;min-height:126px;flex-wrap:wrap;gap:4px;justify-content:center}.topbar:before{height:126px}.brand{width:180px;height:52px;margin:auto}.brand img{width:200px;top:-18px;left:-9px}.mode-switch{margin:0 auto;width:100%;justify-content:center;padding:3px;max-width:350px}.mode-switch button{flex:1;padding:8px 12px;font-size:12px}.page{padding:0 16px;margin-top:22px}.hero{grid-template-columns:1fr;min-height:0;border-radius:18px}.hero-copy{padding:31px 26px 34px}.hero h1{font-size:43px}.hero p{font-size:15px;margin-top:19px}.hero-meta{font-size:11px;gap:20px}.hero-photo{min-height:220px;max-height:240px}.hero-photo img{object-position:center 46%}.photo-label{bottom:15px;left:17px;padding:11px 16px;font-size:12px}.photo-label strong{font-size:18px}.intro-bottom{grid-template-columns:1fr;gap:9px;margin:14px 0}.intro-feature{padding:16px}.intro-feature p{margin-top:3px}.intro-feature strong{font-size:14px}.demo-note{font-size:12px;padding:12px 2px}.site-footer{flex-direction:column;margin-top:25px;padding:18px 16px;font-size:10px}.progress-inner{padding:12px 16px;gap:12px;flex-wrap:wrap}.progress-title{font-size:12px}.progress-time{font-size:11px;margin-right:auto}.progress-track{order:3;flex-basis:100%}.lesson-layout{display:block}.steps{position:static;display:flex;gap:7px;margin-bottom:15px}.steps-title,.sidebar-note,.step-title{display:none}.step-link{width:auto;flex:1;padding:0;justify-content:center;margin:0;background:white;border:1px solid var(--line);height:38px;border-radius:8px}.step-number{height:auto;width:auto;border:0;background:transparent!important}.lesson-card{padding:25px 21px;border-radius:16px}.lesson-card h1{font-size:29px;letter-spacing:-.4px}.lesson-card .lead{font-size:15px;margin:13px 0 18px}.section-kicker{font-size:11px}.choice-grid{gap:8px;grid-template-columns:1fr 1fr}.choice{font-size:12px;min-height:69px;padding:10px;gap:7px}.choice.selected{padding:9px}.choice svg{width:19px}.choice .check{width:16px;height:16px;font-size:10px}.field-label{font-size:14px}.answer{font-size:15px;padding:11px;min-height:95px}.privacy{font-size:11px}.bottom-nav{gap:7px;margin-top:24px;padding-top:20px}.primary,.secondary{font-size:13px;padding:10px 15px}.text-btn{font-size:12px;padding:7px 2px}.counter-small{display:none}.two-fields,.summary-grid{grid-template-columns:1fr;gap:4px}.summary-box.wide{grid-column:auto}.summary-grid{gap:11px}.video-content{padding:23px 17px!important}.video-content strong{font-size:18px}.video-content p{font-size:12px}.reading{padding:17px}.reading p{font-size:14px}.pill{font-size:12px;padding:8px 12px}.question-box{padding:16px}.quiz-option{font-size:13px;padding:11px}.focus-value{padding:15px 18px}.focus-value strong{font-size:19px}.teacher-top{flex-direction:column}.teacher-top h1{font-size:31px}.teacher-top p{font-size:14px}.teacher-stats{gap:8px;margin:20px 0}.stat{padding:13px 10px}.stat strong{font-size:23px}.stat span{font-size:11px}.teacher-panel{padding:21px 17px}.teacher-panel h2{font-size:21px}.schedule{font-size:11px}.schedule td,.schedule th{padding:10px 4px}.guide summary{font-size:14px;padding:17px}.guide .guide-content{padding:0 17px 18px}.teacher-section-title{font-size:22px}.summary-box p{font-size:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{body{background:white;font-size:12px}.topbar,.mode-switch,.site-footer,.progress-band,.steps,.bottom-nav,.no-print{display:none!important}.page{padding:0;margin:0;max-width:none}.lesson-layout,.teacher-grid{display:block}.lesson-card,.teacher-panel,.guide,.stat{box-shadow:none;border-color:#bbb;break-inside:avoid}.teacher-top h1{font-size:25px}.teacher-top{margin:0}.teacher-top button{display:none}.teacher-stats{margin:15px 0}.guide .guide-content{display:block!important}.guide-content blockquote{background:#f5f5f5}.print-only{display:block}.summary-grid{display:block}.summary-box{margin:10px 0}}