.blog-container{max-width:900px;margin:0 auto;padding:2rem 1.5rem}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:2rem;gap:2rem;margin-top:2rem}.blog-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;overflow:hidden;box-shadow:var(--card-shadow);display:flex;flex-direction:column;height:100%;transition:all .4s ease;cursor:pointer}.blog-card:hover{transform:translateY(-5px);border-color:rgba(255,0,127,.3);box-shadow:0 15px 30px rgba(0,0,0,.5),var(--glow-shadow)}.blog-card-img-placeholder{height:160px;background:linear-gradient(135deg,rgba(255,0,127,.15),rgba(121,40,202,.15));border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--accent-primary)}.blog-card-content{padding:1.5rem;display:flex;flex-direction:column;flex:1 1}.blog-card-date{font-family:Orbitron,sans-serif;font-size:.75rem;color:var(--text-muted);margin-bottom:.5rem;text-transform:uppercase}.blog-card-title{font-size:1.25rem;font-weight:800;color:#fff;line-height:1.3;margin-bottom:.75rem}.blog-card-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.5;margin-bottom:1.5rem;flex:1 1;font-family:sans-serif}.blog-card-link{font-size:.85rem;font-weight:700;color:var(--accent-primary);display:flex;align-items:center;gap:4px}.article-header{margin-bottom:2.5rem;border-bottom:1px solid var(--border-color);padding-bottom:2rem}.article-title{font-size:3rem;font-weight:800;color:#fff;letter-spacing:-2px;line-height:1.1;margin-bottom:1.5rem}.article-meta{display:flex;gap:1.5rem;font-size:.9rem;color:var(--text-secondary);font-family:Orbitron,sans-serif}.article-body{font-family:sans-serif;line-height:1.8;color:var(--text-secondary);font-size:1.1rem}.article-body p{margin-bottom:1.5rem}.article-body h3{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;color:#fff;margin-top:2rem;margin-bottom:1rem;letter-spacing:-.5px}.article-body ol,.article-body ul{margin-bottom:1.5rem;padding-left:1.5rem}.article-body li{margin-bottom:.5rem}.article-body a{color:var(--accent-primary);text-decoration:none;font-weight:700}.article-body a:hover{text-decoration:underline}@media (max-width:768px){.blog-container{padding:1.25rem .75rem}.blog-grid{grid-template-columns:1fr;gap:1.25rem}.article-title{font-size:1.75rem;letter-spacing:-.5px;word-break:break-word}.article-header{margin-bottom:1.5rem;padding-bottom:1.25rem}.article-body{font-size:1rem;line-height:1.6}}