body{background:#0f172a}.blog-page.svelte-1teoznn{max-width:800px;margin:0 auto;padding:24px 20px 60px;min-height:100vh;color:#e2e8f0;font-family:system-ui,-apple-system,sans-serif}.blog-breadcrumb.svelte-1teoznn{display:flex;align-items:center;gap:8px;font-size:.8rem;color:#94a3b8;margin-bottom:32px;flex-wrap:wrap}.blog-breadcrumb.svelte-1teoznn a:where(.svelte-1teoznn){color:#38bdf8;text-decoration:none}.blog-breadcrumb.svelte-1teoznn a:where(.svelte-1teoznn):hover{text-decoration:underline}.breadcrumb-sep.svelte-1teoznn{color:#475569}.breadcrumb-current.svelte-1teoznn{color:#64748b}.blog-header.svelte-1teoznn{margin-bottom:32px}.blog-meta-top.svelte-1teoznn{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.blog-kategori.svelte-1teoznn{background:#38bdf826;color:#38bdf8;padding:5px 14px;border-radius:20px;font-size:.75rem;font-weight:600}.blog-date.svelte-1teoznn{font-size:.8rem;color:#94a3b8}.blog-rating-display.svelte-1teoznn{color:#fbbf24;font-size:.85rem;font-weight:600}.blog-title.svelte-1teoznn{font-size:clamp(1.6rem,5vw,2.4rem);font-weight:800;line-height:1.25;color:#fff;margin-bottom:16px}.blog-author-row.svelte-1teoznn{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.blog-author.svelte-1teoznn{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#cbd5e1}.author-avatar.svelte-1teoznn{width:32px;height:32px;background:linear-gradient(135deg,#38bdf8,#0ea5e9);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.8rem}.blog-reading-time.svelte-1teoznn{font-size:.75rem;color:#64748b}.blog-featured.svelte-1teoznn{margin:0 auto 32px;border-radius:16px;overflow:hidden;background:#1e293b}.blog-thumb.svelte-1teoznn{display:block;width:100%;max-height:450px;object-fit:contain;object-position:center;background:#0f172a}@media (min-width: 768px){.blog-featured.svelte-1teoznn{margin:0 0 32px}}.blog-content.svelte-1teoznn{font-size:1.05rem;line-height:1.8;color:#cbd5e1}.blog-content.svelte-1teoznn h2{font-size:1.5rem;font-weight:700;color:#fff;margin:32px 0 16px;padding-left:16px;border-left:4px solid #38bdf8}.blog-content.svelte-1teoznn h3{font-size:1.2rem;font-weight:600;color:#38bdf8;margin:24px 0 12px}.blog-content.svelte-1teoznn p{margin-bottom:16px}.blog-content.svelte-1teoznn ul,.blog-content.svelte-1teoznn ol{padding-left:24px;margin-bottom:16px}.blog-content.svelte-1teoznn li{margin-bottom:8px}.blog-content.svelte-1teoznn a{color:#38bdf8;text-decoration:underline}.blog-content.svelte-1teoznn strong{color:#f0fdf4}.blog-content.svelte-1teoznn img{max-width:100%;height:auto;border-radius:12px;margin:16px 0}.blog-footer.svelte-1teoznn{margin-top:48px;padding-top:32px;border-top:1px solid rgba(255,255,255,.08)}.blog-share.svelte-1teoznn{display:flex;align-items:center;gap:10px;margin-bottom:24px;flex-wrap:wrap;font-size:.85rem;color:#94a3b8}.share-btn.svelte-1teoznn{padding:8px 16px;border-radius:20px;text-decoration:none;font-weight:500;font-size:.8rem;transition:all .2s}.share-wa.svelte-1teoznn{background:#25d36626;color:#25d366}.share-wa.svelte-1teoznn:hover{background:#25d36640}.blog-cta.svelte-1teoznn{background:linear-gradient(135deg,#38bdf81a,#0ea5e91a);border:1px solid rgba(56,189,248,.3);border-radius:16px;padding:24px;text-align:center;margin-bottom:24px}.blog-cta.svelte-1teoznn p:where(.svelte-1teoznn){color:#e2e8f0;font-size:1rem;margin-bottom:12px}.cta-btn.svelte-1teoznn{display:inline-block;background:linear-gradient(135deg,#38bdf8,#0ea5e9);color:#fff;padding:12px 28px;border-radius:30px;text-decoration:none;font-weight:600;transition:all .2s}.cta-btn.svelte-1teoznn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #38bdf84d}.back-link.svelte-1teoznn{display:inline-block;color:#94a3b8;text-decoration:none;font-size:.85rem}.back-link.svelte-1teoznn:hover{color:#38bdf8}.blog-loading.svelte-1teoznn{display:flex;align-items:center;justify-content:center;min-height:60vh;color:#94a3b8;font-size:1.1rem}@media (max-width: 600px){.blog-page.svelte-1teoznn{padding:16px}.blog-featured.svelte-1teoznn{margin:0 -16px 24px;border-radius:0}}