.page-root[data-v-0bd12089]{--g500:#22c55e;--g600:#16a34a;--g700:#15803d;--g800:#166534;--gray50:#f9fafb;--gray100:#f3f4f6;--gray200:#e5e7eb;--gray300:#d1d5db;--gray400:#9ca3af;--gray500:#6b7280;--gray700:#374151;--gray900:#111827;--fd:"Fraunces",Georgia,serif;--fb:"Plus Jakarta Sans",sans-serif;font-family:var(--fb);color:var(--gray900);min-height:100vh;background:var(--gray50)}.fade-in[data-v-0bd12089]{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}.fade-in.visible[data-v-0bd12089]{opacity:1;transform:none}.hero[data-v-0bd12089]{position:relative;height:220px;overflow:hidden}.hero-bg[data-v-0bd12089]{position:absolute;inset:0;background:url(/storage/img/landingpage/cover4.png) center/cover no-repeat}.hero-overlay[data-v-0bd12089]{position:absolute;inset:0;background:linear-gradient(135deg,#0a2814d9,#166534a6)}@media (max-width:768px){.hero[data-v-0bd12089]{height:130px}}.page-bg[data-v-0bd12089]{background:var(--gray50);padding:20px 0 80px}.page-wrap[data-v-0bd12089]{max-width:1120px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;gap:28px}.page-header[data-v-0bd12089]{display:flex;flex-direction:column;gap:0}.page-title[data-v-0bd12089]{font-family:var(--fd);font-size:clamp(22px,3vw,32px);font-weight:700;color:var(--gray900);margin:0 0 8px}.news-navbar[data-v-0bd12089]{display:flex;align-items:center;background:#f3f4f6;border-bottom:2px solid var(--gray200);overflow:hidden}.nav-cats[data-v-0bd12089]{display:flex;align-items:stretch;flex:1;overflow-x:auto;scrollbar-width:none}.nav-cats[data-v-0bd12089]::-webkit-scrollbar{display:none}.nav-cat[data-v-0bd12089]{padding:0 18px;height:46px;font-size:12px;font-weight:700;letter-spacing:.05em;color:var(--gray500);background:transparent;border:none;cursor:pointer;white-space:nowrap;transition:color .2s,background .2s;font-family:var(--fb);border-radius:0;position:relative}.nav-cat[data-v-0bd12089]:hover{color:var(--g700);background:#1665340f}.nav-cat.active[data-v-0bd12089]{color:var(--g700);font-weight:800}.nav-cat.active[data-v-0bd12089]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--g600)}.nav-search[data-v-0bd12089]{display:flex;align-items:center;flex-shrink:0;margin-left:auto;border-left:1px solid var(--gray200)}.nav-search-input[data-v-0bd12089]{background:transparent;border:none;outline:none;color:var(--gray700);font-size:12px;font-family:var(--fb);padding:8px 12px;width:140px}.nav-search-input[data-v-0bd12089]::placeholder{color:var(--gray400)}.nav-search-btn[data-v-0bd12089]{background:transparent;border:none;cursor:pointer;color:var(--gray400);padding:10px 12px;transition:color .2s;border-left:1px solid var(--gray200)}.nav-search-btn[data-v-0bd12089]:hover{color:var(--g700);background:#1665340f}.clear-filter[data-v-0bd12089]{padding:5px 12px;font-size:11px;font-weight:600;border:1.5px solid var(--gray200);border-radius:0;background:#fff;color:var(--gray500);cursor:pointer;transition:all .2s;font-family:var(--fb)}.clear-filter[data-v-0bd12089]:hover{border-color:var(--g600);color:var(--g700)}.sec-head[data-v-0bd12089]{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.sec-title-wrap[data-v-0bd12089]{display:flex;align-items:center;gap:14px}.sec-bar[data-v-0bd12089]{display:block;width:4px;height:36px;background:var(--g600);border-radius:0;flex-shrink:0}.sec-title[data-v-0bd12089]{font-family:var(--fd);font-size:clamp(18px,2.5vw,24px);font-weight:700;color:var(--gray900);margin:0;line-height:1.2}.sec-count[data-v-0bd12089]{font-size:12px;color:var(--gray400);margin:4px 0 0;font-weight:400}.badge[data-v-0bd12089]{position:absolute;top:12px;left:12px;background:var(--g600);color:#fff;font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:3px 10px;border-radius:0}.badge-abs[data-v-0bd12089]{position:absolute;top:8px;left:8px;background:var(--g600);color:#fff;font-size:8px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:0}.featured[data-v-0bd12089]{display:grid;grid-template-columns:1.1fr 1fr;border-radius:0;overflow:hidden;text-decoration:none;background:#fff;box-shadow:0 3px 16px #00000014;transition:box-shadow .25s,transform .25s}.featured[data-v-0bd12089]:hover{box-shadow:0 10px 36px #00000024;transform:translateY(-3px)}@media (max-width:720px){.featured[data-v-0bd12089]{grid-template-columns:1fr}}.feat-img-wrap[data-v-0bd12089]{position:relative;min-height:280px;overflow:hidden}.feat-img[data-v-0bd12089]{width:100%;height:100%;object-fit:cover;transition:transform .5s;display:block}.featured:hover .feat-img[data-v-0bd12089]{transform:scale(1.04)}.feat-body[data-v-0bd12089]{padding:28px;display:flex;flex-direction:column;gap:10px}.feat-meta[data-v-0bd12089]{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.feat-author[data-v-0bd12089]{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--g700);font-weight:600}.feat-date[data-v-0bd12089]{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--gray400)}.feat-title[data-v-0bd12089]{font-family:var(--fd);font-size:clamp(16px,2.2vw,24px);font-weight:700;color:var(--gray900);line-height:1.3;margin:0}.feat-desc[data-v-0bd12089]{font-size:13px;color:var(--gray500);line-height:1.75;margin:0;flex:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.read-link[data-v-0bd12089]{font-size:12px;font-weight:700;color:var(--g700);margin-top:auto}.grid[data-v-0bd12089]{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}@media (max-width:900px){.grid[data-v-0bd12089]{grid-template-columns:repeat(3,1fr)}}@media (max-width:620px){.grid[data-v-0bd12089]{grid-template-columns:repeat(2,1fr)}}@media (max-width:400px){.grid[data-v-0bd12089]{grid-template-columns:1fr}}.card[data-v-0bd12089]{display:flex;flex-direction:column;border-radius:0;overflow:hidden;text-decoration:none;background:#fff;box-shadow:0 2px 10px #00000012;transition:box-shadow .2s,transform .2s}.card[data-v-0bd12089]:hover{box-shadow:0 10px 32px #00000021;transform:translateY(-3px)}.card-img-wrap[data-v-0bd12089]{position:relative;height:160px;overflow:hidden}.card-img[data-v-0bd12089]{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s}.card:hover .card-img[data-v-0bd12089]{transform:scale(1.06)}.card-body[data-v-0bd12089]{padding:14px 16px;display:flex;flex-direction:column;gap:6px;flex:1;border-top:2px solid var(--gray100)}.card-meta[data-v-0bd12089]{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.card-author[data-v-0bd12089]{display:inline-flex;align-items:center;gap:3px;font-size:10px;color:var(--g700);font-weight:600}.card-date[data-v-0bd12089]{font-size:10px;color:var(--gray400);margin-left:auto}.card-title[data-v-0bd12089]{font-family:var(--fd);font-size:13px;font-weight:700;color:var(--gray900);line-height:1.35;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.card-desc[data-v-0bd12089]{font-size:11px;color:var(--gray500);line-height:1.65;margin:0;flex:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.card-link[data-v-0bd12089]{font-size:10px;font-weight:700;color:var(--g700);margin-top:2px}.pagination[data-v-0bd12089]{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.page-numbers[data-v-0bd12089]{display:flex;align-items:center;gap:4px}.prev-next[data-v-0bd12089]{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;border:1.5px solid var(--gray200);border-radius:0;font-size:12px;font-weight:600;color:var(--gray700);background:#fff;cursor:pointer;transition:all .2s;font-family:var(--fb);white-space:nowrap}.prev-next[data-v-0bd12089]:hover:not(:disabled){border-color:var(--g600);color:var(--g700);background:#f0fdf4}.prev-next[data-v-0bd12089]:disabled{opacity:.4;cursor:not-allowed}.page-num[data-v-0bd12089]{min-width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--gray200);border-radius:0;font-size:12px;font-weight:600;color:var(--gray700);background:#fff;cursor:pointer;transition:all .2s;font-family:var(--fb);padding:0 4px}.page-num[data-v-0bd12089]:hover{border-color:var(--g600);color:var(--g700);background:#f0fdf4}.page-num.active[data-v-0bd12089]{background:var(--g700);border-color:var(--g700);color:#fff;font-weight:700}.page-ellipsis[data-v-0bd12089]{min-width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;color:var(--gray400);border:1.5px solid transparent}.empty[data-v-0bd12089]{text-align:center;padding:60px 0;color:var(--gray400);display:flex;flex-direction:column;align-items:center;gap:12px}.empty p[data-v-0bd12089]{font-size:13px}