:root{font-family:Segoe UI,Arial,sans-serif;color:#292b3c;background:#f7f7fb;line-height:1.65;font-size:16px}*{box-sizing:border-box}body{margin:0}a{color:#6951a0;text-underline-offset:4px}header,main,footer{max-width:1200px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:26px 24px;border-bottom:1px solid #e4e1eb}header nav{display:flex;gap:24px;font-size:14px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:27px;font-weight:750;color:#292b3c}.brand img{width:34px}.brand span{font-size:11px;font-weight:400;letter-spacing:.06em;border-left:1px solid #ddd;padding-left:12px}main{padding:0 24px}.hero{display:grid;grid-template-columns:1fr 310px;gap:70px;padding:64px 0 52px}.eyebrow{font-size:11px;letter-spacing:.15em;color:#827494;font-weight:700}h1{font-size:50px;line-height:1.13;letter-spacing:-2px;margin:17px 0 24px}h1 em{font-style:normal;color:#8064ae}.hero p{max-width:630px;color:#666677}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.tags span{background:#eeebf4;border:1px solid #e2dced;padding:5px 10px;border-radius:8px;font-size:12px}.hero-card{background:#ece6f6;border-radius:22px;padding:28px;position:relative}.hero-card>span{font-size:10px;letter-spacing:.15em;color:#786391}.hero-card strong{display:block;font-size:29px;line-height:1.35;margin:18px 0}.hero-card p{font-size:13px}.hero-card a{font-size:14px;font-weight:650}.course{display:grid;grid-template-columns:270px 1fr;gap:32px;align-items:start;margin-bottom:70px}.syllabus{position:sticky;top:20px}.progress-label{display:flex;justify-content:space-between;font-size:13px}progress{width:100%;height:7px;accent-color:#8264af;margin:13px 0 20px}#lessons{display:grid;gap:5px}#lessons a{display:flex;gap:12px;padding:11px 12px;border-radius:9px;text-decoration:none;font-size:14px;color:#626174}#lessons a[aria-current=step]{background:#eae3f5;color:#5b407f;font-weight:650}#lessons a span{font-variant-numeric:tabular-nums;color:#8b7a9d}.storage-note{font-size:11px;color:#898493;margin:24px 10px}article{background:white;border:1px solid #e5e1ec;padding:36px 40px;border-radius:18px;min-width:0;scroll-margin-top:20px}article h2{font-size:30px;line-height:1.25;letter-spacing:-.7px;margin:10px 0 20px}article h3{font-size:18px;margin-top:26px}article p,article li{color:#606073}article li{margin:7px 0}article ul,article ol{padding-left:22px}.example,.practice{padding:17px 20px;border-radius:12px;margin:22px 0;background:#f5f2fa}.practice{background:#edf5f1}.example strong,.practice strong{display:block;color:#514465}.practice strong{color:#3e6a58}.example p,.practice p{margin:7px 0;font-size:14px}.practice a{font-size:14px}.quiz{border-top:1px solid #e7e3ed;margin-top:28px;padding-top:8px}.answers{display:grid;gap:8px}.answers button{text-align:left;background:white;border:1px solid #dcd6e6;border-radius:9px;padding:12px 16px;color:#555266;cursor:pointer;font:inherit;font-size:14px}.answers button[aria-pressed=true]{border-color:#8667b0;background:#f2edf9}.feedback{font-size:14px;min-height:26px}.feedback.correct{color:#347050}.completion{border-top:1px solid #e7e3ed;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.completion label{font-size:14px}.completion input{accent-color:#8062ac;width:18px;height:18px;vertical-align:middle}.button{display:inline-block;background:#795ba5;color:white;text-decoration:none;padding:11px 17px;border-radius:9px;font-size:14px}.source{font-size:11px;margin-top:23px;color:#8a8395}footer{padding:24px;display:flex;gap:20px;justify-content:space-between;font-size:12px;border-top:1px solid #e4e1eb}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #b29bce;outline-offset:3px}@media(max-width:800px){.hero{gap:24px;grid-template-columns:1fr;padding:36px 0}.hero-card{display:none}.course{grid-template-columns:1fr}.syllabus{position:static}#lessons{grid-template-columns:1fr 1fr}.storage-note{margin:14px 0}h1{font-size:39px}article{padding:25px 22px}header nav a:first-child,.brand span{display:none}header nav{font-size:12px}footer{flex-wrap:wrap}.completion{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:no-preference){a,button{transition:background .15s}}