.blog-page{min-height:100vh;background:#f8fafc}.blog-page__hero{background:linear-gradient(135deg,#1a1a2e,#2d2d44);padding:80px 20px 60px;color:white;text-align:center}.blog-page__hero-content{max-width:800px;margin:0 auto}.blog-page__title{font-size:2.75rem;font-weight:800;margin:0 0 16px}.blog-page__subtitle{font-size:1.2rem;color:rgba(255,255,255,.85);margin:0;line-height:1.6}.blog-page__container{max-width:1200px;margin:0 auto;padding:40px 20px 80px}.blog-page__section-title{font-size:1.75rem;font-weight:700;color:#1a1a2e;margin:0 0 24px}.blog-page__latest{margin-bottom:60px}.blog-page__latest-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.blog-page__article-card{background:white;border-radius:16px;overflow:hidden;text-decoration:none;box-shadow:0 4px 20px rgba(0,0,0,.06);transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.blog-page__article-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,.1)}.blog-page__article-image{width:100%;aspect-ratio:16/9;overflow:hidden}.blog-page__article-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-page__article-card:hover .blog-page__article-image img{transform:scale(1.05)}.blog-page__article-content{padding:24px;display:flex;flex-direction:column;flex-grow:1}.blog-page__article-date{font-size:.8rem;color:#94a3b8;margin-bottom:8px}.blog-page__article-title{font-size:1.15rem;font-weight:700;color:#1a1a2e;margin:0 0 12px;line-height:1.4}.blog-page__article-excerpt{font-size:.9rem;color:#64748b;line-height:1.6;margin:0 0 16px;flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-page__article-link{font-size:.9rem;font-weight:600;color:#10b981}.blog-page__featured{margin-bottom:60px}.blog-page__featured-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.blog-page__featured-card{background:white;border-radius:16px;padding:28px;text-decoration:none;box-shadow:0 4px 20px rgba(0,0,0,.06);transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.blog-page__featured-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,.1)}.blog-page__featured-category{font-size:.8rem;font-weight:600;color:#10b981;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.blog-page__featured-title{font-size:1.25rem;font-weight:700;color:#1a1a2e;margin:0 0 12px}.blog-page__featured-desc{font-size:.95rem;color:#64748b;line-height:1.6;margin:0 0 16px;flex-grow:1}.blog-page__featured-link{font-size:.9rem;font-weight:600;color:#10b981}.blog-page__categories{margin-bottom:60px}.blog-page__category{margin-bottom:48px}.blog-page__category-header{margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #e5e7eb}.blog-page__category-title{font-size:1.35rem;font-weight:700;color:#1a1a2e;margin:0 0 8px}.blog-page__category-desc{font-size:.95rem;color:#64748b;margin:0}.blog-page__guides-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.blog-page__guide-card{background:white;border-radius:12px;padding:24px;text-decoration:none;border:1px solid #e5e7eb;transition:border-color .2s ease,box-shadow .2s ease}.blog-page__guide-card:hover{border-color:#10b981;box-shadow:0 4px 12px rgba(16,185,129,.1)}.blog-page__guide-title{font-size:1.05rem;font-weight:600;color:#1a1a2e;margin:0 0 8px}.blog-page__guide-desc{font-size:.9rem;color:#64748b;line-height:1.5;margin:0 0 12px}.blog-page__guide-meta{display:flex;justify-content:space-between;align-items:center}.blog-page__guide-time{font-size:.8rem;color:#94a3b8}.blog-page__guide-link{font-size:.85rem;font-weight:600;color:#10b981}.blog-page__cta{background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;padding:48px;text-align:center;color:white}.blog-page__cta h2{font-size:1.75rem;font-weight:700;margin:0 0 12px}.blog-page__cta p{font-size:1.1rem;opacity:.9;margin:0 0 24px}.blog-page__cta-btn{display:inline-block;padding:14px 32px;background:white;color:#059669;font-size:1.1rem;font-weight:600;border-radius:30px;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.blog-page__cta-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.2)}@media (max-width:992px){.blog-page__featured-grid,.blog-page__guides-grid,.blog-page__latest-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.blog-page__hero{padding:60px 16px 40px}.blog-page__title{font-size:2rem}.blog-page__featured-grid,.blog-page__guides-grid,.blog-page__latest-grid{grid-template-columns:1fr}.blog-page__cta{padding:32px 24px}}