@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";*{box-sizing:border-box}body{margin:0;background:#f6f7f9;color:#202a37;font-family:DM Sans,Arial,sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}.shell{display:flex;min-height:100vh}aside{width:230px;background:#fff;border-right:1px solid #e3e7eb;padding:36px 20px;position:fixed;inset:0 auto 0 0}.brand{font-size:23px;color:#176950;padding:0 12px}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#929a9f;margin-top:10px}.label{font-size:10px;letter-spacing:1.5px;color:#9aa2ab;margin:50px 12px 15px}.nav{border:0;background:none;width:100%;text-align:left;padding:14px;border-radius:7px;color:#66717c;margin:3px 0}.nav span{margin-right:14px}.selected{background:#e8f2ed;color:#146447;font-weight:600}.asideFoot{position:absolute;bottom:30px;font-size:12px;color:#6b7881}.asideFoot button{border:0;background:none;color:#176950;padding:0}.asideFoot i{display:inline-block;width:6px;height:6px;background:#30916e;border-radius:50%;margin-right:6px}main{margin-left:230px;padding:0 42px;width:calc(100% - 230px);max-width:1600px}header{height:80px;border-bottom:1px solid #e1e6e9;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#89929c}.avatar{background:#e5ece8;border:4px solid white;padding:9px;border-radius:50%;color:#466754}.heading{display:flex;justify-content:space-between;align-items:center;margin:38px 0 28px;gap:20px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#257b61;font-weight:700}h1{font-size:30px;letter-spacing:-1px;margin:12px 0}h2{font-size:21px;letter-spacing:-.5px}h3{font-size:16px}.heading p:not(.eyebrow),.muted{color:#83909a}.primary{background:#176b50;border:0;color:#fff;padding:13px 20px;border-radius:6px;white-space:nowrap}.secondary,.timer{background:#fff;border:1px solid #cbd7d1;border-radius:6px;padding:10px;color:#176b50}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{background:#fff;border:1px solid #e4e8eb;border-radius:9px;padding:18px 22px}.stat p{color:#86919a;margin:0 0 16px}.stat strong{font-size:28px;font-weight:500}.feature{display:flex;justify-content:space-between;align-items:center;background:#eaf1ec;border:1px solid #d9e6dd;border-radius:10px;margin:24px 0 32px;padding:28px 34px}.feature h2{font-size:28px;line-height:1.3;margin:14px 0}.feature p:not(.eyebrow){color:#6a7f74;line-height:1.7}.feature pre{color:#568773;line-height:1.7;padding:0 35px}.sectionTitle{display:flex;align-items:center;justify-content:space-between}.sectionTitle span{font-size:12px;color:#8b979f}.filters{display:flex;gap:8px;margin:10px 0 20px}.filters input{flex:1;border:1px solid #e0e5e8;border-radius:6px;padding:12px;background:#fff}.chip{border:1px solid #e0e5e8;background:#fff;border-radius:6px;padding:9px 16px;color:#78858d}.chip.on{background:#263d33;color:#fff}.topics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.topic{text-align:left;background:#fff;border:1px solid #e1e6e8;border-radius:9px;padding:21px;transition:.2s}.topic:hover{border-color:#75a18c;transform:translateY(-2px)}.topic>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:10px}.badge{font-size:10px;padding:4px 7px;border-radius:4px;background:#eaf2ec;color:#277452}.P1{background:#eef0fa;color:#7179a2}.topic p{color:#85919a;font-size:12px}.topic small{color:#37795d}.track{height:3px;background:#eff2f2;margin:20px 0 15px}.track i{display:block;background:#469771;height:100%}.panel{background:#fff;border:1px solid #e0e6e9;border-radius:10px;padding:28px}.practice{display:grid;grid-template-columns:1fr 1.15fr;gap:24px}details{border-bottom:1px solid #e6ebee;padding:15px 0}summary{cursor:pointer;line-height:1.6}summary em{font-style:normal;color:#76a08b;margin-right:12px;font-size:11px}details p{line-height:1.8;color:#687b85}textarea{width:100%;height:170px;border:1px solid #dce3e6;border-radius:6px;resize:vertical;padding:14px;line-height:1.6}.code,pre{font-family:monospace;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.code{height:120px;background:#f7f9fa}.key{background:#eef5f0;padding:18px;margin:15px 0;border-radius:6px;line-height:1.8}.score{display:flex;justify-content:space-between;margin:12px 0;align-items:center}select{padding:9px;border:1px solid #dce3e6;border-radius:5px;max-width:100%}footer{padding:35px 0;color:#a0a9af;font-size:10px;letter-spacing:1px}footer span{float:right}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #269873;outline-offset:3px}@media(max-width:1000px){aside{width:180px}main{margin-left:180px;width:calc(100% - 180px);padding:0 24px}.topics{grid-template-columns:repeat(2,1fr)}.feature pre{display:none}.practice{grid-template-columns:1fr}}@media(max-width:650px){aside{position:static;width:100%;padding:18px}.shell{display:block}.brand small,.label,.asideFoot{display:none}.nav{width:auto;font-size:11px;padding:9px}.nav span{display:none}main{margin:0;width:100%;padding:0 18px}.heading{display:block}.heading button{margin-top:10px}h1{font-size:25px}.stats{grid-template-columns:repeat(2,1fr)}.topics{grid-template-columns:1fr}.feature{padding:22px}.filters{flex-wrap:wrap}.filters input{width:100%;flex:auto}.sectionTitle span{display:none}}