.blog-container{background-color:#f9f9f9;border-radius:12px;box-shadow:0 4px 12px #0000001a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:800px;padding:20px 20px 100px}.blog-title{color:#333;font-size:28px;font-weight:700;margin-bottom:20px;text-align:left}.breadcrumbs{color:#666;font-size:14px;margin-bottom:10px}.breadcrumbs a{color:#1f8297;text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs span{color:#333}.filter-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000d;display:flex;gap:8px;margin-bottom:20px;overflow-x:auto;padding:10px;scrollbar-width:thin;white-space:nowrap}.category-button{background-color:#f8f9fa;border:1px solid #ddd;border-radius:20px;box-shadow:0 2px 4px #0000001a;cursor:pointer;flex:0 0 auto;font-size:14px;padding:5px 12px;text-align:center;transition:all .3s ease;white-space:nowrap}.category-button.active{background-color:#1f8297;border-color:#1a6f82;box-shadow:0 2px 6px #1d82974d;color:#fff}.category-button:hover{background-color:#e9ecef;transform:scale(1.05)}.filter-section::-webkit-scrollbar{height:6px}.filter-section::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:3px}.filter-section::-webkit-scrollbar-track{background-color:initial}.blog-list{list-style:none;padding:0}.blog-item{animation:fadeIn .5s ease-in;background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 6px #0000000d;margin-bottom:20px;padding:15px;transition:transform .2s,box-shadow .2s}.blog-item:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-4px)}.blog-item-title{color:#1f8297;font-size:18px;font-weight:700;text-decoration:none;transition:color .3s ease}.blog-item-title:focus,.blog-item-title:hover{color:#1a6f82}.blog-meta{color:#666;display:flex;flex-wrap:wrap;font-size:14px;gap:15px;margin-top:10px}.blog-author,.blog-categories,.blog-date,.blog-views{text-align:left}.blog-categories a{color:#1f8297;text-decoration:none}.blog-categories a:hover{text-decoration:underline}.blog-excerpt{color:#444;font-size:16px;line-height:1.8;margin-top:10px;text-align:left}.blog-error,.blog-loading,.no-posts-message{background-color:#f9f9f9;border:1px dashed #ccc;border-radius:8px;color:#666;font-size:16px;margin-top:20px;padding:20px;text-align:center}.skeleton-item{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 6px #0000000d;margin-bottom:20px;padding:15px}.skeleton-content,.skeleton-excerpt,.skeleton-meta,.skeleton-title{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;margin-bottom:10px}.skeleton-title{height:20px;width:60%}.skeleton-meta{height:12px;width:40%}.skeleton-content,.skeleton-excerpt{height:12px;width:100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.blog-content{color:#444;font-size:16px;line-height:1.8;margin-bottom:20px;text-align:left}.blog-content img{loading:lazy;decoding:async;border-radius:8px;box-shadow:0 4px 12px #0000001a;height:auto;margin:20px 0;max-width:100%;object-fit:cover}.blog-back{align-items:center;color:#1f8297;display:inline-flex;font-size:14px;font-weight:700;margin-bottom:20px;text-decoration:none;transition:color .3s ease}.blog-back:focus,.blog-back:hover{color:#1a6f82;text-decoration:underline}.internal-link{color:#444;font-size:16px;margin:20px 0;text-align:left}.internal-link a{color:#1f8297;font-weight:700;text-decoration:none}.internal-link a:hover{text-decoration:underline}.cta-block{background-color:#e6f3fa;border-radius:8px;font-size:16px;margin:20px 0;padding:15px;text-align:center}.cta-block a{color:#1f8297;font-weight:700;text-decoration:none}.cta-block a:hover{text-decoration:underline}.blog-button-section,.contact-section,.disclaimer-section,.social-media-panel{background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000d;margin:20px 0;padding:15px}.contact-section h3,.disclaimer-section h3,.social-media-panel h3{color:#333;font-size:18px;margin-bottom:10px}.contact-section p,.disclaimer-section p{color:#444;font-size:16px;line-height:1.8}.contact-section a.email-link,.contact-section a.telegram-button{color:#1f8297;font-weight:700;text-decoration:none}.contact-section a.email-link:hover,.contact-section a.telegram-button:hover{text-decoration:underline}.social-icons{display:flex;gap:15px;justify-content:center}.social-icon{color:#1f8297;font-size:24px;transition:color .3s ease}.social-icon:hover{color:#1a6f82}.blog-button-section{text-align:center}.cta-button.blog-button{background-color:#1f8297;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .3s,transform .2s}.cta-button.blog-button:hover{background-color:#1a6f82;transform:scale(1.05)}.post-detail-actions{display:flex;gap:15px;justify-content:flex-start;margin-top:20px}.copy-link,.share-telegram{background-color:#1f8297;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .3s}.copy-link:hover,.share-telegram:hover{background-color:#1a6f82}.back-to-top{align-items:center;background-color:#1f8297;border:none;border-radius:5px;bottom:100px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;opacity:1;position:fixed;right:20px;transition:opacity .3s ease,background-color .3s ease,transform .3s ease;width:48px;z-index:1000}.back-to-top.hidden{opacity:0;pointer-events:none}.back-to-top:focus,.back-to-top:hover{background-color:#1a6f82;transform:scale(1.1)}.pagination{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000d;display:flex;gap:10px;justify-content:center;margin-top:30px;padding:10px}.pagination button{background-color:#1f8297;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .3s ease,transform .2s}.pagination button:disabled{background-color:#d1d5db;cursor:not-allowed}.pagination button:focus:not(:disabled),.pagination button:hover:not(:disabled){background-color:#1a6f82;transform:scale(1.05)}@media (max-width:768px){.blog-container{padding:15px 15px 100px}.blog-title{font-size:24px}.blog-item-title{font-size:16px}.blog-content{font-size:14px}.back-to-top{bottom:80px;height:42px;right:15px;width:42px}.post-detail-actions{flex-direction:column;gap:10px}.social-icons{flex-wrap:wrap}}@media (min-width:768px){.blog-container>img,.blog-content img{width:50%}}.back-to-top:focus,.blog-back:focus,.blog-item-title:focus,.category-button:focus,.copy-link:focus,.cta-button:focus,.email-link:focus,.pagination button:focus,.share-telegram:focus,.telegram-button:focus{outline:2px solid #1f8297;outline-offset:2px}
/*# sourceMappingURL=570.5dfdac8f.chunk.css.map*/