.blog-page{min-height:100vh}.blog-hero{padding:8rem 0 3rem;text-align:center;position:relative}.blog-hero-content{max-width:800px;margin:0 auto}.blog-hero-title{font-size:clamp(3rem,8vw,5rem);margin-bottom:1rem;line-height:1.1}.blog-hero-subtitle{font-size:1.5rem;color:var(--text-primary);margin-bottom:1rem;font-weight:600}.blog-hero-description{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.blog-list-section{padding:0 0 5rem}.blog-posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.blog-card{padding:2rem;display:flex;flex-direction:column;transition:box-shadow .3s ease,border-color .3s ease;cursor:pointer;height:100%}.blog-card-header{margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.blog-card-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.blog-source-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;background:#00f2fe1a;border:1px solid var(--neon-blue);border-radius:50px;font-size:.75rem;color:var(--neon-blue);text-transform:uppercase;letter-spacing:.05em;font-weight:700;white-space:nowrap}.blog-source-badge.medium{background:#00ab6b1a;border-color:#00ab6b;color:#00ab6b}:root.light .blog-source-badge.medium{border-color:var(--neon-green);color:var(--neon-green)}.blog-source-badge svg{font-size:.7rem}.blog-card-date{display:flex;align-items:center;gap:.5rem;color:var(--text-tertiary);font-size:.9rem}.blog-card-date svg{color:var(--neon-blue)}.blog-card-category{padding:.25rem .75rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:50px;font-size:.8rem;color:var(--neon-purple);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.blog-card-title{font-size:1.75rem;margin-bottom:1rem;line-height:1.3}.blog-card-title a{color:var(--text-primary);text-decoration:none;background:linear-gradient(135deg,var(--neon-blue),var(--neon-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-card-title a:hover{background:linear-gradient(135deg,var(--neon-purple),var(--neon-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-card-description{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem;flex-grow:1}.blog-card-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.blog-tag{display:flex;align-items:center;gap:.35rem;padding:.35rem .75rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:50px;font-size:.85rem;color:var(--text-secondary);transition:border-color .2s ease,color .2s ease}.blog-tag svg{font-size:.7rem}.blog-card:hover .blog-tag{border-color:var(--neon-blue);color:var(--neon-blue)}.blog-card-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--neon-blue);font-weight:600;text-decoration:none;transition:gap .2s ease,color .2s ease}.blog-card-link:hover{gap:.75rem;color:var(--neon-purple)}.blog-card-link svg{transition:transform .2s ease}.blog-card-link:hover svg{transform:translate(4px)}.no-posts{text-align:center;padding:4rem 2rem;color:var(--text-secondary);font-size:1.25rem}.personal-toggle{text-align:center;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--glass-border)}.personal-toggle-btn{background:none;border:none;color:var(--text-tertiary);font-size:.9rem;cursor:pointer;padding:.5rem 1rem;transition:color .2s ease;font-family:var(--font-primary)}.personal-toggle-btn:hover{color:var(--text-secondary)}@media(max-width:768px){.blog-posts-grid{grid-template-columns:1fr}.blog-hero{padding:6.5rem 0 2rem}.blog-card{padding:1.5rem}}