@layer pw {
@layer pw{[data-pw=blogs]{--bg:#090d14;--s1:#0e141d;--s2:#151c28;--bd:#94a3c429;--tx:#f1f5f9;--mu:#8b98ad;--ac:#4d7cff;--gr:#22d3a4;--yl:#fbbf24;--rd:#ef4444;--pu:#a78bfa;--mono:var(--font-mono),monospace;--sans:var(--font-dm),sans-serif}[data-pw=blogs] *{box-sizing:border-box;margin:0;padding:0}:is(html:has(>[data-pw=blogs]),body:has(>[data-pw=blogs])){font-family:var(--sans);background:var(--bg);color:var(--tx);-webkit-font-smoothing:antialiased;line-height:1.6;transition:background .5s,color .5s;overflow-x:hidden}[data-pw=blogs] a{color:inherit;text-decoration:none}[data-pw=blogs] header{background:linear-gradient(135deg,var(--s1) 0%,var(--s2) 100%);border-bottom:1px solid var(--bd);z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:32px 0;position:sticky;top:0}[data-pw=blogs] .header-content{justify-content:space-between;align-items:center;max-width:900px;margin:0 auto;padding:0 24px;display:flex}[data-pw=blogs] .logo{letter-spacing:-.02em;align-items:center;gap:12px;font-size:24px;font-weight:700;display:flex}[data-pw=blogs] .logo svg{width:28px;height:28px}[data-pw=blogs] .logo span{background:linear-gradient(135deg,var(--ac) 0%,var(--pu) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-pw=blogs] .header-actions{align-items:center;gap:12px;display:flex}[data-pw=blogs] .back-link{color:var(--mu);border:1px solid var(--bd);background:var(--s2);border-radius:8px;padding:8px 14px;font-size:13px;transition:all .2s}[data-pw=blogs] .back-link:hover{color:var(--tx);background:var(--bd)}[data-pw=blogs] .theme-toggle{border:1px solid var(--bd);background:var(--s2);width:36px;height:36px;color:var(--tx);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:18px;transition:all .3s;display:flex}[data-pw=blogs] .theme-toggle:hover{background:var(--bd)}[data-pw=blogs] .container{max-width:900px;margin:0 auto;padding:64px 24px;position:relative}[data-pw=blogs] .page-tag{color:var(--gr);text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#22d3a41f 0%,#22d3a40f 100%);border:1px solid #22d3a459;border-radius:6px;margin-bottom:16px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}[data-pw=blogs] .page-title{letter-spacing:-.02em;margin-bottom:12px;font-size:48px;font-weight:700;line-height:1.1}[data-pw=blogs] .page-sub{color:var(--mu);margin-bottom:48px;font-size:16px}[data-pw=blogs] .blog-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}[data-pw=blogs] .blog-card{background:var(--s2);border:1px solid var(--bd);border-radius:10px;flex-direction:column;transition:border-color .2s,transform .2s,background-color .5s;display:flex;overflow:hidden}[data-pw=blogs] .blog-card:hover{border-color:#2563eb66;transform:translateY(-3px)}[data-pw=blogs] .blog-img{aspect-ratio:16/9;object-fit:cover;border-bottom:1px solid var(--bd);background:var(--s1);width:100%;display:block}[data-pw=blogs] .blog-body{flex-direction:column;flex:1;gap:10px;padding:22px;display:flex}[data-pw=blogs] .blog-date{font-family:var(--mono);color:var(--mu);font-size:12px}[data-pw=blogs] .blog-title{letter-spacing:-.01em;color:var(--tx);font-size:18px;font-weight:600;line-height:1.3}[data-pw=blogs] .blog-excerpt{color:var(--mu);margin:0;font-size:13px;line-height:1.6}[data-pw=blogs] .blog-tag{text-transform:uppercase;letter-spacing:.05em;color:var(--gr);background:#22d3a414;border:1px solid #22d3a459;border-radius:6px;align-self:flex-start;margin-top:auto;padding:4px 10px;font-size:11px;font-weight:600}[data-pw=blogs] footer{background:var(--s1);border-top:1px solid var(--bd);margin-top:64px;padding:48px 24px}[data-pw=blogs] .footer-content{text-align:center;max-width:900px;color:var(--mu);margin:0 auto;font-size:13px}[data-pw=blogs] .footer-content p{margin-bottom:8px}html[data-theme=light]{--bg:#f6f4ee;--s1:#efe9db;--s2:#e4dac4;--bd:#19191429;--tx:#1a1a16;--mu:#7c7768}[data-pw=blogs] .foot-nav{margin-top:12px}[data-pw=blogs] .foot-nav a{color:var(--mu);margin:0 10px;font-size:13px;text-decoration:none}[data-pw=blogs] .foot-nav a:hover{color:var(--tx)}[data-pw=blogs] ::selection{color:#fff;background:#3b82f673}[data-pw=blogs] ::-webkit-scrollbar{width:10px}[data-pw=blogs] ::-webkit-scrollbar-track{background:0 0}[data-pw=blogs] ::-webkit-scrollbar-thumb{background:#2a3550 padding-box content-box;border:2px solid #0000;border-radius:8px}[data-pw=blogs] :focus-visible{outline:2px solid var(--ac);outline-offset:3px;border-radius:4px}html:has(>[data-pw=blogs]){scroll-behavior:smooth}[data-pw=blogs] header.scrolled,[data-pw=blogs] .nav.scrolled{box-shadow:0 8px 30px #00000073}[data-pw=blogs] .theme-toggle:active{transform:scale(.94)}[data-pw=blogs] .readbar{background:linear-gradient(90deg,var(--ac),var(--gr));z-index:200;width:0;height:2px;position:fixed;top:0;left:0}[data-pw=blogs] .filter-bar{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}[data-pw=blogs] .filter-bar button{font-family:var(--sans);color:var(--mu);background:var(--s2);border:1px solid var(--bd);cursor:pointer;border-radius:100px;padding:7px 16px;font-size:12px;font-weight:600;transition:all .15s}[data-pw=blogs] .filter-bar button:hover{color:var(--tx)}[data-pw=blogs] .filter-bar button.act{color:var(--gr);background:#22d3a414;border-color:#22d3a480}[data-pw=blogs] .sort-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}[data-pw=blogs] #postCount{font-family:var(--mono);color:var(--mu);font-size:12px}[data-pw=blogs] .sort-btns{gap:8px;display:flex}[data-pw=blogs] .sort-btns button{font-family:var(--sans);color:var(--mu);background:var(--s2);border:1px solid var(--bd);cursor:pointer;border-radius:100px;padding:7px 16px;font-size:12px;font-weight:600;transition:all .15s}[data-pw=blogs] .sort-btns button:hover{color:var(--tx)}[data-pw=blogs] .sort-btns button.act{color:var(--ac);background:#3b82f614;border-color:#3b82f673}[data-pw=blogs] .blog-card{animation:.55s cubic-bezier(.21,.65,.35,1) both blogs-cardIn}[data-pw=blogs] .blog-card:nth-child(2){animation-delay:60ms}[data-pw=blogs] .blog-card:nth-child(3){animation-delay:.12s}[data-pw=blogs] .blog-card:nth-child(4){animation-delay:.18s}[data-pw=blogs] .blog-card:nth-child(5){animation-delay:.24s}[data-pw=blogs] .blog-card:nth-child(6){animation-delay:.3s}[data-pw=blogs] .blog-card:nth-child(7){animation-delay:.36s}[data-pw=blogs] .blog-card:nth-child(8){animation-delay:.42s}@keyframes blogs-cardIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}[data-pw=blogs] .blog-img{transition:transform .35s}[data-pw=blogs] .blog-card:hover .blog-img{transform:scale(1.045)}}
}