.blog-search{position:relative;display:flex;align-items:center;max-width:520px;background:var(--color-bg-elev);border:1px solid var(--color-border);border-radius:12px;transition:border-color .2s,background .2s}.blog-search:focus-within{border-color:var(--color-accent-400);background:var(--color-bg-muted);box-shadow:0 0 0 3px color-mix(in oklab,var(--color-accent) 15%,transparent)}.blog-search__label{padding:0 14px;color:var(--color-fg-subtle);display:inline-flex}.blog-search__input{flex:1;padding:14px 10px;background:transparent;border:0;outline:none;color:var(--color-fg);font-family:var(--font-sans);font-size:15px}.blog-search__input::placeholder{color:var(--color-fg-subtle)}.blog-search__kbd{margin-right:10px;padding:3px 7px;background:var(--color-bg-muted);border:1px solid var(--color-border);border-radius:6px;font-family:var(--font-mono);font-size:10.5px;color:var(--color-fg-muted)}.blog-filters{display:flex;flex-wrap:wrap;gap:8px}.blog-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-bg-elev);font-family:var(--font-sans);font-size:13px;color:var(--color-fg-muted);cursor:pointer;transition:border-color .2s var(--ease-out-expo),background .2s var(--ease-out-expo),color .2s var(--ease-out-expo),transform .2s var(--ease-out-expo)}.blog-chip:hover{border-color:var(--color-border-strong);color:var(--color-fg);transform:translateY(-1px)}.blog-chip.is-active{background:var(--color-accent);border-color:var(--color-accent);color:#fff;box-shadow:0 6px 20px -6px var(--color-accent-glow, rgba(59, 107, 255, .6))}.blog-chip__count{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;font-family:var(--font-mono);font-size:10px;background:var(--color-bg-muted);color:var(--color-fg-subtle);transition:all .2s}.blog-chip.is-active .blog-chip__count{background:#ffffff2e;color:#fff}.blog-feature{transform-origin:center bottom}.blog-feature__grain{position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.7'/></svg>");opacity:.08;mix-blend-mode:overlay;pointer-events:none}.blog-feature__orb{position:absolute;width:280px;height:280px;left:-80px;bottom:-100px;border-radius:50%;background:radial-gradient(circle,rgba(92,133,255,.35) 0%,transparent 70%);filter:blur(10px);animation:blog-orb 8s ease-in-out infinite alternate;pointer-events:none}@keyframes blog-orb{0%{transform:translate(0) scale(1)}to{transform:translate(40px,-30px) scale(1.15)}}.blog-card{position:relative;display:flex;flex-direction:column;padding:28px;border:1px solid var(--color-border);border-radius:20px;background:var(--color-bg-elev);overflow:hidden;transition:transform .32s var(--ease-out-expo),border-color .2s var(--ease-out-expo),box-shadow .32s var(--ease-out-expo)}.blog-card--big{padding:36px;border-radius:24px;min-height:340px}.blog-card--compact{padding:24px;border-radius:18px;min-height:230px}.blog-card:hover{transform:translateY(-4px);border-color:color-mix(in oklab,var(--color-accent) 35%,var(--color-border));box-shadow:0 24px 60px -20px #3b6bff40}.blog-card__glow{position:absolute;inset:0;opacity:0;pointer-events:none;background:radial-gradient(ellipse 80% 60% at var(--glow-x, 50%) 0%,rgba(59,107,255,.12),transparent 65%);transition:opacity .4s var(--ease-out-expo)}.blog-card:hover .blog-card__glow{opacity:1}.blog-card__top{position:relative;display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.blog-card__category{padding:4px 10px;background:var(--color-bg-muted);border:1px solid var(--color-border);border-radius:999px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-fg-muted)}.blog-card__read{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--color-fg-subtle)}.blog-card__title{position:relative;font-family:var(--font-sans);font-weight:500;color:var(--color-fg);letter-spacing:-.018em;line-height:1.18;font-size:18px;transition:color .2s}.blog-card__title--big{font-size:22px;line-height:1.15;letter-spacing:-.02em}.blog-card:hover .blog-card__title{color:var(--color-accent-400)}.blog-card__desc{position:relative;margin-top:12px;font-size:14px;line-height:1.55;color:var(--color-fg-muted);flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card__desc--clamp2{-webkit-line-clamp:2}.blog-card__tags{position:relative;display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.blog-card__tag{padding:2px 8px;border:1px solid var(--color-border);background:var(--color-bg-muted);border-radius:6px;font-family:var(--font-mono);font-size:10.5px;color:var(--color-fg-muted)}.blog-card__foot{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;padding-top:16px;border-top:1px solid var(--color-border);font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;color:var(--color-fg-subtle)}.blog-card__cta{display:inline-flex;align-items:center;gap:6px;color:var(--color-fg);font-weight:500;transition:color .2s,gap .2s}.blog-card:hover .blog-card__cta{color:var(--color-accent-400);gap:10px}.blog-card:hover .blog-card__cta svg{transform:translate(3px)}.blog-card__cta svg{transition:transform .24s var(--ease-out-expo)}.newsletter-card{position:relative;padding:40px 32px;border-radius:28px;border:1px solid color-mix(in oklab,var(--color-accent) 35%,var(--color-border));background:radial-gradient(ellipse 60% 80% at 20% 20%,rgba(59,107,255,.25),transparent 60%),radial-gradient(ellipse 50% 60% at 80% 100%,rgba(92,133,255,.18),transparent 60%),var(--color-bg-deep, var(--color-bg));overflow:hidden;box-shadow:0 0 0 1px #3b6bff14 inset,0 30px 80px -30px #3b6bff59}@media(min-width:768px){.newsletter-card{padding:52px 48px}}.newsletter-card__glow{position:absolute;width:500px;height:500px;left:-120px;top:-180px;border-radius:50%;background:radial-gradient(circle,rgba(92,133,255,.3) 0%,transparent 70%);filter:blur(10px);animation:blog-orb 10s ease-in-out infinite alternate;pointer-events:none}.newsletter-card__grain{position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.7'/></svg>");opacity:.08;mix-blend-mode:overlay;pointer-events:none}.newsletter-form{display:flex;flex-direction:column;gap:12px;padding:28px;border-radius:18px;background:#0b0b1099;border:1px solid var(--color-border);backdrop-filter:blur(12px)}.newsletter-form__field{position:relative;display:block}.newsletter-form__label{display:block;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#fff9;margin-bottom:6px}.newsletter-form__field input{width:100%;padding:12px 14px;background:#0000004d;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#fff;font-family:var(--font-sans);font-size:14.5px;outline:none;transition:all .2s}.newsletter-form__field input:focus{border-color:var(--color-accent-400);background:#00000073;box-shadow:0 0 0 3px color-mix(in oklab,var(--color-accent) 18%,transparent)}.newsletter-form__field input::placeholder{color:#ffffff4d}.newsletter-form__submit{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 18px;margin-top:6px;background:var(--color-accent);color:#fff;border:0;border-radius:10px;font-family:var(--font-sans);font-size:14px;font-weight:500;cursor:pointer;box-shadow:0 0 0 1px var(--color-accent-600) inset,0 10px 30px -10px var(--color-accent-glow, rgba(59, 107, 255, .6));transition:all .2s var(--ease-out-expo)}.newsletter-form__submit:hover{background:var(--color-accent-400);transform:translateY(-1px)}.newsletter-form__legal{margin:4px 0 0;font-size:11px;color:#ffffff80;line-height:1.4}.newsletter-form__legal a{color:var(--color-accent-400)}.newsletter-form__error{margin:0;padding:10px 12px;border-radius:8px;background:#f8717114;border:1px solid rgba(248,113,113,.3);color:#fca5a5;font-size:12.5px}.newsletter-success{text-align:center;padding:16px 0}.newsletter-success>div{margin:0 auto}.newsletter-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:999px;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tag-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--color-border);background:var(--color-bg-elev);border-radius:999px;font-family:var(--font-sans);font-size:calc(13px * var(--tag-scale, 1));color:var(--color-fg-muted);cursor:pointer;transition:transform .2s var(--ease-out-expo),border-color .2s,background .2s,color .2s,box-shadow .2s;animation:tag-appear .4s var(--ease-out-expo) var(--tag-delay, 0ms) both}@keyframes tag-appear{0%{opacity:0;transform:translateY(6px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.tag-pill__hash{font-family:var(--font-mono);color:var(--color-fg-subtle);transition:color .2s}.tag-pill__count{margin-left:2px;padding:0 6px;background:var(--color-bg-muted);border-radius:999px;font-family:var(--font-mono);font-size:9.5px;color:var(--color-fg-subtle)}.tag-pill:hover{transform:translateY(-2px) scale(1.04);border-color:color-mix(in oklab,var(--color-accent) 35%,var(--color-border));color:var(--color-fg)}.tag-pill:hover .tag-pill__hash{color:var(--color-accent-400)}.tag-pill.is-active{background:var(--color-accent);border-color:var(--color-accent);color:#fff;box-shadow:0 10px 26px -10px var(--color-accent-glow, rgba(59, 107, 255, .6))}.tag-pill.is-active .tag-pill__hash{color:#ffffffd9}.tag-pill.is-active .tag-pill__count{background:#ffffff2e;color:#fff}.blog-index [data-reveal]{opacity:0;transform:translateY(16px);transition:opacity .7s var(--ease-out-expo),transform .7s var(--ease-out-expo)}.blog-index [data-reveal].is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.blog-feature__orb,.newsletter-card__glow,.tag-pill{animation:none!important}.blog-card{transition:none!important}.blog-card:hover{transform:none}}