.blog-listing{background-color:var(--color-base-100);width:100%;padding-top:12rem;padding-bottom:8rem;position:relative;overflow:hidden}.blog-listing:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(#ff6e1408 0%,#0000 60%);width:120%;height:100%;position:absolute;top:-30%;left:50%;transform:translate(-50%)}.blog-listing-header{text-align:center;z-index:1;max-width:650px;margin:0 auto 4rem;position:relative}.blog-listing-header h1{letter-spacing:-.03em;margin-bottom:1.25rem;font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.05}.blog-listing-header p{color:var(--color-base-300)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.blog-category-tabs{z-index:1;flex-wrap:wrap;justify-content:center;gap:.625rem;margin-bottom:4rem;display:flex;position:relative}.blog-tab{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1rem;-webkit-backdrop-filter:blur(8px);color:var(--color-base-300);cursor:pointer;background:#ffffff80;border:1px solid #0000000f;border-radius:100px;padding:.6rem 1.5rem;font-size:.75rem;font-weight:500;transition:color .3s,border-color .3s,background .3s,box-shadow .3s,transform .3s cubic-bezier(.34,1.56,.64,1)}.blog-tab:hover{color:var(--color-base-400);background:#fffc;border-color:#ff6e1433;transform:translateY(-1px)}.blog-tab:active{transform:scale(.95)}.blog-tab.active{background-color:var(--color-base-400);color:var(--color-base-100);border-color:#0000;box-shadow:0 4px 12px #0d0d0d26}.blog-tab:focus-visible{outline:2px solid var(--color-base-500);outline-offset:2px}.blog-featured-card{-webkit-backdrop-filter:blur(12px);cursor:pointer;color:inherit;z-index:1;background:#ffffffb3;border:1px solid #0000000a;border-radius:1.25rem;grid-template-columns:1fr 1fr;gap:0;margin-bottom:4rem;text-decoration:none;transition:transform .5s cubic-bezier(.34,1.56,.64,1),box-shadow .4s,border-color .3s;display:grid;position:relative;overflow:hidden}.blog-featured-card:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(90deg,#0000,#ffffff80,#0000);width:50%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.blog-featured-card:hover:after{left:150%}.blog-featured-card:hover{border-color:#ff6e1426;transform:translateY(-4px)scale(1.01);box-shadow:0 12px 32px #00000014,0 0 0 1px #ff6e141a}.blog-featured-card:focus-visible{outline:2px solid var(--color-base-500);outline-offset:2px}.blog-featured-image{aspect-ratio:16/10;background-color:var(--color-base-200);border-right:1px solid #0000000a;position:relative;overflow:hidden}.blog-featured-image img{object-fit:cover;filter:grayscale()contrast()brightness(1.25);width:100%;height:100%;transition:filter .6s,transform .6s}.blog-featured-card:hover .blog-featured-image img{filter:grayscale(0%)contrast();transform:scale(1.04)}.blog-featured-content{flex-direction:column;justify-content:center;gap:1rem;padding:2rem 2.5rem;display:flex}.blog-featured-content h2{letter-spacing:-.025em;font-size:2.25rem;line-height:1.1;transition:color .3s}.blog-featured-card:hover .blog-featured-content h2{color:var(--color-base-400)}.blog-featured-content p{color:var(--color-base-300);font-size:1.1rem;line-height:1.5}.blog-category-tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1rem;color:#fff;border-radius:100px;width:fit-content;padding:.35rem .85rem;font-size:.65rem;font-weight:600;display:inline-block;box-shadow:0 2px 8px #00000014}.blog-category-tag--security{color:var(--color-base-400)}.blog-card-meta{align-items:center;gap:.5rem;margin-top:auto;padding-top:.75rem;display:flex}.blog-card-date{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04rem;color:var(--color-base-300);font-size:.75rem}.blog-meta-dot{color:var(--color-base-300);font-size:1rem;line-height:1}.blog-read-time{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04rem;color:var(--color-base-300);font-size:.75rem}.blog-grid{z-index:1;grid-template-columns:repeat(3,1fr);gap:2rem;display:grid;position:relative}.blog-grid-card{-webkit-backdrop-filter:blur(12px);cursor:pointer;color:inherit;background:#ffffffb3;border:1px solid #0000000a;border-radius:1.25rem;flex-direction:column;gap:.75rem;padding:2.5rem;text-decoration:none;transition:transform .5s cubic-bezier(.34,1.56,.64,1),box-shadow .4s,border-color .3s;display:flex;position:relative;overflow:hidden}.blog-grid-card:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000,#fff6,#0000);width:50%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.blog-grid-card:hover:after{left:150%}.blog-grid-card:hover{border-color:#ff6e1426;transform:translateY(-4px)scale(1.02);box-shadow:0 12px 32px #00000014,0 0 0 1px #ff6e141a}.blog-grid-card:focus-visible{outline:2px solid var(--color-base-500);outline-offset:2px}.blog-grid-card h3{letter-spacing:-.02em;font-size:1.5rem;line-height:1.15;transition:color .3s}.blog-grid-card:hover h3{color:var(--color-base-400)}.blog-grid-card p{color:var(--color-base-300);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:1rem;line-height:1.5;display:-webkit-box;overflow:hidden}.blog-load-more{z-index:1;justify-content:center;margin-top:3rem;display:flex;position:relative}.blog-load-more-button{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08rem;-webkit-backdrop-filter:blur(8px);color:var(--color-base-400);cursor:pointer;background:#fff9;border:1px solid #00000014;border-radius:100px;padding:.875rem 2.25rem;font-size:.8rem;font-weight:500;transition:border-color .3s,background .3s,transform .3s cubic-bezier(.34,1.56,.64,1)}.blog-load-more-button:hover{background:#ffffffe6;border-color:#ff6e1433;transform:translateY(-2px)}.blog-load-more-button:active{transform:scale(.97)}.blog-load-more-button:focus-visible{outline:2px solid var(--color-base-500);outline-offset:2px}.blog-empty{text-align:center;padding:4rem 0}.blog-empty p{color:var(--color-base-300)}@media (max-width:1024px){.blog-featured-card{grid-template-columns:1fr}.blog-featured-image{aspect-ratio:16/9;border-bottom:1px solid #0000000a;border-right:none}.blog-featured-content h2{font-size:1.75rem}.blog-grid{grid-template-columns:repeat(2,1fr)}.blog-grid-card{padding:2rem}}@media (max-width:768px){.blog-listing{padding-top:8rem;padding-bottom:4rem}.blog-listing-header{text-align:center;margin-left:auto;margin-right:auto}.blog-listing-header h1{font-size:clamp(2rem,8vw,3rem)}.blog-category-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:.25rem;overflow-x:auto}.blog-category-tabs::-webkit-scrollbar{display:none}.blog-featured-card{grid-template-columns:1fr}.blog-featured-image{aspect-ratio:16/7}.blog-featured-content{padding:1.5rem}.blog-featured-content h2{font-size:1.5rem}.blog-grid{grid-template-columns:1fr}.blog-grid-card h3{font-size:1.25rem}.blog-tab{padding:.4rem 1rem;font-size:.7rem}}@media (prefers-reduced-motion:reduce){.blog-featured-card,.blog-grid-card,.blog-tab{transition:none}.blog-featured-card:after,.blog-grid-card:after{display:none}.blog-featured-image img,.blog-load-more-button{transition:none}}.dark .blog-listing{background-color:var(--bg-page)}.dark .blog-listing:before{background:radial-gradient(#ff6e140f 0%,#0000 60%)}.dark .blog-listing-header p{color:var(--text-secondary)}.dark .blog-tab{border-color:var(--border-subtle);color:var(--text-secondary);background:#ffffff0a}.dark .blog-tab:hover{color:var(--text-primary);background:#ffffff14;border-color:#ff6e1433}.dark .blog-tab.active{background-color:var(--color-base-100);color:var(--color-base-400);border-color:#0000;box-shadow:0 4px 12px #f9fafb26}.dark .blog-featured-card{background:var(--bg-surface);border-color:var(--border-color)}.dark .blog-featured-image{border-right-color:var(--border-color);border-bottom-color:var(--border-color)}.dark .blog-featured-image img{filter:grayscale()contrast(1.1)}.dark .blog-featured-card:hover{box-shadow:0 12px 32px #0003,0 0 0 1px #ff6e141f}.dark .blog-featured-card:after{background:linear-gradient(90deg,#0000,#ffffff08,#0000)}.dark .blog-featured-content h2,.dark .blog-featured-card:hover .blog-featured-content h2{color:var(--text-primary)}.dark .blog-featured-content p{color:var(--text-secondary)}.dark .blog-grid-card{background:var(--bg-surface);border-color:var(--border-color)}.dark .blog-grid-card:hover{box-shadow:0 12px 32px #0003,0 0 0 1px #ff6e141f}.dark .blog-grid-card:after{background:linear-gradient(90deg,#0000,#ffffff08,#0000)}.dark .blog-grid-card h3,.dark .blog-grid-card:hover h3{color:var(--text-primary)}.dark .blog-grid-card p,.dark .blog-card-date,.dark .blog-meta-dot,.dark .blog-read-time,.dark .blog-empty p{color:var(--text-secondary)}.dark .blog-load-more-button{border-color:var(--border-color);background:var(--bg-surface);color:var(--text-primary)}.dark .blog-load-more-button:hover{background:var(--bg-surface-elevated);border-color:#ff6e1433}
/*# sourceMappingURL=fabdf3a120a5837c.css.map*/