:root{--navy:#13264c;--blue:#315ee7;--coral:#d97463;--bg:#f5f8fc;--text:#17233c;--muted:#72809a;--line:#dfe7f2;--ok:#1f9d68;--soft:#eef3ff;--shadow:0 16px 46px rgba(24,47,91,.10)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{text-decoration:none;color:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:230px 1fr}.sidebar{background:var(--navy);color:white;padding:25px 18px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.logo{font-size:28px;font-weight:900;padding:0 10px 28px}.logo span{color:#91aaff}.nav a{display:block;color:#c9d5ee;border-radius:12px;padding:12px 13px;margin:4px 0}.nav a:hover{background:#223a69;color:white}main{padding:28px 34px 70px;max-width:1180px;width:100%;margin:auto}.kicker{color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}h1{font-size:30px;margin:5px 0 22px}h2{font-size:22px;margin:0 0 10px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:22px}.grid2{display:grid;grid-template-columns:1.4fr .8fr;grid-gap:18px;gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.btn{border:0;border-radius:12px;padding:11px 14px;font-weight:800;cursor:pointer;display:inline-block}.primary{background:var(--blue);color:#fff}.ghost{border:1px solid var(--line);background:#fff}.progress{height:10px;background:#edf1f7;border-radius:99px;overflow:hidden}.progress div{height:100%;background:var(--blue)}.muted{color:var(--muted);font-size:14px;line-height:1.5}.lessonGrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}..lesson{min-height:205px;display:flex;flex-direction:column}.lesson .muted{margin-top:14px;line-height:1.45}.lesson .status{position:static;margin-top:auto;padding-top:22px;color:var(--muted);font-size:12px}.ok{color:var(--ok)!important;font-weight:800}.taskLayout{display:grid;grid-template-columns:240px 1fr;grid-gap:18px;gap:18px}.step{padding:10px;border-radius:10px;margin:3px 0;font-size:13px}.step.active{background:var(--soft);color:var(--blue);font-weight:700}video{max-width:100%;border-radius:15px}.options{display:grid;grid-gap:10px;gap:10px;margin-top:16px}.option{border:1px solid var(--line);padding:13px;border-radius:12px;background:#fff}input{width:100%;padding:12px;border:1px solid var(--line);border-radius:11px}@media(max-width:850px){.shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.nav{display:flex;overflow:auto}.nav a{white-space:nowrap}main{padding:18px}.grid2,.grid3,.lessonGrid,.taskLayout{grid-template-columns:1fr}}