.blog-wall{color:var(--font-highlight-color);padding:2rem;position:relative}.blog-wall-integrated-heading{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.blog-wall-logo-inline{cursor:pointer;border-radius:8px;padding:.25rem .5rem;transition:all .3s;position:relative}.blog-wall-logo-inline:after{content:"";background:var(--font-primary-color);height:2px;transition:transform .3s;position:absolute;bottom:0;left:.5rem;right:.5rem;transform:scaleX(0)}.blog-wall-logo-inline:hover{color:var(--font-primary-color);transform:translateY(-2px)}.blog-wall-logo-inline:hover:after{transform:scaleX(1)}.blog-wall-logo-inline:hover #website_logo{color:var(--font-primary-color)}.blog-wall-logo-inline #website_logo{margin:0;font-size:1.8rem;transition:color .3s}.blog-wall-heading-separator{color:var(--font-secondary-color);opacity:.5;font-size:2rem;font-weight:300}.blog-wall-title-section{text-align:center;margin-top:2rem;margin-bottom:3rem}.blog-wall-title-section .blog-wall-integrated-heading #heading{margin:0}.blog-wall-catchphrase{color:var(--font-secondary-color);letter-spacing:.5px;opacity:.8;font-size:.9rem;font-style:italic}.blog-wall-actions{justify-content:center;margin-bottom:3rem;display:flex}.publish-button{background:linear-gradient(135deg, var(--font-primary-color) 0%, var(--font-secondary-color) 100%);color:var(--bg-color);font-family:var(--font-style);cursor:pointer;will-change:transform, box-shadow;border:2px solid #ffffff1a;border-radius:50px;justify-content:center;align-items:center;padding:14px 28px;font-size:.95rem;font-weight:600;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00abf066}.publish-button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.publish-button:hover:before{left:100%}.publish-button:hover{border-color:#fff3;transform:translateY(-4px)scale(1.02);box-shadow:0 12px 40px #00abf099,0 0 20px #00abf04d}.publish-button:active{transform:translateY(-2px)scale(.98);box-shadow:0 6px 20px #00abf080}.publish-button-text{z-index:1;letter-spacing:.3px;position:relative}.publish-button-glow{opacity:0;pointer-events:none;will-change:opacity, transform;background:radial-gradient(circle,#00abf04d 0%,#0000 70%);border-radius:50px;width:100%;height:100%;animation:3s ease-in-out infinite pulse-glow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse-glow{0%,to{opacity:0;transform:translate(-50%,-50%)scale(1)}50%{opacity:.6;transform:translate(-50%,-50%)scale(1.1)}}@media (prefers-reduced-motion:reduce){.publish-button-glow{animation:none}}.blog-wall .filter-section{justify-content:center;margin-bottom:3rem}.blog-wall-grid{flex-wrap:wrap;gap:1.5rem;display:flex}.blog-wall-grid .blog-post-card{flex:calc(33.333% - 1.5rem)}.blog-card-content{flex-direction:column;gap:.75rem;height:100%;display:flex}.blog-card-title-author-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.25rem;display:flex}.blog-card-title{color:var(--font-highlight-color);flex:1;min-width:150px;margin:0;font-size:1.25rem;font-weight:600;line-height:1.4;transition:color .3s}.blog-card-author{color:var(--font-secondary-color);align-items:center;gap:.4rem;font-size:.85rem;display:flex}.blog-card-author-label{opacity:.7;font-weight:400}.blog-card-author-name{color:var(--font-primary-color);font-weight:500}.blog-card-time-to-read{color:var(--font-secondary-color);opacity:.6;text-align:right;margin:.25rem 0;font-size:.8rem}.blog-wall-grid .blog-post-card:hover .blog-card-title{color:var(--font-primary-color)}.blog-wall-grid .blog-post-card:hover .blog-card-author-name{color:var(--font-highlight-color)}.blog-card-subtitle{color:var(--font-secondary-color);opacity:.85;-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0;font-size:.9rem;font-weight:400;line-height:1.5;display:-webkit-box;overflow:hidden}.blog-card-tags-stats-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:auto;display:flex}.blog-card-tags{flex-wrap:wrap;gap:.5rem;display:flex}.blog-card-meta-stats{flex-wrap:wrap;align-items:center;gap:.75rem;margin-left:auto;display:flex}.blog-card-date-pill,.blog-card-tag,.blog-card-stat-item{color:var(--font-secondary-color);background:#00abf01a;border:1px solid #00abf04d;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:400;transition:all .3s}.blog-card-date-pill{white-space:nowrap}.blog-card-tag:hover{border-color:var(--font-primary-color);background:#00abf033}.blog-card-stats{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.blog-card-stat-item{align-items:center;gap:.4rem;display:flex}.blog-card-stat-icon,.blog-card-like-icon,.blog-card-share-icon{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.blog-card-stat-icon,.blog-card-like-icon{color:var(--font-highlight-color);opacity:.8}.blog-card-share-button{cursor:pointer;width:16px;height:16px;font-family:var(--font-style);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .3s;display:flex}.blog-card-share-button:hover{transform:scale(1.1)}.blog-card-share-button:active{transform:scale(.95)}.blog-card-share-icon{color:var(--font-highlight-color);opacity:.8;transition:all .3s}.blog-card-share-button:hover .blog-card-share-icon{opacity:1;color:var(--font-primary-color)}.blog-card-stat-item.liked .blog-card-like-icon{color:#ff4d4d}.blog-card-stats-text{color:var(--font-highlight-color);white-space:nowrap;font-size:.75rem;font-weight:400}.blog-wall-error,.blog-wall-empty{text-align:center;justify-content:center;align-items:center;min-height:50vh;display:flex}.blog-wall-empty p{color:var(--font-highlight-color);font-size:1rem;font-weight:400;line-height:1.5}.blog-wall-error p{color:var(--font-primary-color);font-size:1rem;font-weight:400;line-height:1.5}@media (max-width:800px){.blog-wall{padding:1rem}.blog-wall-integrated-heading{gap:.75rem}.blog-wall-logo-inline #website_logo{font-size:1.4rem}.blog-wall-heading-separator{font-size:1.5rem}.blog-wall-catchphrase{font-size:.8rem}.blog-card-title-author-row{flex-direction:column;align-items:flex-start;gap:.5rem}.blog-card-title{font-size:1.1rem}.blog-card-author{font-size:.8rem}.blog-card-time-to-read{font-size:.75rem}.blog-card-subtitle{font-size:.85rem}.blog-card-tags-stats-row{flex-direction:column;align-items:flex-start;gap:.75rem}.blog-card-meta-stats{justify-content:flex-end;width:100%;margin-left:0}.blog-card-tag{padding:.2rem .6rem;font-size:.7rem}.blog-card-stat-item{padding:.2rem .6rem}.blog-card-stat-icon,.blog-card-like-icon,.blog-card-share-button,.blog-card-share-icon{width:14px;height:14px}.blog-card-stats-text{font-size:.7rem}.publish-button{padding:12px 24px;font-size:.85rem}.blog-wall-grid .blog-post-card{flex:100%}}
.blog-post-card{cursor:pointer;-webkit-backdrop-filter:blur(10px);background:#00abf008;border:1px solid #00abf033;border-radius:12px;padding:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.blog-post-card:before{content:"";background:linear-gradient(90deg, transparent, var(--font-primary-color), transparent);opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.blog-post-card:hover:before{opacity:1}.blog-post-card:hover{border-color:var(--font-primary-color);background:#00abf014;transform:translateY(-4px);box-shadow:0 8px 24px #00abf04d,0 0 0 1px #00abf01a}@media (max-width:800px){.blog-post-card{padding:1rem}}