:root{--ink:#211846;--purple:#46328f;--orange:#f28b39;--muted:#77758b;--line:#e8e5f0;--bg:#f7f6fb;--green:#21835d;--amber:#b66a08}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px Inter,system-ui,sans-serif}header{height:76px;padding:0 clamp(18px,5vw,78px);display:flex;align-items:center;justify-content:space-between;background:white;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--ink);font-weight:800}.brand b{display:grid;place-items:center;background:var(--ink);color:white;border-radius:11px;width:38px;height:38px;font-size:21px}.brand small{display:block;font-size:9px;letter-spacing:.17em;color:var(--muted);margin-top:4px}.right{display:flex;gap:18px;align-items:center}.badge,label{font-size:10px;letter-spacing:.14em;font-weight:800;color:var(--purple)}.badge{color:#625d75}button{border:0;border-radius:9px;padding:12px 15px;background:#ddd9e9;color:#817b93;font-weight:700}main{max-width:1160px;margin:auto;padding:46px 25px 65px}.hero{display:flex;justify-content:space-between;gap:38px;align-items:end;padding:20px 0 38px}.hero h1{font-size:clamp(34px,5vw,54px);letter-spacing:-.045em;line-height:1.06;margin:14px 0}.hero p{font-size:17px;line-height:1.6;color:#686579;max-width:620px}.hero aside{max-width:300px;border-left:3px solid var(--orange);padding:10px 0 10px 17px;color:#5e5a70;line-height:1.6}.heading{display:flex;justify-content:space-between;align-items:end;margin:15px 0}.heading h2,h2{font-size:22px;letter-spacing:-.025em;margin:7px 0 0}#updated{font-size:12px;color:var(--muted)}.cards,.features{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cards article,.columns article,.features article{border:1px solid var(--line);border-radius:14px;background:white;padding:17px}.cards h3{font-size:14px;margin:0 0 16px}.status{font-size:12px;font-weight:700;display:flex;gap:8px;align-items:center}.dot{width:8px;height:8px;border-radius:50%;background:var(--amber)}.dot.ok{background:var(--green)}.detail,small{display:block;font-size:11px;line-height:1.5;color:var(--muted);margin-top:9px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}.columns article{padding:23px}.columns p{color:#686579;line-height:1.6}.columns ul{padding-left:18px;line-height:2;color:#5e5a70}.columns small{margin-top:14px}.features{grid-template-columns:repeat(3,1fr);margin-top:15px}.features article{min-height:110px;display:flex;flex-direction:column}.features span{font-size:12px;color:var(--muted);line-height:1.5;margin-top:7px}.features em{font-style:normal;font-size:10px;color:var(--amber);font-weight:800;margin-top:auto;padding-top:12px}.note{display:block!important;background:#fffaf3!important;border-color:#f4dfc8!important;padding:17px 20px!important;margin-top:22px}.note p{font-size:12px;color:#6f665a;line-height:1.5;margin-bottom:0}footer{background:#fff;border-top:1px solid var(--line);padding:20px clamp(18px,5vw,78px);display:flex;justify-content:space-between;color:var(--muted);font-size:11px}@media(max-width:800px){.cards{grid-template-columns:repeat(2,1fr)}.hero{display:block}.hero aside{max-width:530px;margin-top:22px}.features{grid-template-columns:repeat(2,1fr)}.columns{grid-template-columns:1fr}}@media(max-width:520px){header{padding:10px 14px;height:auto}.right{gap:8px}.badge{font-size:8px}button{font-size:10px;padding:10px}main{padding:30px 15px}.cards{gap:8px}.cards article{padding:13px}.features{grid-template-columns:1fr}footer{flex-direction:column;gap:8px}}
.skip-link{position:absolute;left:-9999px;top:0;background:#fff;color:var(--ink);padding:12px;z-index:20}.skip-link:focus{left:12px;top:12px}
.module-nav{display:flex;gap:7px;overflow-x:auto;white-space:nowrap;background:#fff;border-bottom:1px solid var(--line);padding:10px clamp(14px,5vw,78px);position:sticky;top:0;z-index:5}
.module-nav a{color:#5e5a70;text-decoration:none;font-size:12px;font-weight:700;padding:9px 11px;border-radius:8px}
.module-nav a:hover,.module-nav a:focus-visible{background:#f1eef9;color:var(--purple);outline:2px solid transparent}
.session{font-size:11px;color:#5e5a70;font-weight:600}
button.logout{background:#f1eef9;color:var(--purple)}
.section-lede{color:var(--muted);line-height:1.6}
.features article{scroll-margin-top:78px}

button#login:enabled{background:var(--purple);color:#fff;cursor:pointer}
button:focus-visible,.module-nav a:focus-visible,.skip-link:focus-visible{outline:3px solid var(--orange);outline-offset:2px}