@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 rgba(59,130,246,.7)}70%{box-shadow:0 0 0 10px rgba(59,130,246,0)}}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.blog-gradient-bg{background:linear-gradient(-45deg,#2563eb,#7c3aed,#3b82f6,#8b5cf6);background-size:400% 400%;animation:gradient-shift 15s ease infinite}.blog-card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.blog-card-hover:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.blog-search-input{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.blog-search-input:focus{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5);box-shadow:0 0 0 3px rgba(255,255,255,.1)}.floating-dots{animation:float 6s ease-in-out infinite}.floating-dots:nth-child(odd){animation-delay:-2s}.floating-dots:nth-child(3n){animation-delay:-4s}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);transition:all .3s ease;box-shadow:0 4px 15px rgba(102,126,234,.4)}.blog-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.6)}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)}.dark ::-webkit-scrollbar-track{background:#1f2937}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite}.dark .skeleton{background:linear-gradient(90deg,#374151 25%,#4b5563 50%,#374151 75%);background-size:200px 100%}.blog-focus-ring:focus{outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 3px rgba(59,130,246,.5)}.blog-heading{line-height:1.2;letter-spacing:-.025em}.blog-body-text{line-height:1.7;color:#64748b}.dark .blog-body-text{color:#94a3b8}.blog-container{max-width:1200px;margin:0 auto;padding:0 1rem}@media (min-width:640px){.blog-container{padding:0 1.5rem}}@media (min-width:1024px){.blog-container{padding:0 2rem}}.blog-grid{display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width:640px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blog-grid{grid-template-columns:repeat(3,1fr)}}@media print{.blog-gradient-bg{background:#2563eb!important;color:white!important}.blog-card-hover{box-shadow:none!important;transform:none!important}}.html-content{font-size:1.125rem;line-height:1.75;color:inherit}.html-content .meta{font-size:.875rem;color:#6b7280;font-style:italic;margin-bottom:1.5rem;display:block}.dark .html-content .meta{color:#9ca3af}.html-content h1{font-size:2.25rem;line-height:1.2;color:inherit}.html-content h1,.html-content h2{font-weight:700;margin-top:2rem;margin-bottom:1rem}.html-content h2{font-size:1.875rem;line-height:1.3}.html-content h3{font-size:1.5rem;margin-top:1.75rem;line-height:1.4}.html-content h3,.html-content h4{font-weight:600;margin-bottom:.75rem}.html-content h4{font-size:1.25rem;margin-top:1.5rem}.html-content h5{font-size:1.125rem}.html-content h5,.html-content h6{font-weight:600;margin-top:1.5rem;margin-bottom:.5rem}.html-content h6{font-size:1rem}.html-content p{margin-bottom:1.25rem}.html-content a{color:#3b82f6;text-decoration:underline;transition:color .2s ease}.html-content a:hover{color:#2563eb}.html-content strong{font-weight:700}.html-content em{font-style:italic}.html-content ol,.html-content ul{margin-bottom:1.25rem;padding-left:1.5rem}.html-content ul li{list-style-type:disc;margin-bottom:.5rem}.html-content ol li{list-style-type:decimal;margin-bottom:.5rem}.html-content blockquote{border-left:4px solid #e5e7eb;padding-left:1rem;margin:1.5rem 0;font-style:italic;color:#6b7280}.dark .html-content blockquote{border-left-color:#374151;color:#9ca3af}.html-content code{background-color:#f3f4f6;padding:.2rem .4rem;border-radius:.25rem;font-family:Fira Code,monospace;font-size:.875em}.dark .html-content code,.html-content pre{background-color:#1f2937}.html-content pre{color:#f9fafb;padding:1rem;border-radius:.5rem;overflow-x:auto;margin-bottom:1.25rem}.html-content pre code{background-color:transparent;padding:0;font-size:.875rem}.html-content img{max-width:100%;height:auto;border-radius:.5rem;margin:1.5rem 0}.html-content table{width:100%;border-collapse:collapse;margin-bottom:1.25rem}.html-content table td,.html-content table th{border:1px solid #e5e7eb;padding:.75rem;text-align:left}.dark .html-content table td,.dark .html-content table th{border-color:#374151}.html-content table th{background-color:#f9fafb;font-weight:600}.dark .html-content table th{background-color:#1f2937}.html-content hr{border:none;border-top:1px solid #e5e7eb;margin:2rem 0}.dark .html-content hr{border-top-color:#374151}@media (max-width:768px){.html-content{font-size:1rem}.html-content h1{font-size:1.875rem}.html-content h2{font-size:1.5rem}.html-content h3{font-size:1.25rem}}