.font-inter{font-family:Inter,sans-serif}.font-merriweather{font-family:Merriweather,serif}.font-fira-code{font-family:Fira Code,monospace}.blog-content{font-family:Inter,sans-serif;line-height:1.8;color:#374151;position:relative;font-size:18px}.dark .blog-content{color:#d1d5db}.blog-content h1{margin-bottom:3rem;margin-top:2rem;font-size:2.25rem;line-height:2.5rem;font-weight:700;line-height:1.25;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.blog-content h1:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}@media (min-width: 768px){.blog-content h1{font-size:3rem;line-height:1}}.blog-content h1{font-family:Merriweather,serif;font-weight:700;letter-spacing:-.025em;scroll-margin-top:6rem;position:relative;padding-bottom:1.5rem;border-bottom:3px solid #3B82F6}.blog-content h1:after{content:"";position:absolute;bottom:-3px;left:0;width:80px;height:3px;background:linear-gradient(90deg,#1d4ed8,#3b82f6);border-radius:2px}.blog-content h2{margin-bottom:2rem;margin-top:5rem;font-size:1.875rem;line-height:2.25rem;font-weight:700;line-height:1.25;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.blog-content h2:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}@media (min-width: 768px){.blog-content h2{font-size:2.25rem;line-height:2.5rem}}.blog-content h2{font-family:Merriweather,serif;font-weight:700;letter-spacing:-.025em;scroll-margin-top:6rem;position:relative;padding:2rem 2rem 2rem 2.5rem;border-left:5px solid #3B82F6;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:0 16px 16px 0;box-shadow:0 8px 25px -5px #0000001a}.dark .blog-content h2{background:linear-gradient(135deg,#1f2937,#111827);box-shadow:0 8px 25px -5px #0000004d}.blog-content h2:before{content:"";position:absolute;left:-5px;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#1d4ed8,#3b82f6,#60a5fa);border-radius:3px}.blog-content h3{margin-bottom:1.5rem;margin-top:4rem;font-size:1.5rem;line-height:2rem;font-weight:600;line-height:1.25;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.blog-content h3:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}@media (min-width: 768px){.blog-content h3{font-size:1.875rem;line-height:2.25rem}}.blog-content h3{font-family:Inter,sans-serif;font-weight:600;letter-spacing:-.015em;scroll-margin-top:6rem;position:relative;padding-left:1.5rem;border-left:4px solid #60A5FA}.blog-content h3:before{content:"●";position:absolute;left:-10px;color:#3b82f6;font-size:.875rem;background:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid #3B82F6;box-shadow:0 2px 8px #3b82f64d}.dark .blog-content h3:before{background:#111827}.blog-content h4{margin-bottom:1.25rem;margin-top:3rem;font-size:1.25rem;line-height:1.75rem;font-weight:600;line-height:1.25;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.blog-content h4:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}@media (min-width: 768px){.blog-content h4{font-size:1.5rem;line-height:2rem}}.blog-content h4{font-family:Inter,sans-serif;font-weight:600;scroll-margin-top:6rem;position:relative;padding-left:1rem;border-left:3px solid #93C5FD}.blog-content h5{margin-bottom:1rem;margin-top:2.5rem;font-size:1.125rem;line-height:1.75rem;font-weight:600;line-height:1.25;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.blog-content h5:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}@media (min-width: 768px){.blog-content h5{font-size:1.25rem;line-height:1.75rem}}.blog-content h5{font-family:Inter,sans-serif;font-weight:600;scroll-margin-top:6rem;position:relative;color:#1e40af}.dark .blog-content h5{color:#60a5fa}.blog-content h5:before{content:"▶";margin-right:.75rem;color:#3b82f6;font-size:.875em}.dark .blog-content h5:before{color:#60a5fa}.blog-content h6{margin-bottom:1rem;margin-top:2rem;font-size:1rem;line-height:1.5rem;font-weight:600;line-height:1.25;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.blog-content h6:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}@media (min-width: 768px){.blog-content h6{font-size:1.125rem;line-height:1.75rem}}.blog-content h6{font-family:Inter,sans-serif;font-weight:600;scroll-margin-top:6rem;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;color:#4b5563}.dark .blog-content h6{color:#9ca3af}.blog-content p{margin-bottom:2rem;font-size:1.125rem;line-height:1.75rem;line-height:1.625;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.blog-content p:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.blog-content p{font-weight:400;line-height:1.8;margin-bottom:2rem}.blog-content p:first-of-type{line-height:1.75rem;font-weight:400;color:#4b5563;font-size:1.375rem;line-height:1.7;margin-bottom:2.5rem;padding:2rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:16px;border-left:5px solid #0EA5E9;position:relative;box-shadow:0 4px 15px #0ea5e91a}.dark .blog-content p:first-of-type{color:#9ca3af;background:linear-gradient(135deg,#1e3a8a,#1e40af);border-left-color:#3b82f6;box-shadow:0 4px 15px #3b82f633}.blog-content p:first-of-type:before{content:'"';position:absolute;top:1rem;left:1rem;font-size:2.5rem;color:#0ea5e9;font-family:Merriweather,serif;line-height:1;opacity:.4}.dark .blog-content p:first-of-type:before{color:#3b82f6}.blog-content a{font-weight:500;--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}.blog-content a:hover{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.blog-content a:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.blog-content a:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.blog-content a{text-decoration:none;border-bottom:1px solid transparent;position:relative;padding:0 3px;border-radius:4px}.blog-content a:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-bottom-color:currentColor;transform:translateY(-1px);box-shadow:0 2px 8px #3b82f633}.dark .blog-content a:hover{background:linear-gradient(135deg,#1e3a8a,#1e40af)}.blog-content ul,.blog-content ol{margin-bottom:2.5rem;padding-left:0;position:relative}.blog-content ul{list-style:none}.blog-content ul li{position:relative;margin-bottom:1.25rem;padding-left:2.5rem;font-size:1.125rem;line-height:1.75rem;line-height:1.625;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.blog-content ul li:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.blog-content ul li{position:relative}.blog-content ul li:before{content:"";position:absolute;left:0;top:.875rem;width:10px;height:10px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;box-shadow:0 2px 6px #3b82f666}.blog-content ol{counter-reset:item;padding-left:0}.blog-content ol li{position:relative;margin-bottom:1.25rem;padding-left:3.5rem;font-size:1.125rem;line-height:1.75rem;line-height:1.625;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.blog-content ol li:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.blog-content ol li{counter-increment:item}.blog-content ol li:before{content:counter(item);position:absolute;left:0;top:0;width:36px;height:36px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;font-size:.875rem;font-weight:600;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #3b82f64d;font-family:Inter,sans-serif}.blog-content blockquote{margin-bottom:2.5rem;border-left-width:0px;padding-top:0;padding-bottom:0;padding-left:0;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:20px;padding:2.5rem;position:relative;box-shadow:0 15px 35px -5px #0000001a;border:1px solid #BAE6FD}.dark .blog-content blockquote{background:linear-gradient(135deg,#1e3a8a,#1e40af);border-color:#3b82f6;box-shadow:0 15px 35px -5px #0000004d}.blog-content blockquote:before{content:'"';position:absolute;top:1.5rem;left:2rem;font-size:5rem;color:#0ea5e9;font-family:Merriweather,serif;line-height:1;opacity:.2}.dark .blog-content blockquote:before{color:#3b82f6}.blog-content blockquote p{margin-bottom:0;font-size:1.25rem;line-height:1.75rem;line-height:1.625;--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.blog-content blockquote p:is(.dark *){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.blog-content blockquote p{font-weight:400;font-style:italic;margin-left:4rem;position:relative;z-index:1}.blog-content pre{margin-bottom:2.5rem;overflow-x:auto;border-radius:1rem;--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));padding:2rem;--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.blog-content pre:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(3 7 18 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.blog-content pre{font-family:Fira Code,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:.875rem;line-height:1.7;position:relative;box-shadow:0 25px 50px -12px #00000040;border:1px solid #374151}.dark .blog-content pre{border-color:#1f2937;box-shadow:0 25px 50px -12px #00000080}.blog-content :not(pre)>code{border-radius:calc(var(--radius) - 2px);--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));padding:.25rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.blog-content :not(pre)>code:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.blog-content :not(pre)>code{border:1px solid #E5E7EB;box-shadow:0 1px 3px #0000001a}.dark .blog-content :not(pre)>code{border-color:#374151;box-shadow:0 1px 3px #0000004d}.blog-content table{margin-bottom:2.5rem;width:100%;border-collapse:collapse;font-size:.95rem;border-radius:16px;overflow:hidden;box-shadow:0 15px 35px -5px #0000001a;border:1px solid #E5E7EB}.dark .blog-content table{border-color:#374151;box-shadow:0 15px 35px -5px #0000004d}.blog-content thead{background:linear-gradient(135deg,#1e40af,#3b82f6)}.blog-content th{border-bottom-width:0px;padding:1.25rem 2rem;text-align:left;font-weight:600;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));font-family:Inter,sans-serif;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem}.blog-content td{border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1));padding:1.25rem 2rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.blog-content td:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.blog-content img{margin-bottom:2.5rem;width:100%;border-radius:1rem;--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);max-width:100%;height:auto;border:1px solid #E5E7EB;transition:transform .3s ease,shadow .3s ease}.dark .blog-content img{border-color:#374151}.blog-content img:hover{transform:scale(1.02);box-shadow:0 35px 60px -12px #0000004d}.blog-content strong{font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.blog-content strong:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.blog-content strong{background:linear-gradient(135deg,#fef3c7,#fde68a);padding:0 6px;border-radius:6px}.dark .blog-content strong{background:linear-gradient(135deg,#92400e,#b45309)}.blog-content em{color:#4b5563;font-style:italic}.dark .blog-content em{color:#9ca3af}@media (max-width: 768px){.blog-content{font-size:16px}.blog-content h1{font-size:1.5rem;line-height:2rem;margin-bottom:2rem}.blog-content h2{font-size:1.25rem;line-height:1.75rem;margin:3rem 0 1.5rem;padding:1.5rem}.blog-content h3{font-size:1.125rem;line-height:1.75rem;margin:2rem 0 1rem}.blog-content p{font-size:1rem;line-height:1.5rem;margin-bottom:1.5rem}.blog-content p:first-of-type{font-size:1.125rem;line-height:1.75rem;padding:1.5rem}.blog-content ul li,.blog-content ol li{padding-left:2rem;font-size:1rem;line-height:1.5rem;margin-bottom:1rem}.blog-content ol li:before{width:28px;height:28px;font-size:.75rem}.blog-content blockquote{padding:2rem}.blog-content blockquote:before{font-size:4rem;top:1rem;left:1.5rem}.blog-content blockquote p{margin-left:3rem;font-size:1rem}.blog-content pre{padding:1.5rem}}.xl\\:overflow-y-auto::-webkit-scrollbar{width:6px}.xl\\:overflow-y-auto::-webkit-scrollbar-track{background:transparent}.xl\\:overflow-y-auto::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.dark .xl\\:overflow-y-auto::-webkit-scrollbar-thumb{background:#4b5563}.xl\\:overflow-y-auto::-webkit-scrollbar-thumb:hover{background:#9ca3af}.dark .xl\\:overflow-y-auto::-webkit-scrollbar-thumb:hover{background:#6b7280}html{scroll-behavior:smooth}.blog-content a:focus{outline:2px solid #3B82F6;outline-offset:2px;border-radius:4px}.blog-content ::-moz-selection{background:#3b82f633;color:inherit}.blog-content ::selection{background:#3b82f633;color:inherit}@media print{#reading-progress-bar,aside,.sticky{display:none!important}.blog-content{font-size:12pt;line-height:1.5;color:#000}.blog-content h1,.blog-content h2,.blog-content h3{page-break-after:avoid;color:#000}.blog-content pre,.blog-content blockquote{page-break-inside:avoid}.blog-content a{color:#000;text-decoration:underline}}