body{--paper:#f5f6fa;--ink:#262447;--accent:#6554ce;--soft:#ece9fc}.campus{display:grid;grid-template-columns:245px 1fr}.sidebar{padding:35px 25px;background:#262447;color:#fff;min-width:0}.brand{font-size:52px;font-weight:700;letter-spacing:-3px}.brand span{display:block;font-size:12px;letter-spacing:0}.sidebar nav{display:grid;gap:24px;margin:65px 0;font-size:13px}.progress-box{padding:18px;background:#ffffff0b;border-radius:10px;font-size:12px}.progress-box progress{width:100%;accent-color:#c6fb7c}.progress-box small{display:block;margin-top:12px}.sidebar img{margin-top:45px;aspect-ratio:.8;object-fit:cover;border-radius:80px 80px 8px 8px}main>header{display:flex;justify-content:space-between;padding:22px 5%;border-bottom:1px solid #dcdce8;font-size:11px}.welcome{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;padding:45px 5%;background:#e7e3f8}.welcome h1{font-size:clamp(38px,4.5vw,70px);letter-spacing:-3px}.welcome img{width:100%;height:310px;object-fit:cover;border-radius:100px 100px 15px 15px}.btn{border-radius:7px}.catalogue{padding:40px 5%}.section-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.section-top h2{font-size:25px}.chip{border-radius:6px;font-size:12px}#course-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}.card{background:white;border:1px solid #e4e2eb;padding:25px;border-radius:10px;border-top:5px solid #afa2ed}.card:nth-child(2){border-top-color:#efac7f}.card:nth-child(3){border-top-color:#a5bf7b}.card:nth-child(4){border-top-color:#82b9d8}.card h3{font-size:24px;line-height:1.2;margin-top:15px}.card p{font-size:14px}.course-meta{display:flex;justify-content:space-between;font-size:11px;gap:10px;margin:18px 0}.lesson{margin:15px 5% 50px;padding:30px;background:#fff;border-radius:12px;display:grid;grid-template-columns:1.4fr 1fr;gap:30px;scroll-margin-top:20px}.lesson h2{font-size:32px}.lesson>img{height:100%;width:100%;object-fit:cover;border-radius:8px}.posters{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:25px 0}.posters>div{background:#ddfba8;padding:18px;min-height:175px;font-size:12px}.posters small{display:block;margin-bottom:20px}.posters strong{font-size:27px;line-height:1;display:block}.posters p{margin:8px 0}.lesson fieldset{border:0;padding:0;margin:20px 0;font-size:14px}.lesson label{display:inline-flex;align-items:center;gap:8px;margin:12px 20px 0 0}#lesson-feedback{font-size:14px;margin-top:15px}#enrol{padding:45px 5%;background:#ded9f1;display:grid;grid-template-columns:1fr 1fr;gap:40px}#enrol h2{font-size:36px}#course-total{display:block;font-size:30px;margin:15px 0}@media(max-width:1000px){.campus{grid-template-columns:180px 1fr}.sidebar{padding:25px 18px}.lesson{grid-template-columns:1fr}.lesson>img{height:180px}.welcome{grid-template-columns:1fr}.welcome img{display:none}.section-top{align-items:start;flex-direction:column}}@media(max-width:650px){.campus{grid-template-columns:1fr}.sidebar{padding:20px}.brand{font-size:32px}.sidebar nav{display:flex;flex-wrap:wrap;gap:15px;margin:20px 0 0}.sidebar img,.progress-box{display:none}main>header span:last-child{display:none}.welcome h1{letter-spacing:-1.5px}#course-grid,#enrol{grid-template-columns:1fr}.lesson{padding:22px}.posters{gap:8px}.posters>div{padding:12px}.posters strong{font-size:23px}.section-top{gap:0}}