.blog-page{background:#0f172a;color:#f8fafc;min-height:100vh}.blog-container{max-width:800px;margin:0 auto;padding:0 1.5rem}.blog-header{padding:7rem 0 2.5rem;text-align:center}.blog-header h1{font-size:clamp(2rem,4.5vw,2.8rem);font-weight:800;letter-spacing:-.02em;margin-bottom:.6rem;color:#f8fafc}.blog-header p{color:#94a3b8;font-size:1.1rem;max-width:520px;margin:0 auto}.blog-list{padding:0 0 4rem;display:flex;flex-direction:column;gap:1.2rem}.blog-card{background:#1e293b;border:1px solid rgba(148,163,184,.1);border-radius:16px;padding:2rem;text-decoration:none;color:inherit;display:block;transition:transform .2s,border-color .2s,box-shadow .2s}.blog-card:hover{transform:translateY(-3px);border-color:#6366f159;box-shadow:0 10px 36px #6366f11a}.blog-card-meta{display:flex;align-items:center;gap:.7rem;margin-bottom:.8rem;font-size:.82rem;color:#475569}.blog-card-meta .category{background:#6366f126;color:#818cf8;border:1px solid rgba(99,102,241,.2);padding:.15rem .65rem;border-radius:99px;font-weight:600;font-size:.78rem}.blog-card h2{font-size:1.25rem;font-weight:700;color:#f1f5f9;margin-bottom:.5rem;letter-spacing:-.01em;line-height:1.3}.blog-card p{color:#94a3b8;font-size:.95rem;line-height:1.65;margin:0}.blog-card .read-more{display:inline-flex;align-items:center;gap:.4rem;color:#818cf8;font-weight:600;font-size:.9rem;margin-top:1rem;transition:color .2s}.blog-card:hover .read-more{color:#a855f7}.blog-post-container{max-width:720px;margin:0 auto;padding:0 1.5rem}.blog-post-header{padding:7rem 0 2rem}.blog-post-header .back-link{display:inline-flex;align-items:center;gap:.4rem;color:#818cf8;font-size:.9rem;font-weight:500;text-decoration:none;margin-bottom:1.5rem;transition:color .2s}.blog-post-header .back-link:hover{color:#a855f7}.blog-post-meta{display:flex;align-items:center;gap:.7rem;margin-bottom:1rem;font-size:.85rem;color:#475569}.blog-post-meta .category{background:#6366f126;color:#818cf8;border:1px solid rgba(99,102,241,.2);padding:.15rem .65rem;border-radius:99px;font-weight:600;font-size:.78rem}.blog-post-header h1{font-size:clamp(1.8rem,4vw,2.4rem);font-weight:800;color:#f8fafc;letter-spacing:-.02em;line-height:1.2}.blog-post-content{padding:.5rem 0 3rem;line-height:1.82;font-size:1.04rem;color:#94a3b8}.blog-post-content h2{font-size:1.45rem;font-weight:700;color:#f1f5f9;margin-top:2.5rem;margin-bottom:.8rem;letter-spacing:-.015em}.blog-post-content h3{font-size:1.15rem;font-weight:600;color:#e2e8f0;margin-top:1.8rem;margin-bottom:.5rem}.blog-post-content p{margin-bottom:1.2rem}.blog-post-content strong{color:#f1f5f9;font-weight:600}.blog-post-content ul,.blog-post-content ol{margin:1rem 0 1.2rem 1.5rem;color:#94a3b8}.blog-post-content li{margin-bottom:.4rem}.blog-post-cta{background:linear-gradient(135deg,#6366f11a,#a855f70d);border:1px solid rgba(99,102,241,.2);border-radius:16px;padding:2.5rem;text-align:center;margin:2.5rem 0}.blog-post-cta h3{font-size:1.3rem;font-weight:700;color:#f1f5f9;margin-bottom:.5rem}.blog-post-cta p{color:#94a3b8;margin-bottom:1.5rem;font-size:.95rem}.blog-post-cta .cta-btn{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#6366f1,#7c3aed);color:#fff!important;font-size:1rem;font-weight:600;padding:.8rem 2rem;border-radius:11px;border:none;cursor:pointer;transition:transform .2s,box-shadow .2s;text-decoration:none;box-shadow:0 4px 18px #6366f159}.blog-post-cta .cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #6366f180}.related-posts{border-top:1px solid rgba(148,163,184,.1);padding:2.5rem 0 4rem}.related-posts h3{font-size:1.05rem;font-weight:700;color:#f1f5f9;margin-bottom:1rem}.related-posts-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.related-post-card{background:#1e293b;border:1px solid rgba(148,163,184,.1);border-radius:12px;padding:1.2rem;text-decoration:none;color:inherit;transition:border-color .2s,transform .2s}.related-post-card:hover{border-color:#6366f159;transform:translateY(-2px)}.related-post-card h4{font-size:.95rem;font-weight:600;color:#e2e8f0;margin-bottom:.3rem;line-height:1.35}.related-post-card span{font-size:.8rem;color:#475569}@media(max-width:640px){.blog-header{padding:5.5rem 0 2rem}.blog-post-header{padding:5.5rem 0 1.5rem}.related-posts-grid{grid-template-columns:1fr}}