.langHubHero{padding:30px;border-radius:25px;background:linear-gradient(125deg,var(--navy),#294a9c);color:#fff;margin-bottom:25px}.langHubHero h1{font-size:clamp(2rem,5vw,3.7rem);margin:6px 0}.langHubHero p{max-width:680px;line-height:1.55;color:#dce5ff}.langAreas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.langArea{border:1px solid var(--line);border-radius:19px;background:#fff;padding:20px;text-align:left;color:var(--ink);cursor:pointer;min-height:150px}.langArea:hover,.langArea:focus-visible{border-color:var(--blue);background:var(--sky);outline:none}.langArea span{font-size:1.4rem}.langArea strong,.langArea small{display:block}.langArea strong{margin:13px 0 6px;font-size:1.08rem}.langArea small{color:var(--muted);line-height:1.4}.materialGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.materialBlock{border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden}.materialBlock h2{font-size:1.1rem;padding:17px;margin:0;background:var(--sky)}.materialRow{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px 16px;border-top:1px solid var(--line)}.materialRow strong{color:var(--blue)}.secondaryLevels{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:18px}.secondaryLevels button{border:1px solid var(--line);border-radius:999px;background:#fff;padding:9px 14px;font-weight:800;cursor:pointer}.secondaryLevels button.selected{background:var(--navy);color:#fff}.secondaryExerciseGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.secondaryExerciseGrid button{border:1px solid var(--line);border-radius:16px;background:#fff;padding:17px;text-align:left;cursor:pointer;color:var(--ink)}.secondaryExerciseGrid button span,.secondaryExerciseGrid button strong,.secondaryExerciseGrid button small{display:block}.secondaryExerciseGrid button span{color:var(--blue);font-weight:900}.secondaryExerciseGrid button strong{margin:7px 0}.secondaryExerciseGrid button small{color:var(--muted)}@media(max-width:760px){.langAreas{grid-template-columns:repeat(2,1fr)}.materialGrid{grid-template-columns:1fr}}@media(max-width:520px){.langAreas,.secondaryExerciseGrid{grid-template-columns:1fr}}