:root{color-scheme:light;--ink:#12213b;--muted:#576980;--blue:#2663cd;--line:#dfE7f1;--bg:#f5f8fd}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.68 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
a{color:var(--blue)}a:focus-visible{outline:3px solid #88b4ff;outline-offset:3px}
header{background:#112544;color:#fff;box-shadow:0 5px 20px #07192a15}header .inside{max-width:1040px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:white!important;font-weight:750}.logo img{width:38px;height:38px;border-radius:10px}.meta{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:#b3cff9}
header nav{display:flex;flex-wrap:wrap;gap:20px}header nav a{color:#f4f8ff;text-decoration:none;font-size:14px;font-weight:650}
main{max-width:1000px;margin:35px auto 60px;padding:0 20px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px}.paper,.side{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 5px 20px #173e6e09}.paper{padding:32px 36px}.side{padding:22px;height:max-content}.side nav{display:grid;gap:12px}.side nav a{font-size:14px;text-decoration:none}
h1{font-size:clamp(27px,4vw,42px);line-height:1.16;letter-spacing:-1px;margin:0 0 10px}h2{font-size:22px;line-height:1.34;letter-spacing:-.3px;margin:30px 0 10px}h3{font-size:17px;margin:19px 0 6px}p{margin:12px 0}ul{padding-left:23px}li{margin-bottom:7px}.sub{font-size:14px;color:var(--muted)}.tag{display:inline-block;background:#eaf3ff;color:#224c85;padding:4px 11px;border-radius:99px;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.9px;margin-bottom:18px}.note{background:#fff7e5;border-left:4px solid #d3a548;padding:13px 17px;border-radius:8px;margin:20px 0;font-size:14px}
.butt{display:inline-block;text-decoration:none;background:#2460cf;color:#fff!important;border-radius:11px;padding:11px 18px;font-weight:750;margin:6px 7px 6px 0}.butt.alt{background:#e6eefb;color:#1b4593!important}.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}.tile{border:1px solid #dde6f4;border-radius:14px;padding:17px;text-decoration:none;background:#fff;color:#1c4278!important;font-weight:700}.tile small{display:block;color:#65758b;font-weight:400;font-size:13px;margin-top:3px}
footer{background:#eaf0f8;padding:28px 20px}footer div{max-width:1040px;margin:auto}footer nav{display:flex;flex-wrap:wrap;gap:15px;font-size:13px}footer p{font-size:12px;color:#536680}
@media(max-width:770px){header .inside{align-items:flex-start;flex-direction:column}main{margin-top:24px}.layout{display:flex;flex-direction:column}.paper{padding:24px 20px}.side{order:-1}.side nav{display:flex;flex-wrap:wrap;gap:9px 16px}.tiles{grid-template-columns:1fr}}