.learning-container.svelte-58xdn8{display:flex;flex-direction:column;gap:24px;padding:24px;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.header.svelte-58xdn8{display:flex;flex-direction:column;gap:8px}.header.svelte-58xdn8 h1:where(.svelte-58xdn8){font-size:32px;font-weight:700;margin:0;background:linear-gradient(to right,#fff,#ccc);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header.svelte-58xdn8 p:where(.svelte-58xdn8){font-size:16px;color:#888;margin:0}.cards-grid.svelte-58xdn8{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.card.svelte-58xdn8{display:flex;flex-direction:column;justify-content:space-between;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px;text-align:left;cursor:pointer;transition:all .2s ease;min-height:160px;color:inherit}.card.svelte-58xdn8:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-2px)}.card.svelte-58xdn8:active{transform:translateY(0)}.card-content.svelte-58xdn8{display:flex;flex-direction:column;gap:8px}.card-content.svelte-58xdn8 h2:where(.svelte-58xdn8){font-size:18px;font-weight:600;margin:0;color:#eee}.card-content.svelte-58xdn8 p:where(.svelte-58xdn8){font-size:14px;color:#aaa;margin:0;line-height:1.4}.card-footer.svelte-58xdn8{margin-top:16px;font-size:13px;font-weight:500;color:var(--primary-color, #64a1f4);opacity:.8;transition:opacity .2s}.card.svelte-58xdn8:hover .card-footer:where(.svelte-58xdn8){opacity:1}