.catalog-page{padding:38px max(5vw,24px) 90px}.catalog-hero{background:#171717;color:white;border-radius:28px;padding:clamp(28px,6vw,70px);margin-bottom:24px;background-image:radial-gradient(circle at 80% 20%,#514477 0,transparent 35%)}.catalog-hero h1{font:700 clamp(38px,6vw,72px) Unbounded;margin:12px 0}.catalog-hero p{max-width:700px;color:#ccc;font-size:18px;line-height:1.6}.catalog-hero .primary{display:inline-block;text-decoration:none;margin-top:12px;background:#c9ff42;color:#171717}.catalog-grid{display:grid;gap:11px}.catalog-grid>a{display:grid;grid-template-columns:70px 1fr auto;gap:18px;align-items:center;background:white;border:1px solid #ddd9d0;border-radius:18px;padding:20px;color:#171717;text-decoration:none}.catalog-grid>a>span{width:54px;height:54px;display:grid;place-items:center;background:#ece8ff;border-radius:14px;font-weight:800}.catalog-grid h2{font-size:18px;margin:0 0 7px}.catalog-grid p{margin:0;color:#6d6d6d}.catalog-grid small{display:block;margin-top:8px;color:#7565b4}.catalog-grid>a>b{font-size:24px}@media(max-width:650px){.catalog-grid>a{grid-template-columns:48px 1fr;padding:15px}.catalog-grid>a>b{display:none}.catalog-grid>a>span{width:42px;height:42px}.catalog-grid p{display:none}}
.catalog-levels{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.catalog-levels a{background:#fff;color:#171717;border-radius:999px;padding:10px 15px;text-decoration:none;font-weight:700}.catalog-levels b{color:#7565b4;margin-left:5px}.subject-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.subject-hub-grid>a{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:15px;padding:22px;background:#fff;border:1px solid #ddd9d0;border-radius:20px;color:#171717;text-decoration:none}.subject-hub-grid>a>span{width:54px;height:54px;display:grid;place-items:center;border-radius:15px;background:#c9ff42;font:700 22px Unbounded}.subject-hub-grid h2{font-size:18px;margin:0 0 5px}.subject-hub-grid p{margin:0;color:#6d6d6d}.subject-hub-grid>a>b{font-size:22px}@media(max-width:900px){.subject-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.subject-hub-grid{grid-template-columns:1fr}.subject-hub-grid>a{padding:16px}}