@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#193144;--navy:#0d2434;--navy2:#163e48;--teal:#087c79;--mint:#95e8be;--gold:#f4bd6c;--bg:#f4f7f5;--card:#fff;--line:#d9e5df;--muted:#627a84;--shadow:0 15px 40px rgba(17,55,54,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 Manrope,Segoe UI,Arial,sans-serif}a{color:inherit}a:hover{text-decoration-color:var(--teal)}:focus-visible{outline:3px solid #efae49;outline-offset:3px}button,input,select{font:inherit}button{cursor:pointer}img{max-width:100%}.wrap{width:min(1100px,calc(100% - 40px));margin:auto}.skip{position:absolute;top:-100px;left:20px;background:#fff;padding:10px;z-index:20}.skip:focus{top:12px}.top{background:var(--navy);color:#f9fff9;border-bottom:1px solid rgba(255,255,255,.14)}.topinner{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:15px}.brand{text-decoration:none;display:flex;align-items:center;gap:10px;font-size:1.24rem;font-weight:800;letter-spacing:.035em}.brand svg{width:33px;height:33px}.links{display:flex;gap:22px;align-items:center;font-size:.89rem;font-weight:800}.links a{text-decoration:none;color:#e2f4ed}.links a:hover{color:var(--mint)}.navcta{background:var(--mint);color:var(--navy)!important;padding:9px 14px;border-radius:10px}.hero{background:radial-gradient(circle at 90% 24%,#205b60 0,transparent 42%),radial-gradient(circle at 4% 93%,#173e53 0,transparent 40%),var(--navy);color:#f2fff6;position:relative;overflow:hidden}.hero .wrap{padding:68px 0 76px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px}.eyebrow{font-weight:800;text-transform:uppercase;letter-spacing:.13em;font-size:.78rem;color:var(--mint)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.3rem,5.3vw,4.6rem);line-height:1.11;letter-spacing:-.052em;margin:16px 0 22px}h2{font-size:clamp(1.5rem,3vw,2.25rem);letter-spacing:-.035em;line-height:1.25}h3{font-size:1.17rem;line-height:1.3}.hero p{color:#d3e7df;max-width:630px;font-size:1.1rem}.hero .gold{color:var(--gold)}.hero-tile{border-radius:24px;padding:27px;background:linear-gradient(135deg,#214d54,#123342);border:1px solid rgba(179,245,218,.2);box-shadow:0 35px 50px rgba(0,0,0,.2);transform:rotate(2deg)}.tileline{display:flex;align-items:center;justify-content:space-between;color:#b6d9d0;letter-spacing:.13em;text-transform:uppercase;font-size:.78rem;font-weight:800}.tile-symbol{text-align:center;font-size:7rem;line-height:1.5}.tile-foot{display:flex;gap:12px;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.18);padding-top:15px;font-weight:800}.pill{display:inline-block;background:#dff7e8;color:#115d51;border-radius:40px;padding:5px 12px;font-size:.78rem;font-weight:800}.hero .pill{background:rgba(149,232,190,.13);color:var(--mint);border:1px solid rgba(149,232,190,.3)}.buttons{display:flex;gap:11px;flex-wrap:wrap;margin:23px 0 0}.btn,button.btn{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:46px;text-decoration:none;font-weight:800;font-size:.96rem;border-radius:11px;padding:10px 18px;background:var(--teal);color:#fff;border:1px solid var(--teal)}.btn:hover{background:#066b66}.btn.light{background:var(--mint);color:var(--navy);border:1px solid var(--mint)}.btn.line{background:transparent;border:1px solid #adc7be;color:inherit}.btn.line:hover{background:rgba(149,232,190,.12)}.btn.ghost{background:#eff7f4;color:#146b62;border-color:#ccded6}.section{padding:55px 0}.section-heading{margin-bottom:25px}.section-heading p{max-width:800px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.card{background:var(--card);border-radius:19px;padding:26px;border:1px solid var(--line);box-shadow:var(--shadow)}.mission-card{display:flex;flex-direction:column;min-height:316px}.mission-card .number{font-size:.78rem;color:#10766e;font-weight:800;letter-spacing:.12em}.mission-card .sym{font-size:2.7rem;margin:12px 0}.mission-card p{font-size:.94rem;color:var(--muted)}.mission-card .btn{margin-top:auto}.band{background:#eaf2ee;padding:47px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.step{padding:19px;background:#fff;border-radius:15px;border:1px solid var(--line)}.step b{color:var(--teal);font-size:1.22rem;margin-right:8px}.foot{background:var(--navy);padding:26px 0;color:#d1e7df;font-size:.84rem}.footinner{display:flex;justify-content:space-between;gap:20px}.foot a{color:var(--mint)}
/* lesson */
.lesson-head{background:linear-gradient(125deg,#102f41,#17615e);color:#fff}.lesson-head .wrap{padding:45px 0 38px}.crumb{font-size:.86rem;color:#d5e9dc}.crumb a{color:#aaf2ce}.lesson-head h1{font-size:clamp(1.95rem,4.6vw,3.4rem);margin:15px 0}.lesson-head p{max-width:770px;color:#dbf3ea}.lesson-meta{display:flex;gap:8px;flex-wrap:wrap}.lesson-meta span{padding:5px 12px;border-radius:40px;border:1px solid rgba(255,255,255,.27);font-size:.79rem;font-weight:800}.lesson-main{padding:25px 0 70px;max-width:920px}.progress{background:white;padding:17px 21px;border-radius:16px;border:1px solid var(--line);box-shadow:var(--shadow);display:flex;align-items:center;gap:17px;justify-content:space-between;flex-wrap:wrap;margin-bottom:19px}.progress .track{background:#dae8e1;height:10px;width:min(280px,55vw);border-radius:30px;overflow:hidden}.progress .fill{width:0;height:100%;background:linear-gradient(90deg,#0b867f,#88d59c);transition:width .25s}.lesson-block{background:#fff;padding:26px 29px;border-radius:19px;border:1px solid var(--line);box-shadow:var(--shadow);margin-bottom:18px}.lesson-block h2{font-size:1.43rem;margin:8px 0 13px}.lesson-block p{margin-bottom:12px}.voice{background:#eff9f3;border-left:4px solid #0d8b73;border-radius:0 12px 12px 0;padding:15px 20px;margin:13px 0;font-size:1.06rem}.voice p:last-child{margin-bottom:0}.tip{background:#fffae9;border-left:4px solid #e8ad4b;border-radius:0 12px 12px 0;padding:14px 18px;margin:14px 0}.taskhead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.tasknum{font-size:.78rem;letter-spacing:.11em;color:#107c70;text-transform:uppercase;font-weight:800}.points{font-size:.8rem;color:#677c85;font-weight:700}.tasksteps{padding-left:23px}.tasksteps li{margin:7px 0}.answerbox{padding:17px;background:#f3f8f6;border:1px solid #d4e6de;border-radius:13px;margin:16px 0}.answerbox label{display:block;font-size:.91rem;font-weight:800;margin-bottom:7px}.answerrow{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.answerrow input,.answerrow select{border:1px solid #a9c5b9;border-radius:10px;background:white;color:var(--ink);padding:11px 12px;min-height:46px;width:min(310px,100%)}.answerrow .btn{min-height:45px}.feedback{font-weight:800;font-size:.91rem;min-height:1.5em;margin:10px 0 0}.feedback.ok{color:#19764b}.feedback.bad{color:#a44029}.checkbox-line{display:flex;gap:10px;align-items:center;background:#eff7f0;padding:11px 14px;border-radius:10px;margin-top:15px}.checkbox-line label{font-weight:700}.checkbox-line input{width:20px;height:20px;accent-color:#167b60}.hint{border:1px solid #d0e3dc;background:#f5faf8;border-radius:12px;padding:11px 14px;margin:13px 0}.hint summary{font-weight:800;color:#156a62;cursor:pointer}.hint p{margin:10px 0 0}.keys{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}.key{padding:13px;background:#edf6f9;border:1px solid #c9e3ea;border-radius:12px;min-width:160px}.key kbd{font-size:1.26rem;font-weight:800;color:#144d65}.key span{display:block;font-size:.85rem;color:#59727d}.finish{background:linear-gradient(125deg,#eff9e9,#eef6fb);border:1px solid #bfe0c7}.finish-text{margin:13px 0;font-weight:800;color:#086652}.warning{font-size:.91rem;color:#526e7a}.trainer{padding:18px;border:1px solid #ceded8;border-radius:14px;background:#f8fbfa}.trainer input{min-height:42px;padding:8px 10px;border-radius:9px;border:1px solid #a9c5b9;max-width:260px;width:100%}.trainer .sample{background:#fff;padding:15px;border-radius:10px;border:1px solid #e1ece7;margin-top:15px}.trainer mark{background:#ffcc69;border-radius:3px;padding:0 2px}.trainer-stats{font-size:.91rem;font-weight:800;color:#0b6a64;padding-top:8px}.kbd{font-family:Consolas,monospace;background:#e8eff1;border:1px solid #c1d0d5;padding:2px 7px;border-radius:6px;font-size:.95em}.testsheet{background:#f8f3e7;padding:18px;border:1px dashed #bdab87;border-radius:11px}.testsheet p{margin-bottom:9px}.help-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.help-list .box{background:#f2f8f4;padding:16px;border-radius:12px}.lesson-next{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap}.mini{font-size:.88rem;color:var(--muted)}
@media(max-width:780px){.hero-grid,.grid,.steps{grid-template-columns:1fr}.hero .wrap{padding:44px 0}.hero-tile{max-width:480px;transform:none}.navcta{display:none}.links{gap:11px;font-size:.79rem}.lesson-block{padding:21px 18px}.help-list{grid-template-columns:1fr}.hero .tile-symbol{font-size:5rem}}
@media(max-width:520px){.wrap{width:calc(100% - 25px)}.topinner{min-height:63px}.brand{font-size:.92rem}.brand svg{width:28px;height:28px}.links{gap:9px}.links a:not(:last-child){display:none}.hero .wrap{padding:34px 0 40px}.footinner{flex-direction:column}.progress{padding:14px}.answerrow input,.answerrow select{width:100%}.answerrow .btn{width:100%}.btn{max-width:100%}}
@media print{.top,.links,.buttons,.progress,.foot,.answerbox button,.hint,.trainer,.lesson-next{display:none!important}body{background:#fff;color:#000}.lesson-head{background:#fff;color:#000}.lesson-head p,.lesson-head .crumb,.lesson-head .eyebrow{color:#333}.lesson-head .wrap{padding:12px}.lesson-block{box-shadow:none;break-inside:avoid}}