.blog-grid-container{opacity:0;animation:.6s ease-out forwards gridFadeIn}.blog-card-wrapper{opacity:0;animation:.8s cubic-bezier(.4,0,.2,1) forwards cardSlideUp;transform:translateY(30px)}.blog-card-wrapper:hover .mystical-card{transform:translateY(-8px)scale(1.02);box-shadow:0 25px 50px rgba(0,0,0,.4),0 15px 30px rgba(247,203,162,.15),inset 0 1px rgba(247,203,162,.1)}.blog-card-wrapper .mystical-card{border:1px solid var(--border);background:linear-gradient(135deg,rgba(247,203,162,.03) 0%,rgba(247,203,162,.01) 50%,transparent 100%);border-radius:20px;flex-direction:column;height:100%;transition:all .6s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.blog-card-wrapper .mystical-card:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,transparent 0%,rgba(247,203,162,.08) 50%,transparent 100%);width:100%;height:100%;transition:left 1.2s;position:absolute;top:0;left:-100%}.blog-card-wrapper:hover .mystical-card:before{left:100%}.blog-card-image-container{background:var(--background-tertiary);border-radius:16px 16px 0 0;height:200px;position:relative;overflow:hidden}.blog-card-image{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.4,0,.2,1)}.blog-card-wrapper:hover .blog-card-image{transform:scale(1.1)}.blog-card-content{z-index:2;flex-direction:column;flex:1;padding:1.5rem;display:flex;position:relative}.blog-card-meta{color:var(--foreground-muted);align-items:center;gap:.75rem;margin-bottom:1rem;font-size:.875rem;display:flex}.blog-card-category{background:linear-gradient(135deg,var(--primary),var(--accent));color:var(--background);text-transform:uppercase;letter-spacing:.05em;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;transition:all .3s}.blog-card-wrapper:hover .blog-card-category{transform:translateY(-1px);box-shadow:0 4px 12px rgba(247,203,162,.4)}.blog-card-title{font-family:var(--font-elegant);color:var(--foreground);margin-bottom:1rem;font-size:1.25rem;font-weight:400;line-height:1.4;transition:color .3s}.blog-card-wrapper:hover .blog-card-title{background:linear-gradient(135deg,var(--primary)0%,var(--accent)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.blog-card-excerpt{color:var(--foreground-muted);flex:1;margin-bottom:1.5rem;line-height:1.6}.blog-card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;display:flex}.blog-card-date{color:var(--foreground-muted);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.blog-card-read-more{color:var(--primary);align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.blog-card-wrapper:hover .blog-card-read-more{color:var(--primary-light);transform:translate(4px)}@keyframes gridFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes floatEmptyState{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-10px)rotate(5deg)}50%{transform:translateY(5px)rotate(-3deg)}75%{transform:translateY(-5px)rotate(2deg)}}.empty-state-icon{animation:4s ease-in-out infinite floatEmptyState}@media (max-width:768px){.blog-card-wrapper{animation-delay:0s!important}.blog-card-image-container{height:180px}.blog-card-content{padding:1.25rem}.blog-card-title{font-size:1.125rem}.blog-card-wrapper:hover .mystical-card{transform:translateY(-4px)scale(1.01)}}@media (max-width:1024px) and (min-width:769px){.blog-card-image-container{height:190px}.blog-card-content{padding:1.375rem}}@media (min-width:1440px){.blog-card-image-container{height:220px}.blog-card-content{padding:2rem}.blog-card-title{font-size:1.375rem}}.blog-grid-container.list-view .blog-card-wrapper .mystical-card{flex-direction:row;max-width:800px;height:auto;margin:0 auto;display:flex}.blog-grid-container.list-view .blog-card-image-container{border-radius:16px 0 0 16px;flex-shrink:0;width:280px;height:200px}.blog-grid-container.list-view .blog-card-content{flex:1;padding:2rem}@media (max-width:768px){.blog-grid-container.list-view .blog-card-wrapper .mystical-card{flex-direction:column}.blog-grid-container.list-view .blog-card-image-container{border-radius:16px 16px 0 0;width:100%;height:180px}.blog-grid-container.list-view .blog-card-content{padding:1.25rem}}.blog-card-wrapper .mystical-card,.blog-card-image{will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}@media (prefers-reduced-motion:reduce){.blog-grid-container,.blog-card-wrapper,.blog-card-wrapper .mystical-card,.blog-card-image,.empty-state-icon{transition:none!important;animation:none!important}.blog-card-wrapper:hover .mystical-card,.blog-card-wrapper:hover .blog-card-image{transform:none!important}}@media (prefers-contrast:high){.blog-card-wrapper .mystical-card{border-width:2px}.blog-card-category{border:2px solid var(--primary)}}