*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:#020810;color:#e2e8f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.blog-page.svelte-u4k2t{min-height:100vh}.topnav.svelte-u4k2t{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;border-bottom:1px solid #1a2a3a;position:sticky;top:0;background:#020810e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100}.logo.svelte-u4k2t{font-size:1rem;color:#00d4ff;text-decoration:none;display:flex;align-items:center;gap:.4rem}.nav-links.svelte-u4k2t{display:flex;align-items:center;gap:1.5rem}.nav-links.svelte-u4k2t a:where(.svelte-u4k2t){color:#94a3b8;font-size:.85rem;text-decoration:none;transition:color .2s}.nav-links.svelte-u4k2t a:where(.svelte-u4k2t):hover,.nav-links.svelte-u4k2t a.active:where(.svelte-u4k2t){color:#e2e8f0}.nav-links.svelte-u4k2t .cta:where(.svelte-u4k2t){background:#00d4ff;color:#000;font-weight:700;padding:.45rem 1.1rem;border-radius:100px}.nav-links.svelte-u4k2t .cta:where(.svelte-u4k2t):hover{opacity:.9;color:#000}.hero.svelte-u4k2t{padding:5rem 2rem 3.5rem;text-align:center;background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(0,212,255,.08) 0%,transparent 70%)}.hero-inner.svelte-u4k2t{max-width:700px;margin:0 auto}.badge.svelte-u4k2t{display:inline-block;font-size:.75rem;font-weight:700;color:#00d4ff;border:1px solid rgba(0,212,255,.3);padding:.3rem .8rem;border-radius:100px;letter-spacing:.05em;margin-bottom:1.25rem;text-transform:uppercase}.hero.svelte-u4k2t h1:where(.svelte-u4k2t){font-size:clamp(2rem,5vw,3rem);font-weight:800;margin-bottom:1rem}.hero.svelte-u4k2t p:where(.svelte-u4k2t){color:#94a3b8;font-size:1.05rem;line-height:1.7}.articles-section.svelte-u4k2t{max-width:1100px;margin:0 auto;padding:3rem 2rem}.grid.svelte-u4k2t{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.card.svelte-u4k2t{background:#0d1a2a;border:1px solid #1a2a3a;border-radius:14px;padding:1.5rem;text-decoration:none;color:inherit;transition:border-color .2s,transform .2s;display:flex;flex-direction:column;gap:.75rem}.card.svelte-u4k2t:hover{border-color:#00d4ff4d;transform:translateY(-2px)}.card-meta.svelte-u4k2t{display:flex;justify-content:space-between;align-items:center}.tag.svelte-u4k2t{font-size:.72rem;font-weight:700;border:1px solid;padding:.2rem .6rem;border-radius:100px}.lesezeit.svelte-u4k2t{font-size:.75rem;color:#64748b}.card.svelte-u4k2t h2:where(.svelte-u4k2t){font-size:1.05rem;font-weight:700;line-height:1.4}.excerpt.svelte-u4k2t{color:#94a3b8;font-size:.875rem;line-height:1.6;flex:1}.card-footer.svelte-u4k2t{display:flex;justify-content:space-between;align-items:center;padding-top:.5rem;border-top:1px solid #1a2a3a}.datum.svelte-u4k2t{font-size:.75rem;color:#475569}.lesen.svelte-u4k2t{font-size:.8rem;color:#00d4ff;font-weight:600}.loading.svelte-u4k2t{text-align:center;padding:4rem;color:#64748b}.spinner.svelte-u4k2t{width:36px;height:36px;border:3px solid #1a2a3a;border-top-color:#00d4ff;border-radius:50%;animation:svelte-u4k2t-spin .7s linear infinite;margin:0 auto 1rem}@keyframes svelte-u4k2t-spin{to{transform:rotate(360deg)}}.empty-state.svelte-u4k2t{text-align:center;padding:4rem;color:#64748b;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.cta-banner.svelte-u4k2t{background:linear-gradient(135deg,#00d4ff0f,#00ff870a);border-top:1px solid #1a2a3a;border-bottom:1px solid #1a2a3a;padding:4rem 2rem}.cta-inner.svelte-u4k2t{max-width:600px;margin:0 auto;text-align:center}.cta-inner.svelte-u4k2t h2:where(.svelte-u4k2t){font-size:1.6rem;font-weight:800;margin-bottom:.75rem}.cta-inner.svelte-u4k2t p:where(.svelte-u4k2t){color:#94a3b8;margin-bottom:1.5rem}.cta-btn.svelte-u4k2t{display:inline-block;background:#00d4ff;color:#000;font-weight:800;padding:.85rem 2rem;border-radius:100px;text-decoration:none;font-size:.95rem;transition:opacity .2s}.cta-btn.svelte-u4k2t:hover{opacity:.9}.blog-footer.svelte-u4k2t{text-align:center;padding:2rem;color:#475569;font-size:.8rem}.blog-footer.svelte-u4k2t a:where(.svelte-u4k2t){color:#64748b;text-decoration:none}.blog-footer.svelte-u4k2t a:where(.svelte-u4k2t):hover{color:#94a3b8}@media(max-width:600px){.nav-links.svelte-u4k2t{display:none}.grid.svelte-u4k2t{grid-template-columns:1fr}}