*{box-sizing:border-box}body,html{margin:0;padding:0;background:#0b1220;color:#e2e8f0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}a{color:inherit}.container{max-width:1000px;margin:0 auto;padding:0 2rem}.main{padding-top:3rem}.hero{position:relative;padding:7rem 0 3rem;border-bottom:1px solid #1e293b;background-image:linear-gradient(rgba(2,6,23,.7),rgba(11,18,32,.8)),url(/images/demo-banner.png);background-size:cover;background-position:50%}.hero-inner h1{font-size:2.5rem;margin:0;font-weight:800;letter-spacing:-.02em;text-shadow:0 2px 10px rgba(0,0,0,.5)}.hero-inner p{margin-top:.75rem;opacity:.8;font-size:1.05rem;max-width:600px}.filter-bar{display:flex;gap:12px;margin-bottom:2.5rem;flex-wrap:wrap}.filter{padding:8px 16px;background:#1e293b;border-radius:999px;text-decoration:none;font-size:.85rem;font-weight:500;color:#cbd5e1;transition:all .2s ease}.filter:hover{background:#334155;transform:translateY(-2px)}.filter.active{background:#0ea5e9;color:#fff}.news-grid{display:grid;grid-gap:2rem;gap:2rem}.card{display:block;background:#111827;border-radius:14px;overflow:hidden;text-decoration:none;color:#fff;transition:all .25s ease;border:1px solid #1f2937}.card:hover{transform:translateY(-6px);border-color:#334155;box-shadow:0 10px 30px rgba(0,0,0,.4)}.card-banner{width:100%;height:240px;object-fit:cover}.card-content{padding:1.5rem}.card h2{margin:.5rem 0 .75rem;font-size:1.3rem;font-weight:600}.meta{font-size:.85rem;opacity:.6}.badge-group{margin-bottom:.75rem}.badge{display:inline-block;background:#1e293b;padding:5px 12px;border-radius:999px;font-size:.7rem;font-weight:600;margin-right:6px;color:#94a3b8;border:1px solid #334155}.post{max-width:800px;margin:0 auto 5rem}.post-banner-container{width:100%;border-radius:14px;overflow:hidden;margin-bottom:2rem;border:1px solid #1e293b}.post-banner{display:block;width:100%;height:auto;object-fit:cover}.post-title{font-size:2.25rem;margin-bottom:1rem;font-weight:800}.author{display:flex;align-items:center;gap:12px;margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid #1e293b}.author-avatar{width:44px;height:44px;border-radius:50%;border:2px solid #1e293b}.author-name{font-weight:600}.author-date{font-size:.85rem;opacity:.6}@media (max-width:768px){.hero{padding:4rem 0 2rem}.hero-inner h1,.post-title{font-size:1.8rem}}.markdown-body h1,.markdown-body h2,.markdown-body h3{margin-top:2rem;margin-bottom:1rem}.markdown-body p{line-height:1.8;margin-bottom:1.2rem}.markdown-body strong{font-weight:700;color:#38bdf8}.markdown-body em{font-style:italic}.markdown-body ul{padding-left:1.2rem;margin-bottom:1.5rem}.markdown-body li{margin-bottom:.5rem}.markdown-body code{background:#1e293b;padding:4px 6px;border-radius:6px;font-size:.9rem}.markdown-body pre{background:#020617;padding:1rem;border-radius:8px;overflow-x:auto;margin-bottom:2rem}