.custom-shadow{box-shadow:0 10px 25px -5px #3b82f61a,0 8px 10px -6px #3b82f61a}.gradient-bg{background:linear-gradient(135deg,#4f46e5,#6366f1)}.card-hover{transition:transform .3s ease , box-shadow .3s ease}.card-hover:hover{transform:translateY(-3px);box-shadow:var(--card-hover-shadow)}.tag{background:linear-gradient(135deg,#818cf8,#6366f1);color:#fff;transition:all .3s ease}.tag:hover{transform:scale(1.05)}.btn-primary{background:linear-gradient(135deg,#4f46e5,#6366f1);transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #4f46e54d}.featured-image{border-radius:20px 20px 0 0;height:300px;-o-object-fit:cover;object-fit:cover;width:100%}.article-card-image{border-radius:12px;transition:all .3s ease}.article-card:hover .article-card-image{transform:scale(1.05)}.hero-image{height:500px;-o-object-fit:cover;object-fit:cover;border-radius:24px;width:100%}.article-content{line-height:1.8}.related-image{border-radius:16px;height:180px;-o-object-fit:cover;object-fit:cover;transition:all .3s ease}.back-button{position:fixed;bottom:2rem;right:2rem;z-index:30}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .5s ease-out forwards}:root{--card-bg:white;--card-shadow:0 10px 25px -5px rgba(59,130,246,.1) , 0 8px 10px -6px rgba(59,130,246,.1);--card-hover-shadow:0 20px 30px -10px rgba(59,130,246,.15) , 0 10px 15px -5px rgba(59,130,246,.1);--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#9ca3af;--border-color:#e5e7eb;--tag-bg:linear-gradient(135deg,#818cf8 0%,#6366f1 100%);--tag-text:white}@media (prefers-color-scheme:dark){:root{--card-bg:#1f2937;--card-shadow:0 10px 25px -5px rgba(0,0,0,.3) , 0 8px 10px -6px rgba(0,0,0,.2);--card-hover-shadow:0 20px 30px -10px rgba(0,0,0,.4) , 0 10px 15px -5px rgba(0,0,0,.3);--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-muted:#9ca3af;--border-color:#374151}}.prose img{border-radius:.5rem;box-shadow:var(--card-shadow)}.prose a{color:#4f46e5;text-decoration:none;font-weight:500;transition:color .2s ease}.prose a:hover{color:#6366f1;text-decoration:underline}.dark .prose a{color:#818cf8}.dark .prose a:hover{color:#a5b4fc}.prose pre{background-color:#1e293b;color:#e2e8f0;border-radius:.5rem;padding:1rem;overflow-x:auto}.prose blockquote{border-left-color:#6366f1;background-color:#f9fafb;padding:1rem;border-radius:.5rem}.dark .prose blockquote{background-color:#1f2937;border-left-color:#818cf8}@media (max-width:640px){.prose h1{font-size:1.5rem}.prose h2{font-size:1.25rem}.prose{font-size:.9rem}}@media (forced-colors:active){.card-hover:hover{outline:2px solid currentColor}.prose a{text-decoration:underline}}img{max-width:100%;height:auto;-o-object-fit:cover;object-fit:cover;transition:opacity .5s ease-in-out}@keyframes imageFadeIn{0%{opacity:0}to{opacity:1}}img[loading]{opacity:0}img.loaded{animation:imageFadeIn .5s ease-in}.img-placeholder{background:linear-gradient(110deg,#ececec 8%,#f5f5f5 18%,#ececec 33%);background-size:200% 100%;animation:1.5s shine linear infinite;border-radius:.5rem;height:100%;width:100%;z-index:1;position:absolute}.dark .img-placeholder{background:linear-gradient(110deg,#2d3748 8%,#1a202c 18%,#2d3748 33%)}@keyframes shine{to{background-position-x:-200%}}.img-container{position:relative;overflow:hidden}.img-container:before{content:"";display:block;padding-top:56.25%}.img-container>img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:2}img.opacity-0{opacity:0}img.opacity-100{opacity:1}.relative img{position:relative;z-index:2}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.featured-image,.article-card-image{transform:translateZ(0);will-change:opacity}}