:root{--bg-color:#050505;--text-color:#f5f5f5;--border-color:#fff3;--border-active:hsl(var(--primary));--accent-color:hsl(var(--primary));--font-tech:"Courier New",Courier,monospace;--font-display:var(--font-headline)}a{color:inherit;text-decoration:none;transition:all .3s}ul{list-style:none}img{object-fit:cover;width:100%;height:100%;display:block}.blog-header{border-bottom:1px solid hsl(var(--border));background-color:hsl(var(--background));color:hsl(var(--foreground));padding:120px 40px 60px;position:relative}.header-meta{color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:1px;font-size:.8rem;font-family:var(--font-tech);justify-content:space-between;margin-bottom:20px;display:flex}.blog-title{font-family:var(--font-display);text-transform:uppercase;font-size:5rem;font-weight:700;line-height:.9}.controls-bar{z-index:100;background:hsla(var(--background)/.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid hsl(var(--border));justify-content:space-between;align-items:center;height:60px;padding:0 40px;display:flex;position:sticky;top:0}.categories{-ms-overflow-style:none;scrollbar-width:none;height:100%;display:flex;overflow-x:auto}.categories::-webkit-scrollbar{display:none}.cat-btn{border:none;border-right:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));font-family:var(--font-tech);cursor:pointer;text-transform:uppercase;white-space:nowrap;background:0 0;height:100%;padding:0 25px;font-size:.85rem;transition:all .2s}.cat-btn:hover,.cat-btn.active{color:hsl(var(--background));background:hsl(var(--foreground))}.search-wrapper{color:hsl(var(--muted-foreground));font-size:.85rem;font-family:var(--font-tech);align-items:center;gap:10px;display:flex}.search-input{border:none;border-bottom:1px solid hsl(var(--muted-foreground));color:hsl(var(--foreground));font-family:var(--font-tech);background:0 0;width:150px;padding:5px}.search-input:focus{border-color:hsl(var(--foreground));outline:none}.featured-article{background-color:hsl(var(--background));grid-template-columns:60% 40%;min-height:500px;display:grid}.feat-img-wrapper{border-right:1px solid hsl(var(--border));position:relative;overflow:hidden}.feat-img{transition:transform .6s}.featured-article:hover .feat-img{transform:scale(1.02)}.feat-content{font-family:var(--font-tech);flex-direction:column;justify-content:center;padding:60px;display:flex}.meta-tag{border:1px solid var(--border-active);color:var(--border-active);align-self:flex-start;margin-bottom:20px;padding:5px 10px;font-size:.75rem;display:inline-block}.feat-title{font-family:var(--font-display);text-transform:uppercase;margin-bottom:20px;font-size:2.5rem;line-height:1.1}.feat-excerpt{color:hsl(var(--muted-foreground));margin-bottom:40px;font-size:1rem;line-height:1.6}.read-btn{text-transform:uppercase;border-bottom:1px solid hsl(var(--foreground));align-self:flex-start;padding-bottom:5px;font-size:.9rem;display:inline-block}.grid-separator{background:hsl(var(--border));height:1px;margin:60px 40px 0}.blog-grid{background-color:hsl(var(--background));border-top:1px solid hsl(var(--border));grid-template-columns:repeat(3,1fr);width:100%;margin-top:60px;display:grid}.article-card{border-right:1px solid hsl(var(--border));border-bottom:1px solid hsl(var(--border));background:hsl(var(--background));font-family:var(--font-tech);flex-direction:column;transition:all .3s;display:flex;position:relative}.article-card:hover{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.article-card:hover .art-meta{color:hsl(var(--primary-foreground),.7);border-color:hsl(var(--primary-foreground),.2)}.article-card:hover .art-desc{opacity:.8}.art-img-wrapper{border-bottom:1px solid hsl(var(--border));height:250px;position:relative;overflow:hidden}.art-img{transition:all .5s}.art-body{flex-direction:column;flex-grow:1;padding:30px;display:flex}.art-meta{color:hsl(var(--muted-foreground));border-bottom:1px solid hsl(var(--border));justify-content:space-between;margin-bottom:15px;padding-bottom:15px;font-size:.7rem;transition:all .3s;display:flex}.art-title{font-family:var(--font-display);text-transform:uppercase;margin-bottom:15px;font-size:1.5rem;font-weight:700;line-height:1.1}.art-desc{opacity:.7;margin-bottom:20px;font-size:.85rem;line-height:1.5}.art-footer{margin-top:auto;font-size:.8rem;font-weight:700}.pagination-controls{border-bottom:1px solid hsl(var(--border));font-family:var(--font-tech);text-transform:uppercase;background-color:hsl(var(--background));justify-content:center;align-items:center;gap:20px;padding:40px;display:flex}.pagination-btn{border:1px solid hsl(var(--border));color:hsl(var(--foreground));background:0 0;border-radius:0}.pagination-btn:hover{background:hsl(var(--foreground));color:hsl(var(--background))}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-status{color:hsl(var(--muted-foreground));font-size:.85rem}.newsletter-section{border-bottom:1px solid hsl(var(--border));background-color:hsl(var(--background));font-family:var(--font-tech);justify-content:space-between;align-items:center;padding:80px 40px;display:flex}.nl-text h3{font-family:var(--font-display);text-transform:uppercase;margin-bottom:10px;font-size:2rem}.nl-form{border:1px solid hsl(var(--foreground));gap:0;transition:border-color .3s;display:flex}.nl-form:hover{border-color:hsl(var(--primary))}.nl-input{color:hsl(var(--foreground));font-family:var(--font-tech);background:0 0;border:none;width:300px;padding:15px 20px}.nl-input:focus{background:hsla(var(--foreground)/.1);outline:none}.nl-btn{background:hsl(var(--foreground));color:hsl(var(--background));font-family:var(--font-tech);cursor:pointer;text-transform:uppercase;border:none;padding:0 30px;font-weight:700;transition:background-color .3s}.nl-btn:hover{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}@media (max-width:1200px){.blog-grid{grid-template-columns:repeat(2,1fr)}.article-card:nth-child(2n){border-right:none}}@media (max-width:768px){.blog-title{font-size:3rem}.blog-header{padding:80px 20px 40px}.controls-bar{justify-content:flex-start;padding:0 20px}.search-wrapper{flex-grow:1;justify-content:flex-end}.search-input{width:100px}.featured-article{grid-template-columns:1fr}.feat-img-wrapper{border-right:none;border-bottom:1px solid hsl(var(--border));height:300px}.feat-content{padding:30px 20px}.grid-separator{margin:40px 20px 0}.blog-grid{grid-template-columns:1fr;margin-top:40px}.article-card{border-right:none}.pagination-controls{padding:30px 20px}.pagination-status{display:none}.newsletter-section{flex-direction:column;align-items:flex-start;gap:30px;padding:60px 20px}.nl-form,.nl-input{width:100%}}
