:root{--blog-bg:#F7FAFC;--blog-card-bg:#fff;--blog-text-main:#111;--blog-text-secondary:#6B7280;--blog-border:#F3F4F6;--blog-brand:#aeaeff;--blog-brand-hover:#9696eb}.blog-container{max-width:1040px;margin:0 auto}.blog-header-row{margin:32px}.blog-container h1{font-size:28px;font-weight:800;color:var(--blog-text-main);letter-spacing:-.5px;margin:0}.blog-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:24px;gap:24px}.blog-post{background:var(--blog-card-bg);border:1px solid var(--blog-border);border-radius:24px;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 6px -1px rgba(0,0,0,.02);display:flex;flex-direction:column;position:relative;padding:0}.blog-post:hover{transform:translateY(-5px);box-shadow:0 12px 24px rgba(0,0,0,.08);border-color:transparent}.blog-post-link-wrapper{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%}.blog-image-wrapper{width:100%;aspect-ratio:16/9;background:#f0f0f0;position:relative;overflow:hidden}.blog-post-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .5s ease}.blog-post:hover .blog-post-image{transform:scale(1.05)}.blog-post-content{padding:20px 24px 24px;display:flex;flex-direction:column;flex-grow:1}.blog-badge{display:inline-block;align-self:flex-start;font-size:11px;font-weight:800;text-transform:uppercase;color:var(--blog-brand);background:rgba(174,174,255,.15);padding:6px 12px;border-radius:50px;margin-bottom:14px;letter-spacing:.5px}.blog-post h2{font-size:18px;font-weight:800;color:var(--blog-text-main);margin:0 0 16px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1}.blog-read-more{font-size:14px;font-weight:700;color:var(--blog-text-secondary);margin-top:auto;transition:color .2s;display:flex;align-items:center;gap:4px}.blog-post:hover .blog-read-more{color:var(--blog-brand)}.blog-empty-state{text-align:center;padding:80px 20px;background:#fff;border-radius:24px;color:var(--blog-text-secondary);font-size:16px;border:1px dashed var(--blog-border)}.blog-nav-row{margin:20px}.blog-back-btn{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:15px;font-weight:700;color:#6B7280;transition:color .2s}.blog-back-btn:hover{color:#111}.blog-single-card{background:#fff;border-radius:32px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.03);border:1px solid var(--blog-border)}.blog-single-image-wrapper{width:100%;max-height:400px;overflow:hidden;background:#f0f0f0}.blog-single-image{width:100%;height:100%;object-fit:cover;display:block}.blog-single-content{padding:40px;max-width:800px;margin:0 auto}.blog-single-content h1{font-size:32px;margin-bottom:30px;line-height:1.3}.blog-article-body{font-size:18px;line-height:1.7;color:#374151}.blog-article-body p{margin-bottom:24px}.blog-article-body h2{font-size:24px;font-weight:800;color:#111;margin-top:40px;margin-bottom:16px}.blog-article-body h3{font-size:20px;font-weight:700;color:#111;margin-top:30px;margin-bottom:12px}.blog-article-body ol,.blog-article-body ul{margin-bottom:24px;padding-left:20px}.blog-article-body li{margin-bottom:8px}.blog-article-body img{max-width:100%;height:auto;border-radius:16px;margin:20px 0;display:block}.blog-article-body a{color:var(--blog-brand);text-decoration:underline}@media (max-width:767px){.blog-single-card{border-radius:24px;margin:10px}.blog-list{margin:10px}.blog-single-image-wrapper{max-height:250px}.blog-single-content{padding:20px}.blog-single-content h1{font-size:24px;margin-bottom:20px}.blog-article-body{font-size:16px}}