.blog-hero{text-align:center;padding:150px 0 50px}.blog-hero .hero-title{margin-bottom:20px;font-size:3rem}.blog-hero .hero-subtitle{color:var(--text-secondary,#888);margin-bottom:40px}.search-filter-bar{gap:15px;max-width:600px;margin:0 auto;display:flex}.search-filter-bar input,.search-filter-bar select{color:#fff;background:#111;border:1px solid #333;border-radius:4px;padding:12px}.search-filter-bar input{flex:1}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;margin-top:40px;display:grid}.blog-card{cursor:pointer;background:#1a1a24;border:1px solid #0000;border-radius:12px;transition:transform .3s;overflow:hidden}.blog-card:hover{border-color:#00d2ff;transform:translateY(-5px)}.blog-card img{object-fit:cover;width:100%;height:200px}.blog-card-content{padding:20px}.blog-card-category{color:#00d2ff;text-transform:uppercase;margin-bottom:10px;font-size:.8rem}.blog-card-title{margin:0 0 10px;font-size:1.2rem}.blog-card-excerpt{color:#888;margin-bottom:15px;font-size:.9rem}.blog-card-meta{color:#555;justify-content:space-between;font-size:.8rem;display:flex}.skeleton{background:#222;border-radius:8px;height:300px;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}#post-content{color:#d1d5db;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.15rem;line-height:1.8}#post-content h1:first-child{display:none}#post-content h1,#post-content h2,#post-content h3,#post-content h4{color:#f3f4f6;margin-top:2em;margin-bottom:1em;font-family:JetBrains Mono,monospace;font-weight:700}#post-content h2{border-bottom:1px solid var(--pill-border);color:#00e5ff;padding-bottom:.5em;font-size:1.8rem}#post-content h3{font-size:1.4rem}#post-content p{margin-bottom:1.5em}#post-content ul,#post-content ol{margin-bottom:1.5em;padding-left:1.5em}#post-content li{margin-bottom:.5em}#post-content img{border-radius:12px;max-width:100%;margin:2em 0;box-shadow:0 8px 30px #0006}#post-content pre{border:1px solid var(--pill-border);background:#00000080;border-radius:12px;margin-bottom:1.5em;padding:20px;overflow-x:auto}#post-content code{color:#00e5ff;background:#00e5ff1a;border-radius:4px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:.9em}#post-content pre code{color:#e5e7eb;background:0 0;padding:0}#post-content a{color:#00e5ff;border-bottom:1px dashed #00e5ff;text-decoration:none;transition:all .3s}#post-content a:hover{color:#fff;border-bottom:1px solid #fff}#post-content blockquote{color:#9ca3af;background:#00e5ff0d;border-left:4px solid #00e5ff;border-radius:0 12px 12px 0;margin-bottom:1.5em;margin-left:0;padding:20px;font-style:italic}#post-content table{border-collapse:collapse;width:100%;margin-bottom:1.5em}#post-content th,#post-content td{border:1px solid var(--pill-border);text-align:left;padding:12px}#post-content th{color:#00e5ff;background:#0000004d;font-family:JetBrains Mono,monospace}#post-content hr{background:#ffffff1a;border:0;height:1px;margin:3em 0}.tag-badge{color:#bbb;background:#222;border-radius:20px;padding:5px 12px;font-size:.8rem}.comment-card{background:#1a1a24;border-radius:8px;margin-bottom:15px;padding:20px}.comment-card.pending{border-left:4px solid #fa0}.comment-card-header{justify-content:space-between;margin-bottom:10px;display:flex}.comment-card-name{font-weight:700}.comment-card-date{color:#888;font-size:.8rem}.custom-select-wrapper{font-family:inherit;position:relative}.custom-select-trigger{border:1px solid var(--pill-border);color:var(--text-light);cursor:pointer;background:#00000080;border-radius:8px;justify-content:space-between;align-items:center;height:100%;padding:1rem 3rem 1rem 1rem;transition:all .3s;display:flex}.custom-select-trigger:hover,.custom-select-trigger.open{border-color:#00e5ff;box-shadow:0 0 10px #00e5ff1a}.custom-select-trigger .chevron{fill:#00e5ff;transition:transform .3s;position:absolute;right:1rem}.custom-select-trigger.open .chevron{transform:rotate(180deg)}.custom-select-options{border:1px solid var(--pill-border);z-index:1000;opacity:0;visibility:hidden;background:#111;border-radius:8px;flex-direction:column;max-height:300px;margin-top:8px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:100%;left:0;right:0;overflow:hidden auto;transform:translateY(-10px);box-shadow:0 10px 30px #00000080}.custom-select-options.open{opacity:1;visibility:visible;transform:translateY(0)}.custom-option{color:var(--text-light);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;padding:1rem;transition:all .2s;overflow:hidden}.custom-option:hover{color:#00e5ff;background:#00e5ff1a}.custom-option.selected{color:#00e5ff;background:#00e5ff0d;font-weight:700}@media (width<=768px){.blog-hero{padding:100px 20px 30px!important}.search-filter-bar{padding:0 15px}.blog-grid{grid-template-columns:1fr;padding:0 15px}.blog-filters{padding:0 15px}#post-content,.post-comments{padding:0 20px}#post-content h2{font-size:1.5rem}#post-content h3{font-size:1.25rem}.blog-hero .hero-title{font-size:2.2rem}.blog-hero .hero-subtitle{padding:0 15px;font-size:1rem}.btn-back-blog{margin-left:15px}}