@layer base{html{scroll-behavior:smooth}}@theme inline{ --theme: light; --color-portfolio-bg-light: #fafaf9; --color-portfolio-bg-dark: #0c0c0f; --color-portfolio-surface: #ffffff; --color-portfolio-surface-dark: #18181b; --color-portfolio-accent: #4f46e5; --color-portfolio-accent-hover: #4338ca; --color-portfolio-muted: #71717a; --color-portfolio-border: rgba(0, 0, 0, .06); --color-portfolio-border-dark: rgba(255, 255, 255, .08); }@keyframes fade-in-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fade-in-up .6s ease-out forwards}@media(prefers-reduced-motion:reduce){.animate-fade-in-up{animation:none;opacity:1;transform:none}html{scroll-behavior:auto}}.animate-delay-100{animation-delay:.1s}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.animate-delay-400{animation-delay:.4s}.gradient-mesh{background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(79,70,229,.15),transparent),radial-gradient(ellipse 60% 40% at 100% 0%,rgba(99,102,241,.08),transparent),radial-gradient(ellipse 60% 40% at 0% 50%,rgba(79,70,229,.06),transparent)}.dark .gradient-mesh{background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(99,102,241,.2),transparent),radial-gradient(ellipse 60% 40% at 100% 0%,rgba(79,70,229,.1),transparent),radial-gradient(ellipse 60% 40% at 0% 50%,rgba(99,102,241,.08),transparent)}.section-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:#4f46e5;margin-bottom:1rem}.dark .section-label{color:#818cf8}.blog-content{font-size:1.125rem;line-height:1.75;color:#3f3f46}.dark .blog-content{color:#d4d4d8}.blog-content>*+*{margin-top:1.25em}.blog-content p{margin-bottom:0}.blog-content p+p{margin-top:1.25em}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4{font-family:Cormorant Garamond,Georgia,serif;font-weight:600;color:#18181b;margin-top:1.75em;margin-bottom:.5em;line-height:1.3}.dark .blog-content h1,.dark .blog-content h2,.dark .blog-content h3,.dark .blog-content h4{color:#f4f4f5}.blog-content h1{font-size:1.875rem}.blog-content h2{font-size:1.5rem}.blog-content h3{font-size:1.25rem}.blog-content h4{font-size:1.125rem}.blog-content h1:first-child,.blog-content h2:first-child,.blog-content h3:first-child,.blog-content h4:first-child{margin-top:0}.blog-content a{color:#4f46e5;text-decoration:underline;text-underline-offset:2px}.blog-content a:hover{color:#4338ca}.dark .blog-content a{color:#818cf8}.dark .blog-content a:hover{color:#a5b4fc}.blog-content ul,.blog-content ol{margin-top:1em;margin-bottom:1em;padding-left:1.5em}.blog-content ul{list-style-type:disc}.blog-content ol{list-style-type:decimal}.blog-content li{margin-top:.5em}.blog-content li>ul,.blog-content li>ol{margin-top:.5em;margin-bottom:0}.blog-content blockquote{margin:1.5em 0;padding:.75em 1.25em;border-left:4px solid rgb(79 70 229);background:#eef2ff;color:#374151;font-style:italic;border-radius:0 .5rem .5rem 0}.dark .blog-content blockquote{background:#4f46e526;border-left-color:#818cf8;color:#d4d4d8}.blog-content code{padding:.2em .4em;font-size:.9em;background:#f4f4f5;color:#4f46e5;border-radius:.375rem}.dark .blog-content code{background:#27272a;color:#a5b4fc}.blog-content pre{margin:1.5em 0;padding:1.25em;background:#27272a;color:#f4f4f5;border-radius:.75rem;overflow-x:auto}.blog-content pre code{padding:0;background:transparent;color:inherit}.blog-content hr{margin:2em 0;border:none;border-top:1px solid rgb(228 228 231)}.dark .blog-content hr{border-top-color:#3f3f46}.blog-content strong{font-weight:600;color:#18181b}.dark .blog-content strong{color:#f4f4f5}.blog-content img{max-width:100%;height:auto;border-radius:.75rem;margin:1.5em 0}.blog-content table{width:100%;border-collapse:collapse;margin:1.5em 0}.blog-content th,.blog-content td{padding:.5em .75em;border:1px solid rgb(228 228 231);text-align:left}.dark .blog-content th,.dark .blog-content td{border-color:#3f3f46}.blog-content th{font-weight:600;background:#f4f4f5}.dark .blog-content th{background:#27272a}