:root{--primary-color:#3b82f6;--secondary-color:#1e40af;--accent-color:#f59e0b;--gradient-primary:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary:linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--shadow-soft:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-medium:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--shadow-large:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)}html{scroll-behavior:smooth;font-feature-settings:"liga" 1, "kern" 1}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.6;background:linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);min-height:100vh;display:flex;flex-direction:column}.site-header{backdrop-filter:blur(10px);transition:all 0.3s ease;border-bottom:1px solid rgba(255, 255, 255, 0.1)}.site-header.scrolled{background:rgba(255, 255, 255, 0.95);box-shadow:var(--shadow-soft)}.site-logo{transition:transform 0.3s ease;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.site-logo:hover{transform:scale(1.05)}.nav-menu{position:relative}.nav-menu
a{position:relative;padding:0.5rem 1rem;border-radius:0.5rem;transition:all 0.3s ease}.nav-menu a::before{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--gradient-primary);transition:all 0.3s ease;transform:translateX(-50%)}.nav-menu a:hover::before{width:80%}.nav-menu a:hover{background:rgba(59, 130, 246, 0.1);color:var(--primary-color)}.post-card{background:white;border:1px
solid #e5e7eb;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;transition:box-shadow 0.3s ease}.post-card:hover{box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-title{color:#1f2937}.btn-primary{background:#3b82f6;color:white;padding:0.75rem 1.5rem;border-radius:0.375rem;border:none;cursor:pointer;font-weight:500;text-decoration:none;display:inline-block}.btn-primary:hover{background:#2563eb}@media (max-width: 768px){.post-title{font-size:1.5rem}.site-logo{font-size:1.25rem}}.search-form{position:relative;max-width:300px}.search-input{background:rgba(255, 255, 255, 0.9);border:1px
solid rgba(59, 130, 246, 0.3);border-radius:2rem;padding:0.5rem 1rem 0.5rem 2.5rem;transition:all 0.3s ease;width:100%}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(59, 130, 246, 0.1)}.search-icon{position:absolute;left:0.75rem;top:50%;transform:translateY(-50%);color:#9ca3af}.site-footer{background:#374151;margin-top:auto;width:100%}.main-content{flex:1}.site-footer::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:var(--gradient-primary)}.scroll-indicator{position:fixed;top:0;left:0;width:0%;height:3px;background:var(--gradient-primary);z-index:9999;transition:width 0.1s ease}.mobile-menu-toggle{display:none;flex-direction:column;cursor:pointer;padding:0.5rem}.mobile-menu-toggle
span{width:25px;height:3px;background:var(--primary-color);margin:2px
0;transition:0.3s;border-radius:2px}@media (max-width: 768px){.mobile-menu-toggle{display:flex}.nav-menu{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(255, 255, 255, 0.95);backdrop-filter:blur(10px);flex-direction:column;padding:1rem;border-radius:0 0 1rem 1rem;box-shadow:var(--shadow-medium)}.nav-menu.active{display:flex}}.prose{font-family:'Inter',Georgia,serif;line-height:1.8;color:#374151;max-width:none}.prose
p{margin-bottom:1.5em;text-align:justify;text-indent:2em;hyphens:auto;word-spacing:0.05em}.prose p:first-of-type{text-indent:0;font-size:1.125em;font-weight:500;color:#1f2937;margin-bottom:2em}.prose h1, .prose h2, .prose h3, .prose h4, .prose h5, .prose
h6{font-family:'Inter',sans-serif;font-weight:700;line-height:1.3;margin-top:2.5em;margin-bottom:1em;text-indent:0;color:#111827}.prose
h1{font-size:2.25em;margin-top:1.5em;border-bottom:3px solid #3b82f6;padding-bottom:0.5em}.prose
h2{font-size:1.875em;margin-top:2em;position:relative;padding-left:1em}.prose h2::before{content:'';position:absolute;left:0;top:0.1em;width:4px;height:1.2em;background:linear-gradient(135deg, #3b82f6, #8b5cf6);border-radius:2px}.prose
h3{font-size:1.5em;color:#1f2937}.prose
h4{font-size:1.25em;color:#374151}.prose ul, .prose
ol{margin:1.5em 0;padding-left:2em}.prose
ul{list-style:none}.prose ul
li{position:relative;margin-bottom:0.75em;text-indent:0;padding-left:1.5em}.prose ul li::before{content:'•';position:absolute;left:0;color:#3b82f6;font-weight:bold;font-size:1.2em}.prose
ol{counter-reset:item}.prose ol
li{position:relative;margin-bottom:0.75em;text-indent:0;padding-left:2em;counter-increment:item}.prose ol li::before{content:counter(item) '.';position:absolute;left:0;color:#3b82f6;font-weight:bold;min-width:1.5em}.prose ul ul, .prose ol ol, .prose ul ol, .prose ol
ul{margin:0.5em 0}.prose li
p{text-indent:0;margin-bottom:0.75em}.prose
blockquote{border-left:4px solid #3b82f6;background:linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);margin:2em
0;padding:1.5em 2em;border-radius:0 8px 8px 0;font-style:italic;font-size:1.1em;position:relative;text-indent:0}.prose blockquote::before{content:'"';position:absolute;top:-10px;left:15px;font-size:4em;color:#3b82f6;font-family:Georgia,serif;opacity:0.3}.prose blockquote
p{text-indent:0;margin-bottom:0.5em}.prose blockquote p:last-child{margin-bottom:0}.prose
pre{background:#1f2937;color:#10b981;padding:1.5em;border-radius:12px;overflow-x:auto;margin:2em
0;position:relative;font-family:'JetBrains Mono','Fira Code',Consolas,monospace;font-size:0.9em;line-height:1.6;box-shadow:0 10px 25px rgba(0, 0, 0, 0.2)}.prose pre::before{content:'';position:absolute;top:12px;left:12px;width:12px;height:12px;background:#ef4444;border-radius:50%;box-shadow:20px 0 0 #f59e0b, 40px 0 0 #10b981}.prose
code{background:#f3f4f6;color:#e11d48;padding:0.25em 0.5em;border-radius:4px;font-size:0.9em;font-family:'JetBrains Mono','Fira Code',Consolas,monospace;font-weight:500}.prose pre
code{background:none;color:inherit;padding:0;border-radius:0}.prose
img{margin:2.5em auto;border-radius:12px;box-shadow:0 20px 40px rgba(0, 0, 0, 0.1);transition:transform 0.3s ease, box-shadow 0.3s ease;cursor:pointer;max-width:100%;height:auto}.prose img:hover{transform:scale(1.02);box-shadow:0 25px 50px rgba(0, 0, 0, 0.15)}.prose
figure{margin:2.5em 0;text-align:center}.prose
figcaption{margin-top:1em;font-size:0.9em;color:#6b7280;font-style:italic;text-indent:0}.prose
table{width:100%;border-collapse:collapse;margin:2em
0;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px rgba(0, 0, 0, 0.1)}.prose th, .prose
td{padding:1em
1.5em;text-align:left;border-bottom:1px solid #e5e7eb;text-indent:0}.prose
th{background:linear-gradient(135deg, #3b82f6, #1d4ed8);color:white;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;font-size:0.9em}.prose tr:nth-child(even) td{background:#f9fafb}.prose tr:hover
td{background:#eff6ff}.prose
hr{border:none;height:2px;background:linear-gradient(90deg, transparent, #3b82f6, transparent);margin:3em
0}.prose
a{color:#3b82f6;text-decoration:none;font-weight:500;position:relative;transition:color 0.3s ease}.prose a:hover{color:#1d4ed8}.prose a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg, #3b82f6, #8b5cf6);transition:width 0.3s ease}.prose a:hover::after{width:100%}.prose
strong{font-weight:700;color:#111827}.prose
em{font-style:italic;color:#374151}.prose
mark{background:linear-gradient(120deg, #fbbf24 0%, #f59e0b 100%);color:#92400e;padding:0.1em 0.3em;border-radius:3px}.prose sub, .prose
sup{font-size:0.8em}.prose-dropcap p:first-of-type::first-letter {float:left;font-size:4em;line-height:0.8;margin:0.1em 0.1em 0 0;color:#3b82f6;font-weight:700;font-family:Georgia,serif}.prose{hyphens:auto;word-break:break-word;overflow-wrap:break-word}.prose a:focus{outline:2px
solid #3b82f6;outline-offset:2px;border-radius:2px}.prose
abbr{font-variant:small-caps;text-decoration:underline dotted;cursor:help}@media
print{.prose{font-size:12pt;line-height:1.6;color:#000}.prose
p{text-indent:1em;margin-bottom:0.5em}.prose
a{color:#000;text-decoration:underline}.prose a::after{display:none}}body.single .prose,
body.single-post
.prose{font-size:18px !important;line-height:1.8 !important;color:#2d3748 !important}body.single .prose p,
body.single-post .prose
p{margin-bottom:1.8em !important;text-align:justify !important;text-indent:2.5em !important;hyphens:auto !important;word-spacing:0.08em !important;line-height:1.9 !important}body.single .prose p:first-of-type,
body.single-post .prose p:first-of-type{text-indent:0 !important;font-size:1.2em !important;font-weight:500 !important;color:#1a202c !important;margin-bottom:2.5em !important;line-height:1.7 !important}body.single .prose h1,
body.single-post .prose
h1{font-size:2.5em !important;margin-top:2em !important;margin-bottom:1.2em !important;border-bottom:4px solid #3b82f6 !important;padding-bottom:0.8em !important;color:#1a202c !important;position:relative !important}body.single .prose h1::after,
body.single-post .prose h1::after{content:'' !important;position:absolute !important;bottom:-4px !important;left:0 !important;width:60px !important;height:4px !important;background:linear-gradient(90deg, #8b5cf6, #ec4899) !important;border-radius:2px !important}body.single .prose h2,
body.single-post .prose
h2{font-size:2em !important;margin-top:2.5em !important;margin-bottom:1em !important;position:relative !important;padding-left:1.2em !important;color:#2d3748 !important}body.single .prose h2::before,
body.single-post .prose h2::before{content:'' !important;position:absolute !important;left:0 !important;top:0.2em !important;width:6px !important;height:1.4em !important;background:linear-gradient(135deg, #3b82f6, #8b5cf6) !important;border-radius:3px !important}.single .prose
h3{font-size:1.6em;margin-top:2em;margin-bottom:0.8em;color:#2d3748;position:relative;padding-left:1em}.single .prose h3::before{content:'▸';position:absolute;left:0;color:#3b82f6;font-size:0.8em;top:0.1em}.single .prose
h4{font-size:1.3em;margin-top:1.8em;margin-bottom:0.6em;color:#4a5568;font-weight:600}.single .prose
h5{font-size:1.1em;margin-top:1.5em;margin-bottom:0.5em;color:#718096;font-weight:600;text-transform:uppercase;letter-spacing:0.05em}.single .prose
h6{font-size:1em;margin-top:1.2em;margin-bottom:0.4em;color:#718096;font-weight:600;font-style:italic}body.single .prose h1 + p,
body.single .prose h2 + p,
body.single .prose h3 + p,
body.single .prose h4 + p,
body.single .prose h5 + p,
body.single .prose h6 + p,
body.single-post .prose h1 + p,
body.single-post .prose h2 + p,
body.single-post .prose h3 + p,
body.single-post .prose h4 + p,
body.single-post .prose h5 + p,
body.single-post .prose h6+p{text-indent:0 !important;margin-top:1em !important}.single .prose ul,
.single .prose
ol{margin:2em
0;padding-left:2.5em}.single .prose ul li,
.single .prose ol
li{margin-bottom:1em;text-indent:0;line-height:1.8}.single .prose
blockquote{border-left:6px solid #3b82f6;background:linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);margin:3em
0;padding:2em
2.5em;border-radius:0 12px 12px 0;font-style:italic;font-size:1.15em;position:relative;text-indent:0;box-shadow:0 4px 6px rgba(0, 0, 0, 0.1)}.single .prose blockquote::before{content:'"';position:absolute;top:-20px;left:20px;font-size:5em;color:#3b82f6;font-family:Georgia,serif;opacity:0.2}.single .prose
pre{margin:3em
0;font-size:0.95em;line-height:1.7}.single .prose
code{font-size:0.9em}.single .prose
img{margin:3em
auto;max-width:100%;height:auto}.single .prose
table{margin:3em
0;font-size:0.95em}.single .prose
hr{margin:4em
0;height:3px}.single
.prose{text-rendering:optimizeLegibility;font-feature-settings:"kern" 1, "liga" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 768px){.prose{font-size:16px;line-height:1.7}.prose
p{text-indent:1.5em;text-align:left}.prose
h1{font-size:1.75em}.prose
h2{font-size:1.5em}.prose
h3{font-size:1.25em}body.single .prose,
body.single-post
.prose{font-size:16px !important}body.single .prose p,
body.single-post .prose
p{text-indent:2em !important;text-align:left !important;margin-bottom:1.5em !important}body.single .prose h1,
body.single-post .prose
h1{font-size:2em !important;margin-top:1.5em !important}body.single .prose h2,
body.single-post .prose
h2{font-size:1.7em !important;margin-top:2em !important;padding-left:1em !important}body.single .prose h3,
body.single-post .prose
h3{font-size:1.4em !important;margin-top:1.8em !important}body.single .prose blockquote,
body.single-post .prose
blockquote{margin:2em
0 !important;padding:1.5em 2em !important;font-size:1.1em !important}}.markdown-processed,.html-processed{position:relative}.markdown-processed::before{content:"Markdown";position:absolute;top:-8px;right:0;background:linear-gradient(135deg, #10b981, #059669);color:white;font-size:10px;padding:2px
6px;border-radius:4px;font-weight:500;letter-spacing:0.5px;opacity:0.7;transition:opacity 0.3s ease;z-index:1}.html-processed::before{content:"HTML";position:absolute;top:-8px;right:0;background:linear-gradient(135deg, #3b82f6, #1d4ed8);color:white;font-size:10px;padding:2px
6px;border-radius:4px;font-weight:500;letter-spacing:0.5px;opacity:0.7;transition:opacity 0.3s ease;z-index:1}.code-block-container{position:relative;margin:1.5rem 0;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1)}.code-block-container
pre{margin:0;background:#1f2937 !important;color:#f9fafb !important;padding:1rem 1.5rem 1rem 1rem;border-radius:8px;overflow-x:auto;font-family:'Monaco','Menlo','Ubuntu Mono',monospace;font-size:14px;line-height:1.5;position:relative}.code-block-container
code{background:transparent !important;color:inherit !important;padding:0
!important;border-radius:0 !important;font-size:inherit !important}.copy-code-btn{position:absolute;top:8px;right:8px;background:rgba(59, 130, 246, 0.9);color:white;border:none;padding:6px
10px;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all 0.3s ease;backdrop-filter:blur(10px);z-index:10;text-transform:uppercase;letter-spacing:0.5px}.copy-code-btn:hover{background:rgba(59, 130, 246, 1);transform:translateY(-1px);box-shadow:0 4px 8px rgba(59, 130, 246, 0.3)}.copy-code-btn:active{transform:translateY(0)}.markdown-processed h1,
.markdown-processed h2,
.markdown-processed h3,
.markdown-processed h4,
.markdown-processed h5,
.markdown-processed
h6{margin-top:2rem;margin-bottom:1rem;font-weight:700;line-height:1.2;color:#1f2937}.markdown-processed
h1{font-size:2.25rem;border-bottom:3px solid #3b82f6;padding-bottom:0.5rem}.markdown-processed
h2{font-size:1.875rem;border-bottom:2px solid #6b7280;padding-bottom:0.25rem}.markdown-processed
h3{font-size:1.5rem;color:#3b82f6}.markdown-processed
blockquote{border-left:4px solid #3b82f6;background:linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(99, 102, 241, 0.05));padding:1rem 1.5rem;margin:1.5rem 0;border-radius:0 8px 8px 0;font-style:italic;position:relative}.markdown-processed blockquote::before{content:'"';font-size:4rem;color:rgba(59, 130, 246, 0.3);position:absolute;top:-10px;left:10px;font-family:Georgia,serif;line-height:1}.markdown-processed
ul{list-style:none;padding-left:0}.markdown-processed ul
li{position:relative;padding-left:2rem;margin-bottom:0.5rem}.markdown-processed ul li::before{content:"▶";position:absolute;left:0;color:#3b82f6;font-weight:bold;transition:transform 0.3s ease}.markdown-processed ul li:hover::before{transform:translateX(3px)}.markdown-processed
ol{counter-reset:item;padding-left:0}.markdown-processed ol
li{position:relative;padding-left:2.5rem;margin-bottom:0.5rem;counter-increment:item}.markdown-processed ol li::before{content:counter(item);position:absolute;left:0;background:linear-gradient(135deg, #3b82f6, #1d4ed8);color:white;width:1.5rem;height:1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;font-weight:bold}.markdown-processed code,
.html-processed code,code{background:rgba(59, 130, 246, 0.1);color:#1e40af;padding:3px
8px;border-radius:6px;font-family:'Monaco','Menlo','Ubuntu Mono','Courier New',monospace;font-size:0.875em;font-weight:600;border:1px
solid rgba(59, 130, 246, 0.2);box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);white-space:nowrap;transition:all 0.3s ease}.markdown-processed code:hover,
.html-processed code:hover,code:hover{background:rgba(59, 130, 246, 0.15);border-color:rgba(59, 130, 246, 0.3);transform:translateY(-1px);box-shadow:0 2px 4px rgba(0, 0, 0, 0.1)}.markdown-processed
a{color:#3b82f6;text-decoration:none;position:relative;font-weight:600;transition:all 0.3s ease}.markdown-processed a::before{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg, #3b82f6, #8b5cf6);transition:width 0.3s ease}.markdown-processed a:hover::before{width:100%}.markdown-processed a:hover{color:#1d4ed8}.markdown-processed
img{border-radius:8px;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1);transition:transform 0.3s ease, box-shadow 0.3s ease;max-width:100%;height:auto;margin:1rem auto;display:block}.markdown-processed img:hover{transform:scale(1.02);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1)}@media (max-width: 768px){.markdown-processed
h1{font-size:1.875rem}.markdown-processed
h2{font-size:1.5rem}.markdown-processed
h3{font-size:1.25rem}.markdown-processed
blockquote{padding:0.75rem 1rem;margin:1rem 0}.markdown-processed blockquote::before{font-size:3rem;top:-5px;left:5px}.copy-code-btn{font-size:10px;padding:4px
8px}.code-block-container
pre{padding:0.75rem 0.75rem 0.75rem 0.5rem;font-size:13px}}.markdown-table-wrapper{overflow-x:auto;margin:1.5rem 0;border-radius:8px;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1);border:1px
solid #e5e7eb}.markdown-table{width:100%;border-collapse:collapse;background:white;font-size:0.875rem}.markdown-table
th{background:linear-gradient(135deg, #f3f4f6, #e5e7eb);color:#374151;font-weight:700;padding:0.75rem 1rem;text-align:left;border-bottom:2px solid #d1d5db;font-size:0.8rem;text-transform:uppercase;letter-spacing:0.5px}.markdown-table
td{padding:0.75rem 1rem;border-bottom:1px solid #f3f4f6;transition:background-color 0.3s ease}.markdown-table tr:hover
td{background:rgba(59, 130, 246, 0.05)}.markdown-table tr:nth-child(even) td{background:rgba(249, 250, 251, 0.5)}.markdown-hr{border:none;height:3px;background:linear-gradient(90deg, transparent, #3b82f6, transparent);margin:2rem 0;border-radius:2px;position:relative}.markdown-hr::before{content:'';position:absolute;top:-2px;left:50%;transform:translateX(-50%);width:60px;height:7px;background:linear-gradient(90deg, #8b5cf6, #3b82f6, #06b6d4);border-radius:10px;opacity:0.7}del{text-decoration:line-through;color:#6b7280;background:rgba(239, 68, 68, 0.1);padding:1px
3px;border-radius:3px}.markdown-ordered-list,.markdown-unordered-list{margin:1rem 0;padding-left:0}.markdown-unordered-list{list-style:none}.markdown-unordered-list
li{position:relative;padding-left:2rem;margin-bottom:0.75rem;line-height:1.6}.markdown-unordered-list li::before{content:"▶";position:absolute;left:0;top:0;color:#3b82f6;font-weight:bold;font-size:0.8rem;transition:all 0.3s ease}.markdown-unordered-list li:hover::before{transform:translateX(3px);color:#1d4ed8}.markdown-ordered-list{counter-reset:markdown-counter;list-style:none}.markdown-ordered-list
li{position:relative;padding-left:3rem;margin-bottom:0.75rem;line-height:1.6;counter-increment:markdown-counter}.markdown-ordered-list li::before{content:counter(markdown-counter);position:absolute;left:0;top:0;background:linear-gradient(135deg, #3b82f6, #1d4ed8);color:white;width:1.8rem;height:1.8rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;font-weight:bold;box-shadow:0 2px 4px rgba(59, 130, 246, 0.3);transition:all 0.3s ease}.markdown-ordered-list li:hover::before{transform:scale(1.1);box-shadow:0 4px 8px rgba(59, 130, 246, 0.4)}.markdown-blockquote{border-left:4px solid #3b82f6;background:linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(99, 102, 241, 0.05));padding:1.5rem 2rem;margin:2rem 0;border-radius:0 12px 12px 0;position:relative;font-style:italic;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1)}.markdown-blockquote::before{content:'"';font-size:4rem;color:rgba(59, 130, 246, 0.3);position:absolute;top:-10px;left:15px;font-family:Georgia,serif;line-height:1}.markdown-blockquote
p{margin:0;position:relative;z-index:1;font-size:1.1rem;line-height:1.6}.markdown-image{border-radius:12px;box-shadow:0 8px 25px rgba(0, 0, 0, 0.1);transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);max-width:100%;height:auto;margin:2rem auto;display:block;position:relative}.markdown-image:hover{transform:scale(1.02) translateY(-5px);box-shadow:0 20px 40px rgba(0, 0, 0, 0.15)}.markdown-link{color:#3b82f6;text-decoration:none;position:relative;font-weight:600;transition:all 0.3s ease;padding:1px
0}.markdown-link::before{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg, #3b82f6, #8b5cf6);transition:width 0.3s ease;border-radius:1px}.markdown-link:hover::before{width:100%}.markdown-link:hover{color:#1d4ed8;transform:translateY(-1px)}.markdown-paragraph{margin-bottom:1.25rem;line-height:1.7;color:#374151;text-align:justify}.markdown-paragraph:first-of-type{margin-top:0}.markdown-paragraph:last-of-type{margin-bottom:0}.markdown-br{margin:0.5rem 0}.language-javascript .copy-code-btn::before,
.language-js .copy-code-btn::before{content:"JS ";font-weight:bold;margin-right:4px;color:#f7df1e}.language-python .copy-code-btn::before{content:"PY ";font-weight:bold;margin-right:4px;color:#3776ab}.language-php .copy-code-btn::before{content:"PHP ";font-weight:bold;margin-right:4px;color:#777bb4}.language-css .copy-code-btn::before{content:"CSS ";font-weight:bold;margin-right:4px;color:#1572b6}.language-html .copy-code-btn::before{content:"HTML ";font-weight:bold;margin-right:4px;color:#e34f26}@media (max-width: 768px){.markdown-table-wrapper{margin:1rem 0}.markdown-table th,
.markdown-table
td{padding:0.5rem 0.75rem;font-size:0.8rem}.markdown-blockquote{padding:1rem 1.5rem;margin:1.5rem 0}.markdown-blockquote::before{font-size:3rem;top:-5px;left:10px}.markdown-blockquote
p{font-size:1rem}.markdown-unordered-list li,
.markdown-ordered-list
li{margin-bottom:0.5rem}.markdown-ordered-list li::before{width:1.5rem;height:1.5rem;font-size:0.7rem}.markdown-ordered-list
li{padding-left:2.5rem}.markdown-image{margin:1.5rem auto}}pre{background:#1a1b26 !important;color:#a9b1d6 !important;padding:1.5rem !important;border-radius:12px !important;overflow-x:auto !important;font-family:'Monaco','Menlo','Ubuntu Mono','Courier New',monospace !important;font-size:14px !important;line-height:1.6 !important;border:1px
solid #2a2d3a !important;box-shadow:0 8px 16px rgba(0, 0, 0, 0.1) !important;position:relative;margin:2rem 0 !important;scroll-behavior:smooth}pre
code{background:transparent !important;color:inherit !important;padding:0
!important;border:none !important;border-radius:0 !important;font-size:inherit !important;box-shadow:none !important;white-space:pre !important}pre::-webkit-scrollbar{height:8px;width:8px}pre::-webkit-scrollbar-track{background:rgba(255, 255, 255, 0.1);border-radius:4px}pre::-webkit-scrollbar-thumb{background:rgba(255, 255, 255, 0.3);border-radius:4px;transition:background 0.3s ease}pre::-webkit-scrollbar-thumb:hover{background:rgba(255, 255, 255, 0.5)}.code-block-container{position:relative;margin:2rem 0;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);border:1px
solid #e5e7eb;background:white}.code-block-container::before{content:attr(data-language);position:absolute;top:0;left:0;background:linear-gradient(135deg, #4f46e5, #7c3aed);color:white;padding:4px
12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;border-bottom-right-radius:8px;z-index:15;opacity:0.9}.copy-code-btn{position:absolute;top:12px;right:12px;background:rgba(59, 130, 246, 0.9);color:white;border:none;padding:8px
12px;border-radius:8px;font-size:11px;font-weight:600;cursor:pointer;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);backdrop-filter:blur(10px);z-index:20;text-transform:uppercase;letter-spacing:0.5px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);user-select:none}.copy-code-btn:hover{background:rgba(59, 130, 246, 1);transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px rgba(59, 130, 246, 0.4)}.copy-code-btn:active{transform:translateY(0) scale(0.98)}.copy-code-btn.success{background:rgba(16, 185, 129, 0.9) !important}.copy-code-btn.success:hover{background:rgba(16, 185, 129, 1) !important;box-shadow:0 4px 12px rgba(16, 185, 129, 0.4) !important}.language-javascript .token.keyword,
.language-js
.token.keyword{color:#ff79c6}.language-javascript .token.string,
.language-js
.token.string{color:#f1fa8c}.language-javascript .token.function,
.language-js
.token.function{color:#50fa7b}.language-javascript .token.number,
.language-js
.token.number{color:#bd93f9}.language-python
.token.keyword{color:#ff79c6}.language-python
.token.string{color:#f1fa8c}.language-python
.token.function{color:#50fa7b}.language-css
.token.property{color:#66d9ef}.language-css
.token.selector{color:#f92672}.language-css
.token.string{color:#f1fa8c}.language-html
.token.tag{color:#f92672}.language-html .token.attr-name{color:#a6e22e}.language-html .token.attr-value{color:#f1fa8c}.language-php
.token.keyword{color:#ff79c6}.language-php
.token.variable{color:#ffb86c}.prose code:not(.code-block-container code):not(.markdown-processed code):not(.html-processed code){background:rgba(59, 130, 246, 0.1);color:#1e40af;padding:3px
8px;border-radius:6px;font-family:'Monaco','Menlo','Ubuntu Mono','Courier New',monospace;font-size:0.875em;font-weight:600;border:1px
solid rgba(59, 130, 246, 0.2);box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);white-space:nowrap;transition:all 0.3s ease}.prose
pre{background:#1a1b26 !important;color:#a9b1d6 !important;padding:1.5rem !important;border-radius:12px !important;overflow-x:auto !important;font-family:'Monaco','Menlo','Ubuntu Mono','Courier New',monospace !important;font-size:14px !important;line-height:1.6 !important;border:1px
solid #2a2d3a !important;box-shadow:0 8px 16px rgba(0, 0, 0, 0.1) !important;margin:2rem 0 !important}.prose pre
code{background:transparent !important;color:inherit !important;padding:0
!important;border:none !important;border-radius:0 !important;font-size:inherit !important;box-shadow:none !important}@media (max-width: 768px){pre{padding:1rem !important;font-size:13px !important;border-radius:8px !important;margin:1.5rem 0 !important}.copy-code-btn{top:8px;right:8px;padding:6px
10px;font-size:10px}.code-block-container{margin:1.5rem 0;border-radius:8px}.code-block-container::before{padding:3px
10px;font-size:10px;border-bottom-right-radius:6px}.markdown-processed code,
.html-processed code,code{padding:2px
6px;font-size:0.8em;border-radius:4px}}