.blog-page-wrapper{background-color:var(--color-primary);flex-direction:column;min-height:100vh;display:flex}.blog-header{background:radial-gradient(ellipse at bottom, #1a1a1a 0%, var(--color-primary) 70%);border-bottom:1px solid #ffffff0a;padding:140px 0 60px}.blog-subtitle{color:#a0a0a0;text-align:center;max-width:600px;font-size:1.05rem;line-height:1.6}.blog-posts-section{flex:1;padding:50px 0 100px}.blog-controls-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:50px;display:flex}.blog-filter-tabs{gap:10px;display:flex}.blog-filter-tab{color:#bbb;cursor:pointer;font-size:.82rem;font-family:var(--font-heading), sans-serif;letter-spacing:.5px;text-transform:uppercase;background:#ffffff05;border:1px solid #ffffff0f;border-radius:30px;padding:10px 22px;transition:all .3s}.blog-filter-tab:hover{border-color:var(--color-accent);color:#fff;background:#c48b5e0a}.blog-filter-tab.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff;box-shadow:0 4px 15px #c48b5e40}.blog-search-wrapper{background:#14141466;border:1px solid #ffffff0f;border-radius:30px;align-items:center;width:320px;max-width:100%;padding:8px 16px;display:flex}.search-icon{color:#555;margin-right:10px}.search-input{color:#fff;width:100%;font-size:.88rem;font-family:var(--font-body), sans-serif;background:0 0;border:none;outline:none}.search-input::placeholder{color:#555}.search-clear{color:#666;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:2px;transition:color .3s;display:flex}.search-clear:hover{color:#fff}.blog-loading,.blog-empty{text-align:center;color:#888;padding:80px 20px}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:30px;display:grid}.blog-card{cursor:pointer;background:#14141466;border:1px solid #ffffff0a;border-radius:12px;flex-direction:column;height:100%;transition:transform .4s,border-color .4s;display:flex;overflow:hidden}.blog-card:hover{border-color:#c48b5e4d;transform:translateY(-4px)}.blog-img-container{background-color:#111;width:100%;height:220px;position:relative;overflow:hidden}.blog-img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.blog-card:hover .blog-img{transform:scale(1.04)}.blog-hover-overlay{opacity:0;background:#00000080;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.blog-card:hover .blog-hover-overlay{opacity:1}.hover-read-text{color:#fff;font-family:var(--font-heading), sans-serif;letter-spacing:1.5px;text-transform:uppercase;border-bottom:1px solid var(--color-accent);padding-bottom:2px;font-size:.72rem}.blog-source-badge{letter-spacing:.5px;text-transform:uppercase;font-size:.7rem;font-family:var(--font-heading), sans-serif;-webkit-backdrop-filter:blur(4px);z-index:5;border-radius:4px;align-items:center;gap:6px;padding:4px 10px;font-weight:500;display:inline-flex;position:absolute;top:15px;left:15px}.blog-source-badge.manual{color:var(--color-accent);background:#c48b5e26;border:1px solid #c48b5e40}.blog-source-badge.facebook{color:#1877f2;background:#1877f226;border:1px solid #1877f240}.blog-card-info{flex-direction:column;flex:1;gap:12px;padding:24px;display:flex}.blog-card-date{color:#666;font-size:.78rem;font-family:var(--font-heading), sans-serif;letter-spacing:.5px;align-items:center;gap:6px;display:flex}.blog-card-info h3{color:#fff;margin:0;font-size:1.25rem;font-weight:400;line-height:1.35}.blog-card-info p{color:#888;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.88rem;line-height:1.5;display:-webkit-box;overflow:hidden}.blog-modal-content{background:#141414f5;border:1px solid #ffffff14;border-radius:16px;width:100%;max-width:800px;position:relative;overflow:hidden;box-shadow:0 40px 100px #000c}.blog-modal-scroll{max-height:calc(90vh - 40px);overflow-y:auto}.blog-modal-scroll::-webkit-scrollbar{width:6px}.blog-modal-scroll::-webkit-scrollbar-thumb{background:#ffffff0d;border-radius:3px}.blog-modal-image-wrapper{background-color:#111;width:100%;height:380px;position:relative}.blog-modal-image-wrapper img{object-fit:cover;width:100%;height:100%}.blog-modal-img-gradient{background:linear-gradient(#14141400,#141414);height:120px;position:absolute;bottom:0;left:0;right:0}.blog-modal-body{padding:40px 50px 50px}.blog-modal-meta{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.blog-modal-date{color:#888;font-size:.85rem;font-family:var(--font-heading), sans-serif;letter-spacing:.5px;align-items:center;gap:8px;display:flex}.blog-modal-body h2{color:#fff;margin-bottom:24px;font-size:2.2rem;font-weight:300;line-height:1.25}.blog-modal-article-text{color:#bbb;margin-bottom:40px;font-size:1rem;line-height:1.7}.blog-modal-article-text p{margin:0 0 20px}.blog-modal-footer{border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;padding-top:30px;display:flex}.btn-facebook-link{color:#1877f2;background:#1877f21a;border:1px solid #1877f233;align-items:center;gap:10px;padding:12px 20px;font-size:.82rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex;border-radius:6px!important}.btn-facebook-link:hover{color:#fff;background:#1877f2;border-color:#1877f2;box-shadow:0 4px 15px #1877f240}.btn-close-modal{color:#888;cursor:pointer;background:0 0;border:1px solid #ffffff1a;padding:12px 24px;font-size:.82rem;font-weight:500;transition:all .3s;border-radius:6px!important}.btn-close-modal:hover{color:#fff;background:#ffffff0a;border-color:#fff3}@media (max-width:768px){.blog-controls-row{flex-direction:column;align-items:stretch}.blog-search-wrapper{width:100%}.blog-modal-body{padding:30px 24px 40px}.blog-modal-body h2{font-size:1.6rem}.blog-modal-image-wrapper{height:260px}}
