.blog-page.svelte-u4k2t{min-height:100vh;min-height:100dvh;background:#060918;overflow-x:hidden;position:relative}.bg-effects.svelte-u4k2t{position:fixed;inset:0;pointer-events:none;z-index:0}.bg-orb.svelte-u4k2t{position:absolute;border-radius:50%;filter:blur(120px);opacity:.15}.bg-orb-1.svelte-u4k2t{width:600px;height:600px;background:#8b5cf6;top:-200px;right:-100px;animation:svelte-u4k2t-float-orb 15s ease-in-out infinite}.bg-orb-2.svelte-u4k2t{width:500px;height:500px;background:#3b82f6;bottom:-100px;left:-200px;animation:svelte-u4k2t-float-orb 20s ease-in-out infinite reverse}.bg-grid.svelte-u4k2t{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%);mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%)}@keyframes svelte-u4k2t-float-orb{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-20px) scale(1.1)}}.container.svelte-u4k2t{max-width:1200px;margin:0 auto;padding:0 1.5rem;position:relative;z-index:1}.hero.svelte-u4k2t{padding:7rem 0 3rem;text-align:center}.hero-badge.svelte-u4k2t{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:#8b5cf61f;border:1px solid rgba(139,92,246,.25);border-radius:100px;color:#a78bfa;font-size:.8125rem;font-weight:500;margin-bottom:1.5rem;letter-spacing:.03em}.hero-badge.svelte-u4k2t svg{width:1rem;height:1rem}.hero.svelte-u4k2t h1:where(.svelte-u4k2t){font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.15;margin-bottom:1rem;background:linear-gradient(135deg,#f8fafc,#cbd5e1,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle.svelte-u4k2t{font-size:1.125rem;color:#64748b;max-width:560px;margin:0 auto 2.5rem;line-height:1.6}.category-chips.svelte-u4k2t{display:flex;flex-wrap:wrap;justify-content:center;gap:.625rem}.chip.svelte-u4k2t{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:100px;color:#94a3b8;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .25s ease;white-space:nowrap}.chip.svelte-u4k2t svg{width:1rem;height:1rem;opacity:.7}.chip.svelte-u4k2t:hover{background:#ffffff14;border-color:#ffffff26;color:#e2e8f0}.chip.active.svelte-u4k2t{background:var(--chip-color, #8b5cf6);border-color:transparent;color:#fff;box-shadow:0 4px 16px #8b5cf64d}.chip.active.svelte-u4k2t svg{opacity:1}.chip-count.svelte-u4k2t{font-size:.6875rem;padding:.0625rem .4rem;background:#0003;border-radius:100px;font-weight:600}.tags-ribbon.svelte-u4k2t{border-bottom:1px solid rgba(255,255,255,.06);padding:1rem 0;margin-bottom:1rem}.tags-scroll.svelte-u4k2t{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none;padding:.25rem 0;justify-content:center;flex-wrap:wrap}.tags-scroll.svelte-u4k2t::-webkit-scrollbar{display:none}.tag-pill.svelte-u4k2t{padding:.375rem .875rem;background:transparent;border:1px solid rgba(255,255,255,.06);border-radius:100px;color:#475569;font-size:.75rem;cursor:pointer;transition:all .2s;white-space:nowrap}.tag-pill.svelte-u4k2t:hover{border-color:#8b5cf64d;color:#a78bfa}.tag-pill.active.svelte-u4k2t{background:#8b5cf626;border-color:#8b5cf666;color:#a78bfa}.content-section.svelte-u4k2t{padding:2rem 0 5rem}.empty-state.svelte-u4k2t{text-align:center;padding:5rem 2rem}.empty-icon.svelte-u4k2t{width:80px;height:80px;margin:0 auto 1.5rem;border-radius:50%;background:#8b5cf61a;display:flex;align-items:center;justify-content:center}.empty-icon.svelte-u4k2t svg{width:2.5rem;height:2.5rem;color:#8b5cf6}.empty-state.svelte-u4k2t h3:where(.svelte-u4k2t){font-size:1.5rem;color:#f1f5f9;margin-bottom:.5rem}.empty-state.svelte-u4k2t p:where(.svelte-u4k2t){color:#64748b;margin-bottom:2rem;max-width:400px;margin-left:auto;margin-right:auto}.cta-btn.svelte-u4k2t{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:none;border-radius:100px;color:#fff;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .25s}.cta-btn.svelte-u4k2t:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf666}.hero-card.svelte-u4k2t{display:grid;grid-template-columns:1.1fr 1fr;background:#0f172a99;border:1px solid rgba(255,255,255,.06);border-radius:1.5rem;overflow:hidden;text-decoration:none;margin-bottom:2.5rem;transition:all .4s ease;min-height:360px}.hero-card.svelte-u4k2t:hover{border-color:#8b5cf633;box-shadow:0 24px 64px #0006,0 0 0 1px #8b5cf61a;transform:translateY(-4px)}.hero-card-image.svelte-u4k2t{position:relative;overflow:hidden}.hero-card-image.svelte-u4k2t img:where(.svelte-u4k2t){width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.hero-card.svelte-u4k2t:hover .hero-card-image:where(.svelte-u4k2t) img:where(.svelte-u4k2t){transform:scale(1.05)}.hero-card-placeholder.svelte-u4k2t{width:100%;height:100%;min-height:360px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e293b,#0f172a)}.hero-card-placeholder.svelte-u4k2t svg{width:4rem;height:4rem;color:#334155}.hero-card-overlay.svelte-u4k2t{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,9,24,.4) 0%,transparent 100%)}.hero-card-content.svelte-u4k2t{padding:2.5rem;display:flex;flex-direction:column;justify-content:center}.hero-card-meta.svelte-u4k2t{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.hero-category.svelte-u4k2t{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;border-radius:100px;color:#fff;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.hero-category.svelte-u4k2t svg{width:.875rem;height:.875rem}.featured-star.svelte-u4k2t{color:#fbbf24;animation:svelte-u4k2t-pulse-star 2s ease-in-out infinite}.featured-star.svelte-u4k2t svg{width:1.25rem;height:1.25rem}@keyframes svelte-u4k2t-pulse-star{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.hero-card-content.svelte-u4k2t h2:where(.svelte-u4k2t){font-size:clamp(1.5rem,2.5vw,2rem);font-weight:700;color:#f1f5f9;line-height:1.3;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hero-card-content.svelte-u4k2t p:where(.svelte-u4k2t){color:#94a3b8;font-size:.9375rem;line-height:1.7;margin-bottom:1.5rem;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hero-card-footer.svelte-u4k2t{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem}.author-info.svelte-u4k2t{display:flex;align-items:center;gap:.5rem}.author-avatar.svelte-u4k2t{width:28px;height:28px;border-radius:50%;object-fit:cover}.author-avatar-placeholder.svelte-u4k2t{width:28px;height:28px;border-radius:50%;background:#8b5cf626;display:flex;align-items:center;justify-content:center}.author-avatar-placeholder.svelte-u4k2t svg{width:16px;height:16px;color:#8b5cf6}.author-info.svelte-u4k2t span:where(.svelte-u4k2t){font-size:.8125rem;color:#94a3b8;font-weight:500}.hero-card-stats.svelte-u4k2t{display:flex;align-items:center;gap:1rem}.hero-card-stats.svelte-u4k2t span:where(.svelte-u4k2t){display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#64748b}.hero-card-stats.svelte-u4k2t svg{width:.875rem;height:.875rem}.read-cta.svelte-u4k2t{display:inline-flex;align-items:center;gap:.5rem;color:#a78bfa;font-weight:600;font-size:.9375rem;transition:all .25s}.read-cta.svelte-u4k2t svg{width:1.125rem;height:1.125rem;transition:transform .25s}.hero-card.svelte-u4k2t:hover .read-cta:where(.svelte-u4k2t){color:#c4b5fd}.hero-card.svelte-u4k2t:hover .read-cta:where(.svelte-u4k2t) svg{transform:translate(4px)}.bento-grid.svelte-u4k2t{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.bento-card.svelte-u4k2t{position:relative;background:#0f172a80;border:1px solid rgba(255,255,255,.06);border-radius:1.25rem;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;transition:all .35s ease}.bento-card.wide.svelte-u4k2t{grid-column:span 2}.bento-card.svelte-u4k2t:hover{border-color:#ffffff1f;transform:translateY(-6px);box-shadow:0 20px 48px #00000059}.card-glow.svelte-u4k2t{position:absolute;inset:0;opacity:0;transition:opacity .35s;background:radial-gradient(300px circle at var(--mouse-x, 50%) var(--mouse-y, 0%),var(--glow-color, #8b5cf6) 0%,transparent 100%);mix-blend-mode:overlay;pointer-events:none;z-index:3}.bento-card.svelte-u4k2t:hover .card-glow:where(.svelte-u4k2t){opacity:.08}.bento-image.svelte-u4k2t{position:relative;aspect-ratio:16/9;overflow:hidden}.bento-card.wide.svelte-u4k2t .bento-image:where(.svelte-u4k2t){aspect-ratio:21/9}.bento-image.svelte-u4k2t img:where(.svelte-u4k2t){width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.bento-card.svelte-u4k2t:hover .bento-image:where(.svelte-u4k2t) img:where(.svelte-u4k2t){transform:scale(1.06)}.bento-image-overlay.svelte-u4k2t{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(6,9,24,.6) 100%)}.bento-placeholder.svelte-u4k2t{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e293b,#0f172a)}.bento-placeholder.svelte-u4k2t svg{width:2.5rem;height:2.5rem;color:#1e293b}.bento-content.svelte-u4k2t{padding:1.25rem 1.5rem 1.5rem;flex:1;display:flex;flex-direction:column;position:relative;z-index:1}.bento-top.svelte-u4k2t{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.bento-category.svelte-u4k2t{display:inline-flex;align-items:center;gap:.375rem;font-size:.6875rem;font-weight:600;color:var(--cat-color, #8b5cf6);text-transform:uppercase;letter-spacing:.05em}.bento-category.svelte-u4k2t svg{width:.8125rem;height:.8125rem}.bento-date.svelte-u4k2t{font-size:.6875rem;color:#475569}.bento-content.svelte-u4k2t h3:where(.svelte-u4k2t){font-size:1.125rem;font-weight:650;color:#f1f5f9;line-height:1.4;margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s}.bento-card.svelte-u4k2t:hover h3:where(.svelte-u4k2t){color:#fff}.bento-card.wide.svelte-u4k2t h3:where(.svelte-u4k2t){font-size:1.25rem}.bento-excerpt.svelte-u4k2t{color:#64748b;font-size:.8125rem;line-height:1.6;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bento-footer.svelte-u4k2t{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.04)}.bento-author.svelte-u4k2t{display:flex;align-items:center;gap:.375rem}.bento-author.svelte-u4k2t img:where(.svelte-u4k2t){width:20px;height:20px;border-radius:50%;object-fit:cover}.bento-author.svelte-u4k2t svg{width:20px;height:20px;color:#475569}.bento-author.svelte-u4k2t span:where(.svelte-u4k2t){font-size:.75rem;color:#64748b}.bento-read-time.svelte-u4k2t{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#475569}.bento-read-time.svelte-u4k2t svg{width:.8125rem;height:.8125rem}.pagination.svelte-u4k2t{display:flex;justify-content:center;gap:.5rem;margin-top:3.5rem}.page-btn.svelte-u4k2t{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 .75rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:.75rem;color:#64748b;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.page-btn.svelte-u4k2t svg{width:1.125rem;height:1.125rem}.page-btn.svelte-u4k2t:hover:not(:disabled){background:#ffffff14;color:#e2e8f0;border-color:#ffffff1f}.page-btn.active.svelte-u4k2t{background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-color:transparent;color:#fff;box-shadow:0 4px 12px #8b5cf64d}.page-btn.svelte-u4k2t:disabled{opacity:.3;cursor:not-allowed}@media(max-width:1024px){.bento-grid.svelte-u4k2t{grid-template-columns:repeat(2,1fr)}.bento-card.wide.svelte-u4k2t{grid-column:span 2}}@media(max-width:768px){.hero.svelte-u4k2t{padding:5rem 0 2rem}.hero-card.svelte-u4k2t{grid-template-columns:1fr;min-height:auto}.hero-card-image.svelte-u4k2t{aspect-ratio:16/9}.hero-card-content.svelte-u4k2t{padding:1.5rem}.hero-card-overlay.svelte-u4k2t{background:linear-gradient(180deg,transparent 0%,rgba(6,9,24,.3) 100%)}.bento-grid.svelte-u4k2t{grid-template-columns:1fr}.bento-card.wide.svelte-u4k2t{grid-column:span 1}.bento-card.wide.svelte-u4k2t .bento-image:where(.svelte-u4k2t){aspect-ratio:16/9}.category-chips.svelte-u4k2t{gap:.5rem}.chip.svelte-u4k2t{padding:.375rem .75rem;font-size:.75rem}.tags-scroll.svelte-u4k2t{justify-content:flex-start;flex-wrap:nowrap}}@media(max-width:480px){.hero-card-content.svelte-u4k2t h2:where(.svelte-u4k2t){font-size:1.25rem}.bento-content.svelte-u4k2t h3:where(.svelte-u4k2t){font-size:1rem}.hero-card-footer.svelte-u4k2t{flex-direction:column;align-items:flex-start;gap:.75rem}}