.filter-tag[data-v-fde1ebce]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--bg-card);border:1.5px solid rgba(0,0,0,.1);border-radius:50px;box-shadow:0 1px 6px #0000000d;color:var(--text-mid);cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;letter-spacing:.04em;padding:8px 18px;transition:all .18s}.filter-tag[data-v-fde1ebce]:hover{border-color:var(--green);color:var(--green)}.filter-tag.active[data-v-fde1ebce]{background:var(--green);border-color:var(--green);box-shadow:0 3px 14px #3daa7d59;color:#fff}.featured-wrap[data-v-0451e43f]{animation:fadeUp-0451e43f .5s ease .24s both;padding:0 48px 32px}.featured-card[data-v-0451e43f]{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-soft);display:grid;grid-template-columns:1fr 1fr;min-height:260px;overflow:hidden;position:relative;transition:box-shadow .25s}@media(hover:hover){.featured-card[data-v-0451e43f]:hover{box-shadow:0 16px 56px #1e503724}}.featured-body[data-v-0451e43f]{display:flex;flex-direction:column;justify-content:center;padding:36px 40px;z-index:1}.post-tag[data-v-0451e43f]{background:var(--green);border-radius:50px;box-shadow:0 2px 10px #3daa7d4d;color:#fff;display:inline-block;font-size:10.5px;letter-spacing:.12em;margin-bottom:16px;padding:4px 12px;width:-moz-fit-content;width:fit-content}.featured-body h2[data-v-0451e43f],.post-tag[data-v-0451e43f]{font-weight:800;text-transform:uppercase}.featured-body h2[data-v-0451e43f]{color:var(--text-dark);font-family:Barlow Condensed,sans-serif;font-size:clamp(22px,2.5vw,30px);letter-spacing:-.01em;line-height:1.15;margin-bottom:12px}.featured-body p[data-v-0451e43f]{color:var(--text-mid);font-size:14px;line-height:1.6;margin-bottom:24px;max-width:360px}.btn-read[data-v-0451e43f]{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1.5px solid hsla(0,0%,100%,.9);border-radius:50px;box-shadow:0 2px 10px #00000012;color:var(--text-dark);cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;gap:8px;letter-spacing:.08em;min-height:44px;padding:11px 22px;text-decoration:none;text-transform:uppercase;transition:all .2s;width:-moz-fit-content;width:fit-content}@media(hover:hover){.btn-read[data-v-0451e43f]:hover{background:#fffffff2;transform:translateY(-1px)}}.featured-tags[data-v-0451e43f]{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.featured-tag[data-v-0451e43f]{color:var(--green);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.featured-img[data-v-0451e43f]{display:block;height:100%;overflow:hidden;position:relative}.featured-img-inner[data-v-0451e43f]{align-items:center;background:linear-gradient(90deg,rgba(240,245,242,.15) 0,transparent 40%),radial-gradient(ellipse at 60% 40%,rgba(61,170,125,.12) 0,transparent 60%),linear-gradient(135deg,#c8d4cc,#a0b0a8 40%,#7a8e86);display:flex;height:100%;inset:0;justify-content:center;position:absolute;width:100%}.featured-img-inner[data-v-0451e43f] svg{max-width:320px;opacity:.55;stroke-linejoin:round;width:80%}@keyframes fadeUp-0451e43f{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.featured-wrap[data-v-0451e43f]{padding:0 32px 28px}.featured-body[data-v-0451e43f]{padding:28px}}@media(max-width:768px){.featured-wrap[data-v-0451e43f]{padding:0 20px 24px}.featured-card[data-v-0451e43f]{grid-template-columns:1fr;min-height:auto}.featured-img[data-v-0451e43f]{height:200px}.featured-img-inner[data-v-0451e43f]{height:200px;position:relative}.featured-body[data-v-0451e43f]{order:2;padding:24px 20px}.featured-img[data-v-0451e43f]{order:1}.featured-body p[data-v-0451e43f]{max-width:100%}}.grid-wrap[data-v-8c1a3352]{padding:0 48px 32px}.posts-grid[data-v-8c1a3352]{display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}.post-card[data-v-8c1a3352]{animation:fadeUp-8c1a3352 .5s ease both;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-card);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:transform .24s,box-shadow .24s}@media(hover:hover){.post-card[data-v-8c1a3352]:hover{box-shadow:0 16px 48px #1e503721;transform:translateY(-5px)}}.post-thumb[data-v-8c1a3352]{height:160px;overflow:hidden;position:relative}.post-thumb-inner[data-v-8c1a3352]{height:100%;transition:transform .4s ease;width:100%}@media(hover:hover){.post-card:hover .post-thumb-inner[data-v-8c1a3352]{transform:scale(1.04)}}.thumb-tag[data-v-8c1a3352]{background:var(--green);border-radius:50px;box-shadow:0 2px 8px #3daa7d66;color:#fff;font-size:9.5px;font-weight:800;left:12px;letter-spacing:.12em;padding:4px 10px;position:absolute;text-transform:uppercase;top:12px;z-index:2}.thumb-materials .post-thumb-inner[data-v-8c1a3352]{background:linear-gradient(135deg,#e8c090,#c8904a 40%,#a06030)}.thumb-cases .post-thumb-inner[data-v-8c1a3352]{background:linear-gradient(135deg,#b0b8b4,#7a8a84 40%,#506058)}.thumb-tech .post-thumb-inner[data-v-8c1a3352]{background:linear-gradient(135deg,#90b4c0,#4a7a8a 40%,#2a5060)}.thumb-business .post-thumb-inner[data-v-8c1a3352]{background:linear-gradient(135deg,#d0d4d8,#a0a8b0 40%,#707880)}.thumb-guides .post-thumb-inner[data-v-8c1a3352]{background:linear-gradient(135deg,#a0c4a8,#5a8a64 40%,#304e38)}.thumb-icon[data-v-8c1a3352]{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.thumb-icon[data-v-8c1a3352] svg{fill:none;height:64px;opacity:.35;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.2;width:64px}.post-body[data-v-8c1a3352]{display:flex;flex:1;flex-direction:column;min-width:0;padding:20px 20px 18px}.post-title[data-v-8c1a3352]{color:var(--text-dark);flex:1;font-family:Barlow Condensed,sans-serif;font-size:18px;font-weight:800;letter-spacing:.01em;line-height:1.2;margin-bottom:14px;overflow-wrap:break-word;word-break:break-word}.post-meta[data-v-8c1a3352]{align-items:center;border-top:1px solid rgba(61,170,125,.1);display:flex;gap:8px;justify-content:space-between;margin-top:auto;padding-top:12px}.post-date[data-v-8c1a3352]{color:var(--text-light);font-size:12px;font-weight:500}.post-date span[data-v-8c1a3352]{color:var(--text-mid);margin:0 4px}.btn-post-read[data-v-8c1a3352]{color:var(--green);cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.05em;text-decoration:none;text-transform:uppercase;transition:color .18s;white-space:nowrap}@media(hover:hover){.post-card:hover .btn-post-read[data-v-8c1a3352]{color:#2d8a62}}.card-tags[data-v-8c1a3352]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.card-tag[data-v-8c1a3352]{color:var(--green);font-size:10px;font-weight:600;opacity:.8;text-transform:lowercase}@keyframes fadeUp-8c1a3352{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.grid-wrap[data-v-8c1a3352]{padding:0 32px 28px}.posts-grid[data-v-8c1a3352]{gap:16px;grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.grid-wrap[data-v-8c1a3352]{padding:0 20px 24px}.posts-grid[data-v-8c1a3352]{grid-template-columns:1fr}.post-thumb[data-v-8c1a3352]{height:140px}.post-body[data-v-8c1a3352]{padding:16px}}.page-header{animation:fadeUp .5s ease .05s both;padding:64px 48px 48px}.page-header h1{color:var(--text-dark);font-family:Barlow Condensed,sans-serif;font-size:clamp(38px,5vw,56px);font-weight:900;letter-spacing:-.01em;margin-bottom:10px;text-transform:uppercase}.page-header p{color:var(--text-mid);font-size:16px;font-weight:400;line-height:1.5}.search-wrap{animation:fadeUp .5s ease .12s both;padding:0 48px 28px}.search-box{position:relative}.search-box svg{fill:none;height:18px;left:20px;pointer-events:none;position:absolute;stroke:var(--text-light);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;top:50%;transform:translateY(-50%);width:18px}.search-box input{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--border);border-radius:50px;box-shadow:var(--shadow-card);color:var(--text-dark);font-family:Barlow,sans-serif;font-size:16px;font-weight:400;outline:none;padding:16px 24px 16px 52px;transition:box-shadow .2s,border-color .2s;width:100%}.search-box input::-moz-placeholder{color:var(--text-light)}.search-box input::placeholder{color:var(--text-light)}.search-box input:focus{border-color:#3daa7d59;box-shadow:0 0 0 4px #3daa7d1a,var(--shadow-card)}.filters-container{display:flex;flex-direction:column;gap:16px;padding:0 48px 40px}.filters{animation:fadeUp .5s ease .18s both;gap:10px}.filters,.tag-filters{display:flex;flex-wrap:wrap}.tag-filters{animation:fadeUp .5s ease .24s both;gap:8px}.tag-pill{align-items:center;background:var(--bg-card);border:1.5px solid var(--border);border-radius:9999px;color:var(--text-mid);cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;min-height:44px;padding:.375rem 1rem;text-transform:lowercase;transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media(hover:hover){.tag-pill:hover{border-color:var(--green);color:var(--green)}}.tag-pill.active{background:var(--green-pale);border-color:var(--green);box-shadow:0 2px 10px #3daa7d26;color:var(--green)}.loading-wrap{align-items:center;display:flex;justify-content:center;padding:80px 20px}.loading-spinner{animation:spin .7s linear infinite;border:3px solid rgba(61,170,125,.2);border-radius:50%;border-top:3px solid var(--green);height:32px;width:32px}.empty-state{color:var(--text-light);font-size:18px;font-weight:600;padding:80px 20px;text-align:center}.pagination-wrap{padding:16px 48px 72px}@keyframes spin{to{transform:rotate(1turn)}}@media(max-width:1024px){.page-header{padding:48px 32px 36px}.search-wrap{padding:0 32px 24px}.filters-container{padding:0 32px 32px}.pagination-wrap{padding:16px 32px 56px}}@media(max-width:600px){.page-header{padding:32px 20px 28px}.search-wrap{padding:0 20px 20px}.filters-container{padding:0 20px 24px}.pagination-wrap{padding:12px 20px 48px}.empty-state,.loading-wrap{padding:48px 16px}.empty-state{font-size:16px}}
