@keyframes float-subtle{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.animate-float-subtle{animation:float-subtle 3s ease-in-out infinite alternate}.blog-content ul{list-style-type:disc;padding-left:1.75rem;margin-top:0;margin-bottom:1.5rem}.blog-content ol{list-style-type:decimal;padding-left:1.75rem;margin-top:0;margin-bottom:1.5rem}.blog-content li{margin-bottom:.375rem;display:list-item;line-height:1.6;color:hsl(var(--foreground))}.blog-content ul[data-task-list],.blog-content ul:has(li input[type=checkbox]){list-style:none;padding-left:0}.blog-content ul[data-task-list] li,.blog-content ul:has(li input[type=checkbox]) li{display:flex;align-items:flex-start;margin-bottom:.75rem;padding-left:0}.blog-content ul[data-task-list] li input[type=checkbox],.blog-content ul:has(li input[type=checkbox]) li input[type=checkbox]{margin-right:.75rem;margin-top:.125rem;flex-shrink:0;width:1.125rem;height:1.125rem;accent-color:#3b82f6;cursor:pointer}.blog-content ul[data-task-list] li label,.blog-content ul:has(li input[type=checkbox]) li label{cursor:pointer;flex:1;line-height:1.6;color:hsl(var(--foreground))}.blog-content li:has(input[type=checkbox]){display:flex;align-items:flex-start;margin-bottom:.75rem;padding-left:0;list-style:none}.blog-content li:has(input[type=checkbox]) input[type=checkbox]{margin-right:.75rem;margin-top:.125rem;flex-shrink:0;width:1.125rem;height:1.125rem;accent-color:#3b82f6;cursor:pointer}.blog-content ul ul,.blog-content ol ul{list-style-type:circle;margin-top:.375rem;margin-bottom:.375rem}.blog-content ul ol,.blog-content ol ol{list-style-type:lower-alpha;margin-top:.375rem;margin-bottom:.375rem}.blog-content p+ul,.blog-content p+ol,.blog-content blockquote+ul,.blog-content blockquote+ol{margin-top:1rem}.blog-content li>p{margin:.25rem 0!important}.blog-content li p{margin-top:.25rem;margin-bottom:.25rem}.blog-content p{line-height:1.6;margin-top:0;margin-bottom:1.5rem;white-space:pre-wrap;color:hsl(var(--foreground))}.blog-content p+p,.blog-content ul+p,.blog-content ol+p,.blog-content blockquote+p,.blog-content pre+p,.blog-content table+p,.blog-content hr+p{margin-top:1.5rem}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4{line-height:1.2;font-weight:700;color:hsl(var(--foreground));font-family:Inter,sans-serif}.blog-content h1{margin-top:3.5rem;margin-bottom:.75rem}.blog-content h2{margin-top:3rem;margin-bottom:.75rem;font-size:1.75rem}.blog-content h3{margin-top:2.5rem;margin-bottom:.5rem;font-size:1.375rem}.blog-content h4{margin-top:2rem;margin-bottom:.5rem;font-size:1.125rem}.blog-content h1+p,.blog-content h2+p,.blog-content h3+p,.blog-content h4+p,.blog-content h1+ul,.blog-content h2+ul,.blog-content h3+ul,.blog-content h4+ul,.blog-content h1+ol,.blog-content h2+ol,.blog-content h3+ol,.blog-content h4+ol{margin-top:0!important}.blog-content h3#frontend-development{margin-bottom:.125rem}.blog-content h3#frontend-development+p{margin-top:0!important}.blog-content{font-size:1.25rem;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.blog-content>p:first-of-type{font-size:1.25rem;line-height:1.6;color:hsl(var(--muted-foreground));margin-bottom:2rem}.blog-content blockquote{margin:2rem 0;padding-left:1.5rem;border-left:3px solid hsl(var(--ring));font-style:italic;color:hsl(var(--muted-foreground))}.blog-content pre{margin:2rem 0;padding:1.25rem 1.5rem;background:hsl(var(--foreground));color:hsl(var(--background));overflow-x:hidden;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;border-radius:.5rem}.blog-content code{font-size:.875em;font-family:SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;word-wrap:break-word;overflow-wrap:break-word}.blog-content pre code{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;display:block}.blog-content img{margin:2.5rem auto;max-width:100%;height:auto}.blog-content strong{font-weight:600;color:hsl(var(--foreground))}.blog-content a{color:#2563eb;text-decoration-thickness:1px;text-underline-offset:2px;transition:color .2s ease}.blog-content a:hover{text-decoration:underline}.blog-table-scroll-wrapper{overflow-x:auto;max-width:100%;margin:1.5rem 0;-webkit-overflow-scrolling:touch}.blog-content table{width:100%;min-width:100%;border-collapse:collapse;margin:0;font-family:Inter,sans-serif}.blog-content .blog-table-scroll-wrapper table{margin:0}.blog-content th{background-color:hsl(var(--muted));color:hsl(var(--muted-foreground));font-weight:600;text-align:left;padding:.75rem 1rem;border:1px solid hsl(var(--border))}.blog-content td{padding:.75rem 1rem;border:1px solid hsl(var(--border));color:hsl(var(--muted-foreground))}.blog-content tr:hover td{background-color:hsl(var(--muted))}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.blog-page{font-size:1.25rem;line-height:1.6;--blog-text: 222 47% 11%;--blog-bg: 210 40% 98%;--brand-glow: 0 0 40px -10px rgba(242, 201, 76, .3);background-color:hsl(var(--blog-bg));color:hsl(var(--blog-text))}@media (max-width: 768px){.blog-content{font-size:1rem;line-height:1.6}.blog-content h1{margin-top:2rem;margin-bottom:.75rem;font-size:1.875rem}.blog-content h2{margin-top:1.75rem;margin-bottom:.75rem;font-size:1.5rem}.blog-content h3{margin-top:1.5rem;margin-bottom:.5rem;font-size:1.25rem}.blog-content h4{margin-top:1.25rem;margin-bottom:.5rem;font-size:1.125rem}.blog-content pre{padding:1rem;margin:1.5rem 0}.blog-content blockquote{padding-left:1rem;margin:1.5rem 0}.blog-content th,.blog-content td{padding:.5rem .75rem}}