.container.svelte-108px9u{max-width:1200px;margin:0 auto;padding:2rem}.header.svelte-108px9u{text-align:center;margin-bottom:4rem}h1.svelte-108px9u{font-size:3rem;margin:0 0 1rem;background:linear-gradient(to right,#fff,#a0a0a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}p.svelte-108px9u{color:#a0a0a0;font-size:1.2rem}.grid.svelte-108px9u{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.card.svelte-108px9u{position:relative;display:block;text-decoration:none;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;overflow:hidden;transition:transform .3s,border-color .3s;height:200px;display:flex;flex-direction:column;justify-content:flex-end}.card.svelte-108px9u:hover{transform:translateY(-5px);border-color:#4cc9f0}.card-content.svelte-108px9u{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-end}h2.svelte-108px9u{margin:0;color:#fff;font-size:1.5rem;width:80%}.arrow.svelte-108px9u{color:#4cc9f0;font-size:1.5rem;opacity:0;transform:translate(-10px);transition:all .3s}.card.svelte-108px9u:hover .arrow:where(.svelte-108px9u){opacity:1;transform:translate(0)}.card-bg.svelte-108px9u{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top right,rgba(76,201,240,.1),transparent 60%);z-index:1}.loading.svelte-108px9u,.empty-state.svelte-108px9u{text-align:center;padding:4rem;font-size:1.2rem;color:#888}.btn.svelte-108px9u{display:inline-block;margin-top:1rem;padding:.8rem 1.5rem;background:#4cc9f0;color:#000;text-decoration:none;border-radius:8px;font-weight:600}