.blog-page-wrapper{background:#fff;width:100%;min-height:100vh}.blog-page{width:100%;min-height:calc(100vh - 72px);padding-top:72px}.blog-hero{background:#fff;border-bottom:1px solid #0000000a;width:100%;padding:80px 20px 48px;position:relative;overflow:hidden}.blog-hero .blog-hero-content{text-align:center;z-index:1;max-width:800px;margin:0 auto;position:relative}.blog-hero .blog-title{color:#0a0a0a;letter-spacing:-.03em;margin-bottom:12px;font-family:Bricolage Grotesque,-apple-system,sans-serif;font-size:42px;font-weight:700;line-height:1.1}@media (max-width:768px){.blog-hero .blog-title{font-size:36px}}@media (max-width:480px){.blog-hero .blog-title{font-size:32px}}.blog-hero .blog-subtitle{color:#666;max-width:520px;margin-bottom:32px;margin-left:auto;margin-right:auto;font-size:15px;font-weight:400;line-height:1.5}@media (max-width:768px){.blog-hero .blog-subtitle{margin-bottom:28px;font-size:14px}}.blog-hero .blog-search{max-width:480px;margin:0 auto;position:relative}.blog-hero .blog-search .search-icon{color:#888;z-index:1;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.blog-hero .blog-search .search-input{color:#0a0a0a;background:#fff;border:1px solid #00000014;border-radius:8px;width:100%;padding:10px 16px 10px 44px;font-size:14px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #00000008}.blog-hero .blog-search .search-input:focus{background:#fff;border-color:#f56e59;outline:none;box-shadow:0 0 0 3px #f56e5914}.blog-hero .blog-search .search-input::placeholder{color:#888}.blog-container{max-width:1200px;margin:0 auto;padding:40px 20px 64px}@media (max-width:768px){.blog-container{padding:32px 16px 48px}}.blog-categories{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:32px;display:flex}@media (max-width:768px){.blog-categories{justify-content:flex-start}}.blog-categories .category-btn{color:#555;cursor:pointer;background:#fff;border:1px solid #00000014;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #00000005}.blog-categories .category-btn:hover:not(.active){color:#0a0a0a;background:#00000005;border-color:#0000001f}.blog-categories .category-btn.active{color:#fff;background:#f56e59;border-color:#f56e59;box-shadow:0 2px 4px #f56e5933}.blog-posts-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;margin-bottom:40px;display:grid}@media (max-width:768px){.blog-posts-grid{grid-template-columns:1fr;gap:16px}}.blog-card{cursor:pointer;background:#fff;border:1px solid #0000000f;border-radius:10px;transition:all .2s cubic-bezier(.4,0,.2,1);overflow:hidden}.blog-card:hover{border-color:#0000001a;transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.blog-card:hover .blog-card-cover img{transform:scale(1.02)}.blog-card:hover .read-more-btn{color:#f56e59;transform:translate(2px)}.blog-card .blog-card-cover{background:#00000005;width:100%;height:180px;overflow:hidden}.blog-card .blog-card-cover img{object-fit:cover;width:100%;height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1)}.blog-card .blog-card-content{padding:16px}.blog-card .blog-card-meta{align-items:center;gap:10px;margin-bottom:10px;display:flex}.blog-card .blog-card-meta .blog-category{color:#f56e59;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.blog-card .blog-card-meta .blog-read-time{color:#888;align-items:center;gap:3px;font-size:11px;display:flex}.blog-card .blog-card-title{color:#0a0a0a;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:16px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.blog-card .blog-card-excerpt{color:#666;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:12px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.blog-card .blog-card-footer{border-top:1px solid #0000000f;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.blog-card .blog-card-author{align-items:center;gap:8px;display:flex}.blog-card .blog-card-author .author-avatar,.blog-card .blog-card-author .author-avatar-placeholder{border-radius:50%;flex-shrink:0;width:28px;height:28px}.blog-card .blog-card-author .author-avatar{object-fit:cover}.blog-card .blog-card-author .author-avatar-placeholder{color:#fff;background:#f56e59;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.blog-card .blog-card-author .author-info{flex-direction:column;gap:2px;display:flex}.blog-card .blog-card-author .author-info .author-name{color:#0a0a0a;font-size:12px;font-weight:600}.blog-card .blog-card-author .author-info .post-date{color:#888;font-size:11px}.blog-card .read-more-btn{color:#666;cursor:pointer;background:0 0;border:none;align-items:center;gap:3px;padding:0;font-size:12px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.blog-card.skeleton{pointer-events:none;box-shadow:none;border:1px solid #e5e7eb}.blog-card.skeleton:hover{box-shadow:none;border-color:#e5e7eb;transform:none}.blog-card.skeleton .skeleton-cover,.blog-card.skeleton .skeleton-line,.blog-card.skeleton .skeleton-meta{background:linear-gradient(110deg,#f0f0f0 8%,#f8f8f8 18%,#f0f0f0 33%,#e8e8e8 40%,#f0f0f0 50%,#f8f8f8 60%,#f0f0f0 70%) 0 0/200% 100%;border-radius:4px;animation:2s linear infinite shimmer;position:relative;overflow:hidden}.blog-card.skeleton .skeleton-cover:after,.blog-card.skeleton .skeleton-line:after,.blog-card.skeleton .skeleton-meta:after{content:"";background:linear-gradient(90deg,#0000,#fff9,#0000);animation:1.5s ease-in-out infinite shimmer-shine;position:absolute;inset:0}.blog-card.skeleton .skeleton-cover{width:100%;height:180px}.blog-card.skeleton .skeleton-content{flex-direction:column;gap:10px;padding:16px;display:flex}.blog-card.skeleton .skeleton-line{width:100%;height:12px}.blog-card.skeleton .skeleton-line.skeleton-title{width:75%;height:16px;margin-bottom:4px}.blog-card.skeleton .skeleton-line.skeleton-excerpt{width:100%;height:12px}.blog-card.skeleton .skeleton-line.skeleton-excerpt:first-of-type{width:90%}.blog-card.skeleton .skeleton-line.skeleton-excerpt.short{width:70%}.blog-card.skeleton .skeleton-meta{width:40%;height:28px;margin-top:8px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes shimmer-shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.empty-state{text-align:center;grid-column:1/-1;padding:60px 20px}.empty-state .empty-icon{color:#888;margin-bottom:16px}.empty-state p{color:#666;font-size:14px;font-weight:400}.load-more-section{text-align:center;margin-top:32px}.load-more-section .load-more-btn{color:#0a0a0a;cursor:pointer;background:#fff;border:1px solid #00000014;border-radius:7px;padding:8px 24px;font-size:13px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #00000005}.load-more-section .load-more-btn:hover:not(:disabled){color:#f56e59;background:#f56e590a;border-color:#f56e59}.load-more-section .load-more-btn:disabled{opacity:.5;cursor:not-allowed}.blog-post-page{background:#fff;width:100%;min-height:100vh;padding:32px 20px 64px}.blog-post-page .back-to-blog{color:#666;cursor:pointer;background:#fff;border:1px solid #00000014;border-radius:7px;align-items:center;gap:6px;margin-bottom:32px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.blog-post-page .back-to-blog:hover{color:#f56e59;background:#f56e590a;border-color:#f56e59}.blog-post{background:#fff;border:1px solid #0000000f;border-radius:12px;max-width:750px;margin:0 auto;overflow:hidden}.blog-post .blog-post-header{border-bottom:1px solid #0000000f;padding:32px}@media (max-width:768px){.blog-post .blog-post-header{padding:24px 20px}}.blog-post .blog-post-header .blog-post-category{color:#f56e59;text-transform:uppercase;letter-spacing:.5px;background:#f56e591a;border-radius:5px;margin-bottom:12px;padding:5px 10px;font-size:11px;font-weight:600;display:inline-block}.blog-post .blog-post-header .blog-post-title{color:#0a0a0a;margin-bottom:12px;font-size:32px;font-weight:700;line-height:1.3}@media (max-width:768px){.blog-post .blog-post-header .blog-post-title{font-size:28px}}.blog-post .blog-post-header .blog-post-excerpt{color:#666;margin-bottom:24px;font-size:15px;line-height:1.6}.blog-post .blog-post-header .blog-post-meta{justify-content:space-between;align-items:center;gap:24px;display:flex}@media (max-width:768px){.blog-post .blog-post-header .blog-post-meta{flex-direction:column;align-items:flex-start}}.blog-post .blog-post-header .blog-post-author{align-items:center;gap:16px;display:flex}.blog-post .blog-post-header .blog-post-author .author-avatar-large,.blog-post .blog-post-header .blog-post-author .author-avatar-large-placeholder{border-radius:50%;flex-shrink:0;width:56px;height:56px}.blog-post .blog-post-header .blog-post-author .author-avatar-large{object-fit:cover}.blog-post .blog-post-header .blog-post-author .author-avatar-large-placeholder{color:#fff;background:#f56e59;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.blog-post .blog-post-header .blog-post-author .author-details{flex-direction:column;gap:6px;display:flex}.blog-post .blog-post-header .blog-post-author .author-details .author-name-large{color:#0a0a0a;font-size:16px;font-weight:600}.blog-post .blog-post-header .blog-post-author .author-details .post-meta-info{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.blog-post .blog-post-header .blog-post-author .author-details .post-meta-info .post-date,.blog-post .blog-post-header .blog-post-author .author-details .post-meta-info .post-read-time,.blog-post .blog-post-header .blog-post-author .author-details .post-meta-info .post-views{color:#888;align-items:center;gap:4px;font-size:13px;display:flex}.blog-post .blog-post-header .blog-post-author .author-details .post-meta-info .meta-separator{color:#888}.blog-post .blog-post-header .blog-post-actions{gap:12px;display:flex}.blog-post .blog-post-header .blog-post-actions .action-btn{color:#555;cursor:pointer;background:#fff;border:1px solid #00000014;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.blog-post .blog-post-header .blog-post-actions .action-btn:hover{color:#f56e59;background:#f56e590a;border-color:#f56e59}.blog-post .blog-post-cover{background:#00000005;width:100%;max-height:400px;overflow:hidden}.blog-post .blog-post-cover img{object-fit:cover;width:100%;height:100%}.blog-post .blog-post-content{padding:32px}@media (max-width:768px){.blog-post .blog-post-content{padding:24px 20px}}.blog-post .blog-post-content .blog-content-body{color:#0a0a0a;font-size:15px;line-height:1.7}.blog-post .blog-post-content .blog-content-body h2{color:#0a0a0a;margin-top:36px;margin-bottom:16px;font-size:24px;font-weight:700}.blog-post .blog-post-content .blog-content-body h3{color:#0a0a0a;margin-top:28px;margin-bottom:12px;font-size:19px;font-weight:600}.blog-post .blog-post-content .blog-content-body p{color:#666;margin-bottom:16px}.blog-post .blog-post-content .blog-content-body code{color:#f56e59;background:#f56e591a;border-radius:3px;padding:2px 5px;font-family:Fira Code,monospace;font-size:13px}.blog-post .blog-post-content .blog-content-body pre{background:#1e1e1e;border-radius:8px;margin:20px 0;padding:16px;overflow-x:auto}.blog-post .blog-post-content .blog-content-body pre code{color:#d4d4d4;background:0 0;padding:0}.blog-post .blog-post-content .blog-content-body ul,.blog-post .blog-post-content .blog-content-body ol{margin:16px 0;padding-left:20px}.blog-post .blog-post-content .blog-content-body ul li,.blog-post .blog-post-content .blog-content-body ol li{color:#666;margin-bottom:6px}.blog-post .blog-post-content .blog-content-body blockquote{background:#f56e590a;border-left:3px solid #f56e59;border-radius:0 6px 6px 0;margin:20px 0;padding:12px 20px}.blog-post .blog-post-content .blog-content-body blockquote p{color:#0a0a0a;margin:0;font-style:italic}.blog-post .blog-post-content .blog-content-body img{border-radius:8px;max-width:100%;height:auto;margin:20px 0}.blog-post .blog-post-content .blog-content-body a{color:#f56e59;text-decoration:underline}.blog-post .blog-post-content .blog-content-body a:hover{color:#f8553c}.blog-post .blog-post-tags{border-top:1px solid #0000000f;padding:24px 32px}@media (max-width:768px){.blog-post .blog-post-tags{padding:20px}}.blog-post .blog-post-tags h3{color:#0a0a0a;margin-bottom:12px;font-size:14px;font-weight:600}.blog-post .blog-post-tags .tags-list{flex-wrap:wrap;gap:6px;display:flex}.blog-post .blog-post-tags .tags-list .tag-badge{color:#f56e59;background:#f56e591a;border-radius:12px;padding:5px 12px;font-size:12px;font-weight:500}.blog-post .blog-post-footer{border-top:1px solid #0000000f;padding:24px 32px}@media (max-width:768px){.blog-post .blog-post-footer{padding:20px}}.blog-post .blog-post-footer .blog-post-share h3{color:#0a0a0a;margin-bottom:12px;font-size:14px;font-weight:600}.blog-post .blog-post-footer .blog-post-share .share-buttons{flex-wrap:wrap;gap:8px;display:flex}.blog-post .blog-post-footer .blog-post-share .share-buttons .share-btn{color:#0a0a0a;cursor:pointer;background:#fff;border:1px solid #00000014;border-radius:7px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.blog-post .blog-post-footer .blog-post-share .share-buttons .share-btn:hover{color:#f56e59;background:#f56e590a;border-color:#f56e59}.blog-post-loading,.blog-post-error{text-align:center;background:#fff;border:1px solid #0000000f;border-radius:12px;max-width:540px;margin:60px auto;padding:48px 20px}.blog-post-loading .spinner,.blog-post-error .spinner{border:3px solid #00000014;border-top-color:#f56e59;border-radius:50%;width:40px;height:40px;margin:0 auto 16px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.blog-post-loading p,.blog-post-error p{color:#666;font-size:14px}.blog-post-loading h2,.blog-post-error h2{color:#0a0a0a;margin-bottom:10px;font-size:20px;font-weight:600}.blog-post-loading .back-btn,.blog-post-error .back-btn{color:#0a0a0a;cursor:pointer;background:#fff;border:1px solid #00000014;border-radius:7px;align-items:center;gap:6px;margin-top:20px;padding:8px 20px;font-size:13px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.blog-post-loading .back-btn:hover,.blog-post-error .back-btn:hover{color:#f56e59;background:#f56e590a;border-color:#f56e59}@media (max-width:480px){.blog-hero{padding:60px 16px 40px}.blog-hero .blog-title{font-size:28px}.blog-hero .blog-subtitle{margin-bottom:24px;font-size:13px}.blog-hero .blog-search .search-input{padding:9px 14px 9px 40px;font-size:13px}.blog-container{padding:28px 12px 40px}.blog-categories{gap:5px}.blog-categories .category-btn{padding:5px 12px;font-size:12px}.blog-posts-grid{gap:14px}.blog-card .blog-card-cover{height:160px}.blog-card .blog-card-content{padding:14px}.blog-card .blog-card-title{font-size:15px}.blog-card .blog-card-excerpt{font-size:12px}.blog-card .blog-card-footer{padding-top:10px}.blog-card .blog-card-author{gap:6px}.blog-card .blog-card-author .author-avatar,.blog-card .blog-card-author .author-avatar-placeholder{width:24px;height:24px}.blog-card .blog-card-author .author-info .author-name{font-size:11px}.blog-card .blog-card-author .author-info .post-date{font-size:10px}.blog-card .read-more-btn{font-size:11px}.blog-post .blog-post-header{padding:20px 16px}.blog-post .blog-post-header .blog-post-title{font-size:24px}.blog-post .blog-post-header .blog-post-excerpt{font-size:14px}.blog-post .blog-post-header .blog-post-meta{gap:16px}.blog-post .blog-post-header .blog-post-author{gap:12px}.blog-post .blog-post-header .blog-post-author .author-avatar-large,.blog-post .blog-post-header .blog-post-author .author-avatar-large-placeholder{width:48px;height:48px}.blog-post .blog-post-header .blog-post-author .author-avatar-large-placeholder{font-size:18px}.blog-post .blog-post-header .blog-post-author .author-details .author-name-large{font-size:15px}.blog-post .blog-post-header .blog-post-author .author-details .post-meta-info{font-size:12px}.blog-post .blog-post-header .blog-post-actions{gap:10px}.blog-post .blog-post-header .blog-post-actions .action-btn{width:36px;height:36px}.blog-post .blog-post-content{padding:20px 16px}.blog-post .blog-post-content .blog-content-body{font-size:14px}.blog-post .blog-post-content .blog-content-body h2{margin-top:28px;margin-bottom:14px;font-size:22px}.blog-post .blog-post-content .blog-content-body h3{margin-top:24px;margin-bottom:10px;font-size:18px}.blog-post .blog-post-content .blog-content-body code{font-size:12px}.blog-post .blog-post-content .blog-content-body pre{margin:16px 0;padding:14px}.blog-post .blog-post-content .blog-content-body pre code{font-size:11px}.blog-post .blog-post-tags{padding:18px 16px}.blog-post .blog-post-tags h3{font-size:13px}.blog-post .blog-post-tags .tags-list .tag-badge{padding:4px 10px;font-size:11px}.blog-post .blog-post-footer{padding:18px 16px}.blog-post .blog-post-footer .blog-post-share h3{font-size:13px}.blog-post .blog-post-footer .blog-post-share .share-buttons .share-btn{padding:5px 12px;font-size:12px}.blog-post-loading,.blog-post-error{padding:36px 16px}.blog-post-loading .spinner,.blog-post-error .spinner{width:36px;height:36px}.blog-post-loading h2,.blog-post-error h2{font-size:18px}.blog-post-loading p,.blog-post-error p{font-size:13px}.blog-post-loading .back-btn,.blog-post-error .back-btn{padding:7px 18px;font-size:12px}.load-more-section .load-more-btn{padding:7px 20px;font-size:12px}.blog-post-page{padding:24px 16px 48px}.blog-post-page .back-to-blog{margin-bottom:24px;padding:5px 12px;font-size:12px}}