*{box-sizing:border-box}body{margin:0;background:#f3f6f7;color:#18363c;font:16px/1.55 system-ui,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}aside{position:fixed;inset:0 auto 0 0;width:246px;background:#173c43;color:white;padding:32px 24px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:white;font-size:22px;font-weight:700}.brand b{font-size:42px;background:#c4ed75;color:#173c43;width:56px;height:56px;border-radius:16px;text-align:center;line-height:1.2}small{display:block;font-size:14px;font-weight:400;color:#647b80}.brand small{color:#d1e1e4}.brand+p{font-size:14px;color:#bcd1d4;margin:25px 0 40px}nav{display:grid;gap:9px}nav button{background:none;color:#d0e0e2;border:0;text-align:left;padding:13px 14px;border-radius:9px}nav button.active,nav button:hover{background:#30545b;color:white}.identity{margin-top:auto;font-size:14px}.identity small{color:#bcd1d4}.shell{margin-left:246px}header{height:83px;display:flex;justify-content:space-between;align-items:center;padding:0 44px;border-bottom:1px solid #dce5e7;background:white;font-size:14px}header>div{display:flex;gap:14px;align-items:center}em,.pill{font-style:normal;font-size:14px;border-radius:30px;padding:5px 12px;background:#edf2f4}select{border:1px solid #cbd8dc;border-radius:7px;padding:8px;background:white;color:#18363c}main{max-width:1260px;margin:auto;padding:38px 44px}h1{font-size:36px;letter-spacing:-1px;margin:4px 0 8px;line-height:1.2}h2{font-size:23px;margin:0 0 16px}h3{font-size:19px;margin:0 0 6px}p{margin:0 0 16px}.muted{color:#60757b}.eyebrow{text-transform:uppercase;letter-spacing:1.8px;font-size:13px;font-weight:700;color:#597279}.head{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:20px}.grid{display:grid;grid-template-columns:1.55fr 1fr;gap:24px}.card{background:white;border:1px solid #dce6e8;border-radius:16px;padding:26px}.feature{background:#173c43;color:white}.feature p{color:#d3e3e5}.feature h2{font-size:30px;max-width:440px;margin:20px 0 12px}.feature .pill{background:#35575e;color:#e5f0f1}.feature .btn{background:#c4ed75;color:#173c43;border-color:#c4ed75}.btn{border:1px solid #173c43;border-radius:8px;background:#173c43;color:white;padding:11px 18px;text-decoration:none;display:inline-block;font-weight:650}.btn.secondary{background:white;color:#173c43;border-color:#cbd8dc}.actions{display:flex;gap:10px;flex-wrap:wrap}.section{margin-top:30px}.row{display:flex;gap:15px;align-items:center;padding:16px 0;border-bottom:1px solid #e4ecee}.row:last-child{border-bottom:none}.grow{flex:1}.icon{height:44px;width:44px;border-radius:10px;background:#e8f0f3;display:grid;place-items:center;font-weight:750;color:#315665;flex-shrink:0}.word{background:#e9efff;color:#2455a4}.excel{background:#e4f4eb;color:#197049}.teams{background:#efecff;color:#6651ad}.link{background:none;border:0;color:#245d68;font-weight:650;padding:7px;text-decoration:underline;text-underline-offset:4px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.lesson{display:flex;flex-direction:column;gap:12px}.lesson .btn{margin-top:auto}.progress{height:7px;border-radius:6px;background:#e6edef;overflow:hidden;margin:14px 0 8px}.progress span{display:block;height:100%;background:#78ae36}.notice{padding:15px 18px;border-left:4px solid #90bd4d;background:#edf5e2;border-radius:6px;margin-bottom:24px}.list{padding-left:24px}.list li{padding:6px 0}footer{font-size:13px;color:#6c7e82;padding:10px 44px 25px}dialog{border:0;border-radius:18px;max-width:690px;width:calc(100% - 32px);padding:32px;color:#18363c;box-shadow:0 20px 80px #10282c50}dialog::backdrop{background:#142b3866}.close{float:right;background:#edf2f4;border:0;border-radius:50%;width:36px;height:36px}textarea,input{width:100%;border:1px solid #bfcfd4;border-radius:8px;padding:12px;margin:8px 0 18px}textarea{min-height:110px}label{font-weight:600;display:block}.step{padding:18px;background:#f2f6f7;border-radius:9px;margin:15px 0}button:focus-visible,a:focus-visible{outline:3px solid #8bbc39;outline-offset:3px}@media(max-width:1000px){aside{width:210px;padding:25px 16px}.shell{margin-left:210px}main{padding:28px 24px}.cards{grid-template-columns:1fr 1fr}header{padding:0 24px}.grid{grid-template-columns:1fr}}@media(max-width:700px){aside{position:static;width:auto;padding:16px}.brand{font-size:19px}.brand b{width:42px;height:42px;font-size:32px}.brand+p,.identity{display:none}nav{display:flex;overflow:auto;margin-top:15px;gap:3px}nav button{white-space:nowrap;font-size:14px;padding:10px}.shell{margin:0}header{height:auto;min-height:70px;padding:12px 16px;gap:12px}header>span{display:none}header>div{width:100%;justify-content:space-between}main{padding:26px 16px}h1{font-size:30px}.cards{grid-template-columns:1fr}.head{align-items:flex-start;flex-direction:column}.card{padding:22px}.row{flex-wrap:wrap}footer{padding:16px}.feature h2{font-size:26px}}