.blog-wrapper{padding-top:120px;padding-bottom:80px;min-height:100vh}.blog-header{text-align:center;margin-bottom:48px}.blog-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);-webkit-clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);margin-bottom:24px;font-family:var(--font-heading);font-size:.7rem;font-weight:700;letter-spacing:.15em;color:var(--muted)}.blog-badge svg{color:var(--accent-primary)}.blog-title{font-size:clamp(2rem,5vw,3.2rem);margin-bottom:12px}.blog-title span{color:var(--accent-primary)}.blog-subtitle{color:var(--muted);font-size:1rem}.blog-search{display:flex;align-items:center;gap:12px;padding:12px 20px;margin-bottom:32px;max-width:480px;margin-left:auto;margin-right:auto;border-top:1px solid rgba(255,0,51,.2)}.blog-search .search-icon{color:var(--muted);flex-shrink:0}.blog-search .search-input{flex:1 1;background:transparent;border:none;color:var(--foreground);font-size:.9rem;outline:none}.blog-search .search-input::placeholder{color:hsla(0,0%,100%,.25)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:24px;gap:24px}.blog-card{padding:28px 24px;border-top:2px solid transparent;transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-4px);border-top-color:var(--blog-accent,var(--accent-primary))}.blog-card-meta{display:flex;align-items:center;gap:12px;margin-bottom:16px}.blog-tag{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.blog-date,.blog-tag{font-family:var(--font-heading)}.blog-date{font-size:.75rem;color:var(--muted);padding:3px 10px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);-webkit-clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%);clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%);letter-spacing:.06em}.blog-card h2{font-size:1.3rem;margin-bottom:12px;color:var(--foreground)}.blog-card p{color:var(--muted);font-size:.85rem;line-height:1.6;margin-bottom:16px;flex:1 1}.blog-read-more{font-family:var(--font-heading);font-size:.75rem;font-weight:700;color:var(--accent-primary);letter-spacing:.1em}.blog-empty{text-align:center;color:var(--muted);font-size:.9rem;padding:48px 0}.post-header{max-width:800px;margin:0 auto 48px;text-align:left}.post-back-btn{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-family:var(--font-heading);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;margin-bottom:24px;transition:color .2s ease;cursor:pointer}.post-back-btn:hover{color:var(--accent-primary)}.post-meta{display:flex;align-items:center;gap:16px;margin-bottom:20px}.post-title{font-size:clamp(2.2rem,6vw,3.8rem);line-height:1.1;margin-bottom:24px}.post-thumbnail{width:100%;aspect-ratio:16/9;overflow:hidden;margin:32px 0;border:1px solid var(--border)}.post-thumbnail img{width:100%;height:100%;object-fit:cover;opacity:.8}.post-content{max-width:800px;margin:0 auto;color:var(--muted);font-size:1.1rem;line-height:1.8}.post-content h3{color:var(--foreground);margin:32px 0 16px;font-size:1.6rem}.post-content p{margin-bottom:24px}@media (max-width:768px){.post-content,.post-header{padding:0 1rem}}