.clx-blog-archive-main{background-color:var(--clx-color-bg-body,#010709);color:var(--clx-color-text-main,#e5e7eb);padding:50px 20px;font-family:var(--clx-font-base,sans-serif);min-height:100vh}.clx-blog-container{max-width:1200px;margin:0 auto}.clx-blog-header{text-align:center;margin-bottom:40px}.clx-blog-title{font-family:var(--clx-font-title,sans-serif);font-size:2.4rem;font-weight:800;color:#fff;margin-bottom:8px;text-align:center}.clx-text-brand{color:var(--clx-title-color,#27f08a)}.clx-blog-subtitle{font-size:.95rem;font-weight:400;color:var(--clx-color-text-muted,#9ca3af);margin:0 auto 30px auto;max-width:500px;text-align:center;line-height:1.5}.clx-category-filter{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.clx-cat-btn{padding:6px 16px;border-radius:var(--clx-radius-pill,999px);background-color:var(--clx-color-bg-elevated,#020c10);border:1px solid var(--clx-color-border-subtle,rgb(148 163 184 / .2));color:var(--clx-color-text-main,#e5e7eb);text-decoration:none;font-size:.85rem;font-weight:500;transition:var(--clx-transition-base,220ms ease)}.clx-cat-btn:hover{border-color:var(--clx-color-brand,#22c55e);background-color:rgb(34 197 94 / .05)}.clx-cat-btn.active{background-color:var(--clx-color-brand,#22c55e);color:#fff;border-color:var(--clx-color-brand,#22c55e);box-shadow:var(--clx-shadow-neon,0 0 20px rgb(74 222 128 / .2))}.clx-hero-section{margin-bottom:40px}.clx-hero-card{position:relative;border-radius:var(--clx-radius-xl,24px);overflow:hidden;background-color:var(--clx-color-bg-elevated,#020c10);border:1px solid var(--clx-color-border-subtle,rgb(148 163 184 / .1));box-shadow:var(--clx-shadow-soft,0 10px 30px rgb(0 0 0 / .3));transition:transform var(--clx-transition-base,220ms ease)}.clx-hero-card:hover{transform:translateY(-4px);border-color:var(--clx-color-brand,#22c55e);box-shadow:0 10px 25px rgb(0 0 0 / .5),0 0 20px rgb(34 197 94 / .15)}.clx-hero-link{display:flex;flex-direction:row;width:100%;text-decoration:none}.clx-hero-bg{position:relative;width:50%;aspect-ratio:1 / 1;overflow:hidden}.clx-hero-img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease}.clx-hero-card:hover .clx-hero-img{transform:scale(1.03)}.clx-hero-overlay{display:none}.clx-hero-content{width:50%;padding:30px 40px;display:flex;flex-direction:column;justify-content:center}.clx-hero-meta{margin-bottom:15px}.clx-hero-date{background-color:rgb(34 197 94 / .1);color:var(--clx-title-color,#27f08a);padding:4px 12px;border-radius:var(--clx-radius-pill,999px);font-size:.75rem;font-weight:600}.clx-hero-title{font-family:var(--clx-font-title,sans-serif);font-size:1.8rem;font-weight:600;color:#fff;margin-bottom:12px;line-height:1.25;transition:color 0.2s ease}.clx-hero-card:hover .clx-hero-title{color:var(--clx-title-color,#27f08a)}.clx-hero-excerpt{font-size:.95rem;color:var(--clx-color-text-muted,#9ca3af);margin-bottom:20px;line-height:1.5}.clx-btn-read-more{display:inline-block;color:var(--clx-title-color,#27f08a);font-weight:600;font-size:.9rem;transition:color 0.2s ease;align-self:flex-start}.clx-hero-card:hover .clx-btn-read-more{color:#fff}.clx-posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:40px}.clx-post-card{background-color:var(--clx-color-bg-elevated,#020c10);border:1px solid var(--clx-color-border-subtle,rgb(148 163 184 / .1));border-radius:var(--clx-radius-lg,18px);overflow:hidden;transition:var(--clx-transition-base,220ms ease);display:flex;flex-direction:column}.clx-post-card:hover{transform:translateY(-5px);border-color:var(--clx-color-brand,#22c55e);box-shadow:0 10px 25px rgb(0 0 0 / .5),0 0 15px rgb(34 197 94 / .1)}.clx-card-link{text-decoration:none;display:flex;flex-direction:column;height:100%}.clx-card-thumb{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;border-bottom:1px solid var(--clx-color-border-subtle,rgb(148 163 184 / .1))}.clx-card-img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.clx-post-card:hover .clx-card-img{transform:scale(1.05)}.clx-card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgb(2 12 16 / .8) 0%,transparent 30%)}.clx-card-body{padding:12px 16px;display:flex;flex-direction:column;flex-grow:1}.clx-card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:.75rem}.clx-card-cat{color:var(--clx-title-color,#27f08a);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.clx-card-date{color:var(--clx-color-text-muted,#9ca3af)}.clx-card-title{font-family:var(--clx-font-title,sans-serif);font-size:1.05rem;font-weight:600;color:#fff;margin-bottom:6px;line-height:1.3;transition:color 0.2s ease}.clx-post-card:hover .clx-card-title{color:var(--clx-title-color,#27f08a)}.clx-card-excerpt{color:var(--clx-color-text-muted,#9ca3af);font-size:.85rem;line-height:1.4;flex-grow:1}.clx-pagination{display:flex;justify-content:center;gap:8px}.clx-pagination .page-numbers{display:inline-block;padding:8px 14px;background-color:var(--clx-color-bg-elevated,#020c10);border:1px solid var(--clx-color-border-subtle,rgb(148 163 184 / .2));border-radius:var(--clx-radius-md,14px);color:var(--clx-color-text-main,#e5e7eb);text-decoration:none;font-weight:500;font-size:.9rem;transition:var(--clx-transition-base,220ms ease)}.clx-pagination .page-numbers:hover{border-color:var(--clx-color-brand,#22c55e);color:#fff}.clx-pagination .page-numbers.current{background-color:var(--clx-color-brand,#22c55e);color:#fff;border-color:var(--clx-color-brand,#22c55e)}@media (max-width:768px){.clx-blog-title{font-size:2rem}.clx-hero-link{flex-direction:column}.clx-hero-bg{width:100%;aspect-ratio:1 / 1}.clx-hero-content{width:100%;padding:20px}.clx-hero-title{font-size:1.5rem}.clx-hero-excerpt{font-size:.9rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.clx-posts-grid{grid-template-columns:1fr}}