*{box-sizing:border-box}:root{color-scheme:light}body{margin:0;background:#f3f6fb;color:#16233b;font-family:Arial,Helvetica,sans-serif}.shell{max-width:1180px;margin:0 auto;padding:30px 22px 48px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{font-size:24px;font-weight:800;letter-spacing:1px}.brand span{color:#1769e0}.muted,.topbar p{color:#6b7890}.topbar p{margin:6px 0;font-size:13px}.badge{background:#fff1d6;color:#895800;border-radius:20px;padding:9px 13px;font-size:11px;font-weight:700}.hero{margin:34px 0 22px;padding:32px;border-radius:22px;color:#fff;background:linear-gradient(120deg,#10264a,#1769e0)}.eyebrow{font-size:11px;letter-spacing:2px;opacity:.8}.hero h1{font-size:clamp(28px,4vw,42px);margin:12px 0 8px}.hero h2{font-size:20px;font-weight:500;margin:0 0 12px}.hero .muted{color:#dbe8ff}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:15px;gap:15px}.card,.panel{background:#fff;border:1px solid #e3e9f3;border-radius:16px;padding:21px;box-shadow:0 5px 18px #17294b08}.card strong{display:block;font-size:30px;margin:12px 0}.small{color:#8994a8;font-size:12px;line-height:1.5}.panel{margin-top:18px}.panel h2{margin-top:0}.modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.modules>div{background:#f7f9fd;padding:17px;border-radius:12px}.modules p{color:#6b7890;font-size:13px;line-height:1.6}footer{margin-top:24px;color:#8a95a7;font-size:12px}@media (max-width:760px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modules{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}}