.levels-container.svelte-1gxtxs4{max-width:1000px;margin:0 auto;padding:2rem 1rem}.header.svelte-1gxtxs4{text-align:center;margin-bottom:3rem}.header.svelte-1gxtxs4 h1:where(.svelte-1gxtxs4){color:var(--terciary-color);margin-bottom:.5rem;font-size:2.5rem}.subtitle.svelte-1gxtxs4{color:#666;font-size:1.2rem}.levels-grid.svelte-1gxtxs4{gap:1.5rem;display:grid}.level-card.svelte-1gxtxs4{background:var(--surface-color);border-left:6px solid var(--primary-color);border-radius:12px;align-items:center;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 12px #e26d3f14}.level-card.svelte-1gxtxs4:hover{transform:translate(5px);box-shadow:0 6px 16px #e26d3f26}.level-number.svelte-1gxtxs4{color:var(--primary-color-soft);text-align:center;min-width:50px;margin-right:2rem;font-size:3rem;font-weight:800}.level-content.svelte-1gxtxs4 h2:where(.svelte-1gxtxs4){color:var(--terciary-color);margin:0 0 .5rem;font-size:1.3rem}.level-content.svelte-1gxtxs4 p:where(.svelte-1gxtxs4){color:#555;margin:0;line-height:1.6}@media (width<=600px){.level-card.svelte-1gxtxs4{text-align:center;border-left:none;border-top:6px solid var(--primary-color);flex-direction:column}.level-number.svelte-1gxtxs4{margin-bottom:1rem;margin-right:0}}
