body{background:radial-gradient(circle at 10% 20%,#f0f4ff 0,#f0f4ff00 26%),radial-gradient(circle at 80% 0%,#eef6ff 0,#eef6ff00 20%),var(--bg)}.blog-page{max-width:1100px;margin:0 auto;padding:140px 24px 80px}.translation-note{background:#0ea5e91a;border:1px solid rgba(14,165,233,.2);border-radius:12px;padding:12px 16px;margin-bottom:48px;text-align:center;font-size:14px;color:var(--ink)}.blog-search{margin-bottom:32px}.blog-search label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.blog-search-wrapper{position:relative}.blog-search input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:48px;border-radius:9999px;border:1px solid var(--border);background:var(--bg, #ffffff);padding:0 44px 0 20px;font-size:15px;color:var(--ink);-webkit-text-fill-color:var(--ink);box-shadow:0 14px 34px #0f172a0f;transition:border-color .15s ease,box-shadow .15s ease}.blog-search input[type=search]::-webkit-search-cancel-button,.blog-search input[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}.blog-search input[type=search]::-ms-clear{display:none;width:0;height:0}.blog-search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--muted);font-size:20px;cursor:pointer;padding:4px 6px;line-height:1;opacity:0;pointer-events:none;transition:opacity .15s ease,color .15s ease}.blog-search-clear.visible{opacity:1;pointer-events:auto}.blog-search-clear:hover{color:var(--ink)}.blog-search input::-moz-placeholder{color:var(--muted);-webkit-text-fill-color:var(--muted);opacity:1}.blog-search input::placeholder{color:var(--muted);-webkit-text-fill-color:var(--muted);opacity:1}.blog-search input:focus{outline:none;border-color:#0ea5e999;box-shadow:0 16px 36px #0ea5e929}.posts-grid{display:grid;gap:24px;margin-bottom:80px}@media(min-width:768px){.posts-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.posts-grid{grid-template-columns:repeat(3,1fr)}}.post-card{border:1px solid var(--border);border-radius:20px;padding:24px;background:#fff;box-shadow:0 18px 48px #0f172a0d;transition:transform .15s ease,box-shadow .15s ease;text-decoration:none;display:flex;flex-direction:column;height:100%}.post-card:hover{transform:translateY(-4px);box-shadow:0 24px 60px #0f172a1f}.post-tag{display:inline-flex;align-items:center;gap:2px;border-radius:9999px;background:#0ea5e91a;color:var(--accent);padding:4px 12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;width:-moz-fit-content;width:fit-content}.post-tag--date{text-transform:none;letter-spacing:.02em}.post-date{font-size:14px;color:var(--muted);margin-bottom:12px}.post-title{font-size:22px;font-weight:600;color:var(--ink);margin-bottom:12px;line-height:1.3}.post-excerpt{font-size:15px;line-height:1.6;color:var(--muted);flex-grow:1}.empty-state{text-align:center;padding:80px 20px;color:var(--muted)}.empty-state h2{font-size:28px;font-weight:600;margin-bottom:12px;color:var(--ink)}.empty-state p{font-size:18px;line-height:1.6}.empty-state--filtered{display:none;margin-bottom:48px;padding:32px 20px}.post-image{width:100%;aspect-ratio:1200 / 630;-o-object-fit:cover;object-fit:cover;border-radius:16px;margin-bottom:16px;background:linear-gradient(135deg,#f0f4ff,#eef6ff)}@media(prefers-color-scheme:dark){:root:not(.theme-light){color-scheme:dark;--bg: #0b1220;--border: #1f2937;--ink: #e5e7eb;--muted: #cbd5e1;--accent: #38bdf8}:root:not(.theme-light) body{background:radial-gradient(circle at 10% 20%,#22d3ee14 0,#22d3ee00 26%),radial-gradient(circle at 80% 0%,#f871711f 0,#f8717100 22%),#0b1220}:root:not(.theme-light) .blog-search input{background:#0f1628;border-color:#1f2937;color:#e5e7eb;-webkit-text-fill-color:#e5e7eb;box-shadow:0 18px 40px #00000059}:root:not(.theme-light) .blog-search input:focus{border-color:#38bdf899;box-shadow:0 18px 44px #38bdf833}}.theme-dark{color-scheme:dark;--bg: #0b1220;--border: #1f2937;--ink: #e5e7eb;--muted: #cbd5e1;--accent: #38bdf8}.theme-dark body{background:radial-gradient(circle at 10% 20%,#22d3ee14 0,#22d3ee00 26%),radial-gradient(circle at 80% 0%,#f871711f 0,#f8717100 22%),#0b1220}.theme-dark .post-card,.theme-dark .blog-cta{background:#0f1628;border-color:#1f2937;box-shadow:0 24px 60px #00000047}.theme-dark .post-card:hover{box-shadow:0 30px 75px #00000059}.theme-dark .post-tag{background:#38bdf826;color:#38bdf8}.theme-dark .post-image{background:linear-gradient(135deg,#1f2937,#0f1628)}.theme-dark .blog-search input{background:#0f1628;border-color:#1f2937;color:#e5e7eb;-webkit-text-fill-color:#e5e7eb;box-shadow:0 18px 40px #00000059}.theme-dark .blog-search input:focus{border-color:#38bdf899;box-shadow:0 18px 44px #38bdf833}.theme-dark .blog-search-clear{color:#cbd5e1}.theme-dark .blog-search-clear:hover{color:#e5e7eb}