.blog-page{background:#000;color:#fff}.blog-article{max-width:800px;margin:0 auto;padding:0 1.5rem}.blog-header{padding:8rem 0 4rem;text-align:center}.blog-meta{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.5rem;font-size:.9rem;color:rgba(255,255,255,.6)}.blog-category{color:#8b5cf6;font-weight:600;text-transform:uppercase;font-size:.85rem;letter-spacing:.05em}.blog-divider{color:rgba(255,255,255,.3)}.blog-read-time{color:rgba(255,255,255,.6)}.blog-header h1{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;line-height:1.1;letter-spacing:-.02em;margin-bottom:1.5rem;color:#fff}.blog-excerpt{font-size:1.25rem;line-height:1.6;color:rgba(255,255,255,.7);margin-bottom:2rem}.blog-author-date{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:.95rem;color:rgba(255,255,255,.6)}.blog-author{font-weight:500}.blog-date{color:rgba(255,255,255,.5)}.blog-content{padding:3rem 0 6rem}.blog-content h2{font-size:2rem;font-weight:700;margin:3rem 0 1.5rem;line-height:1.3;color:#fff}.blog-content h3{font-size:1.5rem;font-weight:600;margin:2.5rem 0 1rem;line-height:1.4;color:#fff}.blog-content p{font-size:1.125rem;line-height:1.8;color:rgba(255,255,255,.8);margin-bottom:1.5rem}.blog-list{margin:1.5rem 0;padding-left:1.5rem}.blog-list li{font-size:1.125rem;line-height:1.8;color:rgba(255,255,255,.8);margin-bottom:.75rem;position:relative;padding-left:.5rem}.blog-list li::marker{color:#8b5cf6}@media (max-width:640px){.blog-header{padding:6rem 0 3rem}.blog-header h1{font-size:2rem}.blog-excerpt{font-size:1.1rem}.blog-content{padding:2rem 0 4rem}.blog-content h2{font-size:1.75rem;margin:2.5rem 0 1.25rem}.blog-content h3{font-size:1.35rem;margin:2rem 0 1rem}.blog-content p,.blog-list li{font-size:1rem}}.blog-card-meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.85rem}.blog-card-category{color:#8b5cf6;font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.blog-card-divider{color:rgba(255,255,255,.3)}.blog-card-read-time{color:rgba(255,255,255,.5)}.blog-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08)}.blog-card-date{font-size:.85rem;color:rgba(255,255,255,.5)}