.blog-page-hero{padding:100px 32px 48px;text-align:center;max-width:640px;margin:0 auto}.blog-page-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(59,130,246,.35);border-radius:9999px;padding:5px 18px;margin-bottom:24px;font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.2em;color:var(--accent2);text-transform:uppercase}.blog-page-heading{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;letter-spacing:-.03em;color:var(--white);line-height:1.1;margin-bottom:16px}.blog-page-heading .heading-accent{color:var(--accent);-webkit-text-fill-color:var(--accent)}.blog-page-sub{font-size:14.5px;line-height:1.75;color:#ffffff8c}.blog-filter-toggle{display:none}@media(max-width:768px){.blog-filter-toggle{display:flex;align-items:center;gap:8px;margin:0 16px 14px;padding:10px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:9999px;color:var(--text);font-family:var(--sans);font-size:13px;font-weight:500;cursor:pointer}.blog-filter-toggle svg{color:#60a5fa}.blog-filter-toggle[aria-expanded=true]{border-color:#3b82f666;background:#3b82f614}.blog-filters-wrap{display:none}.blog-filters-wrap.is-open{display:block}}body.pa-light .blog-filter-toggle{background:#00000008;border-color:#0000001a;color:#111827}body.pa-light .blog-filter-toggle[aria-expanded=true]{border-color:#2563eb66;background:#2563eb0f}.blog-filters-wrap{max-width:1000px;margin:0 auto 32px;padding:0 48px}.blog-search-row{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.blog-search-wrap{flex:1;min-width:220px;position:relative}.blog-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#fff6;pointer-events:none;width:15px;height:15px}.blog-search-input{width:100%;height:46px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:9999px;padding:0 18px 0 44px;font-family:var(--sans);font-size:14px;color:var(--text);outline:none;transition:border-color .2s;box-sizing:border-box}.blog-search-input:focus{border-color:#3b82f666}.blog-search-input::placeholder{color:#ffffff59}.blog-sort-wrap{position:relative;display:flex;align-items:center;height:46px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:9999px;padding:0 36px 0 16px;flex-shrink:0;cursor:pointer}.blog-sort-icon{width:15px;height:15px;color:#ffffff80;flex-shrink:0;margin-right:8px}.blog-sort-trigger{appearance:none;background:transparent;border:none;font-family:var(--sans);font-size:14px;font-weight:500;color:var(--text);outline:none;cursor:pointer;padding:0}.blog-sort-caret{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:#fff6;pointer-events:none;transition:transform .2s}.blog-sort-wrap.is-open .blog-sort-caret{transform:translateY(-50%) rotate(180deg)}.blog-sort-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:140px;background:#15151a;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:6px;box-shadow:0 16px 40px #00000073;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:50}.blog-sort-wrap.is-open .blog-sort-menu{opacity:1;visibility:visible;transform:translateY(0)}.blog-sort-option{font-family:var(--sans);font-size:13.5px;font-weight:500;color:#ffffffb3;padding:9px 12px;border-radius:9px;cursor:pointer;transition:background .15s,color .15s}.blog-sort-option:hover{background:#ffffff12;color:var(--white)}.blog-sort-option.is-selected{background:var(--accent);color:#fff}body.pa-light .blog-sort-menu{background:#fff;border-color:#0000001a;box-shadow:0 16px 40px #0f172a24}body.pa-light .blog-sort-option{color:#000000a6}body.pa-light .blog-sort-option:hover{background:#0000000d;color:#111827}body.pa-light .blog-sort-option.is-selected{background:#2563eb;color:#fff}.blog-date-pill{position:relative;display:flex;align-items:center;gap:8px;height:46px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:9999px;padding:0 18px;cursor:pointer;flex-shrink:0;transition:border-color .2s}.blog-date-pill:hover{border-color:#ffffff40}.blog-date-pill svg{width:15px;height:15px;color:#ffffff80;flex-shrink:0}.blog-date-pill-text{font-family:var(--sans);font-size:14px;font-weight:500;color:var(--text);white-space:nowrap}.blog-date-pill.is-active{border-color:#ffffff73;background:#ffffff12}.blog-calendar-popup{position:fixed;width:280px;background:#15151a;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px;box-shadow:0 16px 40px #00000073;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:9999}.blog-calendar-popup.is-open{opacity:1;visibility:visible;transform:translateY(0)}.blog-cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.blog-cal-title{font-family:var(--sans);font-size:13.5px;font-weight:600;color:var(--white)}.blog-cal-nav{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:transparent;border:1px solid rgba(255,255,255,.1);color:#fff9;cursor:pointer;transition:background .15s,color .15s}.blog-cal-nav:hover{background:#ffffff14;color:var(--white)}.blog-cal-nav svg{width:13px;height:13px}.blog-cal-dow{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:4px}.blog-cal-dow span{text-align:center;font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.04em;color:#ffffff59;text-transform:uppercase;padding:4px 0}.blog-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.blog-cal-day{display:flex;align-items:center;justify-content:center;height:30px;border-radius:50%;font-family:var(--sans);font-size:12.5px;font-weight:500;color:#ffffffbf;cursor:pointer;transition:background .15s,color .15s}.blog-cal-day:hover{background:#ffffff14}.blog-cal-day.is-muted{color:#ffffff38}.blog-cal-day.is-today{box-shadow:inset 0 0 0 1px #ffffff4d}.blog-cal-day.is-selected{background:var(--accent);color:#fff}.blog-cal-foot{display:flex;justify-content:space-between;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}.blog-cal-link{background:transparent;border:none;cursor:pointer;font-family:var(--sans);font-size:12px;font-weight:600;color:var(--accent2);padding:4px 6px}.blog-cal-link:hover{text-decoration:underline}body.pa-light .blog-calendar-popup{background:#fff;border-color:#0000001a;box-shadow:0 16px 40px #0f172a24}body.pa-light .blog-cal-title{color:#111827}body.pa-light .blog-cal-nav{border-color:#0000001f;color:#00000080}body.pa-light .blog-cal-nav:hover{background:#0000000d;color:#111827}body.pa-light .blog-cal-dow span{color:#00000059}body.pa-light .blog-cal-day{color:#000000b3}body.pa-light .blog-cal-day:hover{background:#0000000f}body.pa-light .blog-cal-day.is-muted{color:#00000040}body.pa-light .blog-cal-day.is-today{box-shadow:inset 0 0 0 1px #00000040}body.pa-light .blog-cal-day.is-selected{background:#2563eb;color:#fff}body.pa-light .blog-cal-link{color:#2563eb}.blog-filter-reset{display:inline-flex;align-items:center;gap:6px;height:46px;padding:0 16px;border-radius:9999px;background:#ef444414;border:1px solid rgba(239,68,68,.25);color:#f87171;font-family:var(--sans);font-size:13px;font-weight:600;text-decoration:none;flex-shrink:0;transition:background .2s,border-color .2s}.blog-filter-reset:hover{background:#ef444426;border-color:#ef444466;text-decoration:none;color:#f87171}.blog-filter-reset svg{width:13px;height:13px}body.pa-light .blog-filter-reset{background:#dc26260f;border-color:#dc262633;color:#dc2626}body.pa-light .blog-filter-reset:hover{background:#dc26261f;color:#dc2626}.blog-cat-row{display:flex;flex-wrap:wrap;gap:8px}.blog-cat-btn{display:inline-flex;align-items:center;padding:6px 16px;border-radius:9999px;font-family:var(--sans);font-size:12.5px;font-weight:500;color:#ffffff80;background:transparent;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .2s}.blog-cat-btn:hover{color:var(--white);border-color:#ffffff73}.blog-cat-btn.active{background:var(--accent);color:var(--white);border-color:var(--accent);font-weight:600}.blog-page-grid{display:grid;grid-template-columns:repeat(var(--blog-cols-desktop, 3),1fr);gap:24px;max-width:960px;margin:0 auto;padding:0 48px}@media(max-width:900px){.blog-page-grid{grid-template-columns:repeat(var(--blog-cols-tablet, 2),1fr)}}.blog-page-card{display:flex;flex-direction:column;background:#11152099;border:1px solid rgba(255,255,255,.06);border-radius:12px;overflow:hidden;isolation:isolate;transition:border-color .2s;text-decoration:none;color:inherit;cursor:pointer}.blog-page-card:hover{border-color:#ffffff73;text-decoration:none}.blog-page-img-wrap{position:relative;overflow:hidden}.blog-page-img-wrap img,.blog-page-img-placeholder{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover;transition:transform .5s ease}.blog-page-card:hover .blog-page-img-wrap img,.blog-page-card:hover .blog-page-img-placeholder{transform:scale(1.04)}.blog-page-tag{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;padding:3px 10px;border-radius:9999px;font-family:var(--mono);font-size:8px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;z-index:2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#1e1e1ebf;color:#ffffffd9;border:1px solid rgba(255,255,255,.12)}.blog-page-body{display:flex;flex-direction:column;flex:1;padding:16px}.blog-page-title{font-size:1rem;font-weight:700;color:var(--white);line-height:1.4;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s}.blog-page-card:hover .blog-page-title{color:var(--accent2)}.blog-page-excerpt{font-size:12.5px;color:#ffffff80;line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:14px;flex:1}.blog-page-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.blog-page-meta-item{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:10px;color:#ffffff73;white-space:nowrap}.blog-page-meta-item svg{width:11px;height:11px;flex-shrink:0;color:#ffffff73}.blog-page-read-more{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.08em;color:#ffffff8c;text-transform:uppercase;text-decoration:none;align-self:flex-end;margin-top:auto;transition:color .2s}.blog-page-read-more:hover{color:var(--white);text-decoration:none}.blog-page-read-more svg{width:12px;height:12px;transition:transform .2s}.blog-page-read-more:hover svg{transform:translate(3px)}.blog-pagination{display:flex;align-items:center;justify-content:center;padding:48px 0 60px}.blog-pagination ul.page-numbers{display:flex;align-items:center;justify-content:center;gap:8px;list-style:none;margin:0;padding:0}.blog-pagination ul.page-numbers li{margin:0;padding:0;list-style:none}.blog-pagination a,.blog-pagination span{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;font-family:var(--mono);font-size:12px;font-weight:600;color:#ffffff80;border:1px solid rgba(255,255,255,.08);text-decoration:none;transition:all .2s}.blog-pagination a:hover{color:var(--white);border-color:#ffffff73;text-decoration:none}.blog-pagination .current,.blog-pagination .page-numbers.current{background:var(--accent);color:var(--white)!important;border-color:var(--accent)}.blog-pagination .prev,.blog-pagination .next{font-size:16px;color:#ffffff73}@media(max-width:768px){.blog-search-row{flex-wrap:wrap}.blog-search-wrap{flex:1 1 100%;min-width:0}.blog-sort-wrap,.blog-date-pill{flex:1 1 calc(50% - 6px);justify-content:center}.blog-filter-reset{flex:1 1 100%;justify-content:center}}@media(max-width:600px){.blog-page-hero{padding:90px 20px 28px}.blog-page-sub{margin-bottom:0}.blog-filters-wrap{padding:0 16px}.blog-page-grid{grid-template-columns:repeat(var(--blog-cols-mobile, 2),1fr);gap:10px;padding:0 16px}.blog-page-grid .blog-card-img-wrap{border-radius:10px}.blog-page-grid .blog-title{font-size:.78rem;padding:8px;-webkit-line-clamp:2;line-height:1.3}.blog-page-grid .blog-tag{font-size:6.5px;padding:3px 8px;top:8px;left:8px;letter-spacing:.14em}}@media(max-width:380px){.blog-page-grid{grid-template-columns:repeat(var(--blog-cols-mobile, 1),1fr)}}body.pa-light .blog-page-hero{background:transparent}body.pa-light .blog-page-badge{border-color:#2563eb4d;color:#2563eb}body.pa-light .blog-page-heading{color:#111827}body.pa-light .blog-page-heading .heading-accent{color:#2563eb;-webkit-text-fill-color:#2563eb}body.pa-light .blog-page-sub{color:#00000073}body.pa-light .blog-search-input{background:#fff;border-color:#0000001f;color:#111827}body.pa-light .blog-search-input::placeholder{color:#0006}body.pa-light .blog-search-input:focus{border-color:#2563eb66}body.pa-light .blog-search-icon{color:#00000073}body.pa-light .blog-sort-wrap{background:#fff;border-color:#0000001f}body.pa-light .blog-sort-icon,body.pa-light .blog-sort-caret{color:#00000073}body.pa-light .blog-date-pill{background:#fff;border-color:#0000001f}body.pa-light .blog-date-pill:hover{border-color:#00000040}body.pa-light .blog-date-pill svg{color:#00000073}body.pa-light .blog-cat-btn{color:#00000080;border-color:#00000080;background:#fff}body.pa-light .blog-cat-btn:hover{color:#111827;border-color:#00000080}body.pa-light .blog-cat-btn.active{background:#2563eb;color:#fff;border-color:#2563eb}body.pa-light .blog-page-card{background:#fff;border-color:#00000080;box-shadow:0 2px 12px #0000000d}body.pa-light .blog-page-card:hover{border-color:#00000080}body.pa-light .blog-page-title{color:#111827}body.pa-light .blog-page-card:hover .blog-page-title{color:#2563eb}body.pa-light .blog-page-excerpt{color:#00000073}body.pa-light .blog-page-meta{border-top-color:#00000080}body.pa-light .blog-page-meta-item{color:#0009}body.pa-light .blog-page-meta-item svg{color:#00000080}body.pa-light .blog-page-read-more{color:#0009}body.pa-light .blog-page-read-more:hover{color:#111827}body.pa-light .blog-pagination a,body.pa-light .blog-pagination span{color:#0009;border-color:#00000080;background:#fff}body.pa-light .blog-pagination a:hover{color:#111827;border-color:#00000080}body.pa-light .blog-pagination .current{background:#2563eb;color:#fff;border-color:#2563eb}
