:root{--c:#14213d;--p:#315ea8;--m:#536176;--line:#dbe3ee;--bg:#f5f7fb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--c);font-family:Arial,Helvetica,sans-serif}.levels-wrap{width:min(1160px,calc(100% - 36px));margin:0 auto;padding:28px 0 72px}.crumbs{display:flex;gap:8px;align-items:center;margin:0 0 34px;font-size:14px}.crumbs a{color:var(--p);font-weight:800;text-decoration:none}.levels-head{max-width:760px}.levels-badge{display:inline-flex;padding:8px 12px;border:1px solid #ccd8e8;border-radius:999px;background:#fff;color:var(--p);font-weight:900}.levels-head h1{margin:16px 0 10px;font-size:clamp(38px,5vw,58px);line-height:1.06}.levels-head p{margin:0;color:var(--m);font-size:19px}.level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.level-card{display:flex;gap:18px;min-height:210px;padding:26px;border:1px solid var(--line);border-radius:22px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 10px 25px rgba(20,33,61,.07);transition:.18s}.level-card:hover{transform:translateY(-4px);border-color:#abc0df}.level-card.active{border-top:5px solid var(--p)}.level-icon{display:grid;flex:0 0 58px;width:58px;height:58px;place-items:center;border-radius:17px;background:#edf3ff;font-size:29px}.level-card h2{margin:3px 0 10px;font-size:24px}.level-card p{margin:0 0 22px;color:var(--m);line-height:1.55}.level-card strong{color:var(--p)}@media(max-width:880px){.level-grid{grid-template-columns:1fr}.level-card{min-height:0}}@media(max-width:540px){.levels-wrap{width:calc(100% - 22px)}.level-card{padding:20px}.level-icon{flex-basis:48px;width:48px;height:48px}}