.guideShell{color:#f7f7f3;max-width:1320px;margin:0 auto;padding:118px 22px 60px}.guideHero{background:radial-gradient(circle at 85% 0,#a981ff26,#0000 32%),radial-gradient(circle at 10% 10%,#d9ff5712,#0000 28%),linear-gradient(#11151a,#0a0d10);border:1px solid #ffffff17;border-radius:24px;grid-template-columns:1fr 220px;align-items:end;gap:28px;padding:34px;display:grid}.guideHero span{letter-spacing:.16em;color:#ffffff73;font-size:10px;font-weight:800}.guideHero h1{letter-spacing:-.052em;max-width:760px;margin:7px 0 10px;font-size:46px;line-height:.98}.guideHero p{color:#ffffff94;max-width:770px;margin:0;font-size:13px;line-height:1.65}.guideProgress{justify-items:end;gap:5px;display:grid}.guideProgress strong{letter-spacing:-.06em;font-size:52px}.guideProgress span{color:#ffffff73;font-size:10px}.guideProgress i{background:#ffffff14;border-radius:999px;width:100%;height:5px;display:block;overflow:hidden}.guideProgress i b{background:#d9ff57;height:100%;display:block}.guideLayout{grid-template-columns:260px minmax(0,1fr);gap:14px;margin-top:14px;display:grid}.guideNav{background:#0d1115;border:1px solid #ffffff14;border-radius:15px;gap:6px;height:max-content;padding:16px;display:grid;position:sticky;top:100px}.guideNav>a:first-child{color:#d9ff57;margin-bottom:7px}.guideNav>b{text-transform:uppercase;letter-spacing:.14em;color:#ffffff6b;margin-bottom:3px;font-size:9px}.guideNav a{color:#ffffffa1;border-radius:7px;padding:6px 7px;font-size:10px;line-height:1.35;text-decoration:none}.guideNav a:hover{color:#fff;background:#ffffff0a}.guideNav a.complete{color:#d9ff57}.guideRule{background:#d9ff5709;border:1px solid #d9ff571f;border-radius:10px;margin-top:8px;padding:11px}.guideRule strong{text-transform:uppercase;letter-spacing:.12em;color:#d9ff57;font-size:9px}.guideRule p{color:#ffffff7a;margin:5px 0 0;font-size:9.5px;line-height:1.55}.guideLessons{gap:10px;display:grid}.guideLessons article{background:linear-gradient(#12161b,#0c0f13);border:1px solid #ffffff14;border-radius:15px;padding:22px;scroll-margin-top:105px}.guideLessons article.lessonDone{border-color:#d9ff572e}.lessonTop{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.lessonTop span{color:#fff6;text-transform:uppercase;letter-spacing:.1em;font-size:9px}.lessonTop h2{letter-spacing:-.035em;margin:4px 0 0;font-size:23px}.lessonTop button{color:#fff;font:inherit;cursor:pointer;background:#171c22;border:1px solid #ffffff1c;border-radius:9px;padding:9px 11px;font-size:10px;font-weight:750}.lessonDone .lessonTop button{color:#d9ff57;background:#d9ff571a;border-color:#d9ff5742}.guideLessons article>p{color:#fff9;max-width:860px;margin:12px 0 0;font-size:12px;line-height:1.7}.guideExamples{gap:7px;margin-top:13px;display:grid}.guideExamples code{white-space:normal;color:#ffffffb3;background:#090c0f;border:1px solid #ffffff12;border-radius:9px;padding:10px 12px;font-size:10.5px;line-height:1.5}@media (max-width:820px){.guideShell{padding:96px 10px 36px}.guideHero{grid-template-columns:1fr;padding:22px}.guideHero h1{font-size:34px}.guideProgress{justify-items:start}.guideProgress i{width:200px}.guideLayout{grid-template-columns:1fr}.guideNav{position:static}.guideLessons article{padding:17px}.lessonTop{flex-direction:column}.lessonTop button{width:100%}}