.blog-page{min-height:100vh;background:linear-gradient(180deg,#000000f2,#0a0a14fa);padding-top:80px;padding-bottom:80px}.blog-header{text-align:center;padding:60px 20px 40px;margin-bottom:40px}.blog-title{font-size:3rem;font-weight:700;margin-bottom:16px;background:linear-gradient(135deg,#fff,#a0a0a0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.blog-subtitle{font-size:1.25rem;color:#ffffffb3;max-width:600px;margin:0 auto;line-height:1.6}.blog-filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:48px;justify-content:center;padding:0 20px}.filter-btn{padding:10px 24px;border:1px solid rgba(255,255,255,.15);background:#ffffff08;color:#ffffffb3;border-radius:24px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .3s ease}.filter-btn:hover{background:#ffffff14;border-color:#ffffff40;color:#ffffffe6}.filter-btn.active{background:#ffffff26;border-color:#ffffff59;color:#fff}.blog-loading{text-align:center;padding:80px 20px}.loading-spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.1);border-top-color:#fff9;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 24px}@keyframes spin{to{transform:rotate(360deg)}}.blog-loading p{color:#ffffff80;font-size:1rem}.blog-empty{text-align:center;padding:80px 20px;color:#ffffff80;font-size:1.1rem}.featured-post{margin-bottom:48px;padding:0 20px}.featured-post-link{display:block;background:linear-gradient(135deg,#ffffff1f,#ffffff0f);border:1px solid rgba(255,255,255,.25);border-radius:16px;padding:48px;text-decoration:none;color:inherit;transform:translateY(-4px)}.featured-post-content{position:relative}.featured-badge{display:inline-block;padding:6px 16px;background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:20px;font-size:.8rem;font-weight:600;color:#fff;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.featured-category{display:inline-block;padding:6px 16px;background:#ffffff14;border-radius:20px;font-size:.85rem;font-weight:500;color:#fffc;margin-left:12px}.featured-title{font-size:2.25rem;font-weight:700;color:#fff;margin:20px 0;line-height:1.3}.featured-excerpt{font-size:1.15rem;color:#ffffffb3;line-height:1.7;margin-bottom:24px}.featured-meta{display:flex;align-items:center;gap:12px;font-size:.95rem;color:#ffffff80}.meta-author{font-weight:500;color:#ffffffb3}.meta-separator{color:#ffffff4d}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:32px;padding:0 20px}.blog-card{background:linear-gradient(135deg,#ffffff17,#ffffff0d);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:32px;text-decoration:none;color:inherit;display:flex;flex-direction:column;transform:translateY(-8px);opacity:1}.blog-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.blog-card-category{padding:6px 14px;background:#ffffff14;border-radius:16px;font-size:.8rem;font-weight:500;color:#fffc}.blog-card-reading-time{font-size:.85rem;color:#ffffff80}.blog-card-title{font-size:1.5rem;font-weight:600;color:#fff;margin:0 0 12px;line-height:1.4}.blog-card-excerpt{font-size:.95rem;color:#ffffffa6;line-height:1.6;margin-bottom:20px;flex-grow:1}.blog-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);margin-bottom:12px}.blog-card-author{font-size:.9rem;font-weight:500;color:#ffffffb3}.blog-card-date{font-size:.85rem;color:#ffffff80}.blog-card-tags{display:flex;gap:8px;flex-wrap:wrap}.blog-card-tag{font-size:.8rem;color:#fff9;padding:4px 10px;background:#ffffff0d;border-radius:12px;transition:all .3s ease}.blog-card-tag:hover{background:#ffffff1a;color:#fffc}@media (max-width: 768px){.blog-title{font-size:2rem}.blog-subtitle{font-size:1rem}.blog-grid{grid-template-columns:1fr;gap:24px}.featured-post-link{padding:32px 24px}.featured-title{font-size:1.75rem}.featured-excerpt{font-size:1rem}.blog-card{padding:24px}}@media (max-width: 480px){.blog-header{padding:40px 20px 32px}.blog-filters{gap:8px}.filter-btn{padding:8px 16px;font-size:.85rem}.featured-meta{flex-wrap:wrap}}