@layer components{.prose h1{scroll-margin-top:5rem}.prose h2{border-left:4px solid #3b82f6;padding-top:.75rem;padding-bottom:.75rem;padding-left:1rem;scroll-margin-top:5rem}.prose h3{scroll-margin-top:4rem}.prose h4,.prose h5,.prose h6{scroll-margin-top:3rem}.prose pre{background:linear-gradient(90deg,#0f172a,#1e293b);border:1px solid #334155;border-radius:.75rem;overflow:hidden;box-shadow:0 20px 25px -5px #0000004d}.prose pre code{color:#f3f4f6;background-color:#0000;border-radius:0;padding:0;font-family:Fira Code,Monaco,monospace;font-size:.875rem;line-height:1.75}.prose code[class*=language-]{color:#f3f4f6;background-color:#0000}.prose a{color:#2563eb;border-bottom:2px solid #3b82f64d;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.prose a:hover{color:#1d4ed8;border-bottom-color:#3b82f6cc}.dark .prose a:hover{color:#93c5fd}.prose blockquote{color:#374151;background:linear-gradient(90deg,#3b82f60d,#a855f70d);border-left:4px solid #3b82f6;padding-top:1rem;padding-bottom:1rem;padding-left:1.5rem;font-style:italic;position:relative}.dark .prose blockquote{color:#d1d5db}.prose blockquote:before{content:"\"";color:#3b82f61a;font-size:3rem;font-weight:700;position:absolute;top:-10px;left:-10px}.prose ul{padding-left:0;list-style:none}.prose ul>li{padding-left:1.5rem;position:relative}.prose ul>li:before{content:"▸";color:#3b82f6;font-weight:700;position:absolute;left:0}.prose ol{counter-reset:item;padding-left:0;list-style:none}.prose ol>li{padding-left:2rem;position:relative}.prose ol>li:before{content:counter(item)".";color:#2563eb;counter-increment:item;font-weight:700;position:absolute;left:0}.dark .prose ol>li:before{color:#60a5fa}.prose table{border-collapse:collapse;border-radius:.5rem;width:100%;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}.prose thead{background:linear-gradient(90deg,#2563eb,#9333ea)}.prose thead th{color:#fff;text-align:left;padding:.75rem 1rem;font-weight:600}.prose tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .3s}.dark .prose tbody tr{border-bottom-color:#374151}.prose tbody tr:hover{background-color:#f9fafb}.dark .prose tbody tr:hover{background-color:#1f293780}.prose tbody td{color:#374151;padding:.75rem 1rem}.dark .prose tbody td{color:#d1d5db}.prose img{border-radius:.75rem;transition:all .5s;box-shadow:0 20px 25px -5px #0000001a}.prose img:hover{box-shadow:0 25px 50px -12px #00000040}.prose figure{margin:2rem 0}.prose figcaption{text-align:center;color:#6b7280;margin-top:.75rem;font-size:.875rem;font-style:italic}.dark .prose figcaption{color:#9ca3af}.prose hr{background:linear-gradient(90deg,#0000,#3b82f6,#0000);border:none;border-radius:2px;height:4px;margin:3rem 0}.prose strong{background:linear-gradient(90deg,#2563eb,#9333ea);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.prose em{color:#a855f7;font-style:italic;font-weight:500}.dark .prose em{color:#c4b5fd}.prose code:not(pre code){color:#dc2626;background-color:#f3f4f6;border-radius:.375rem;padding:.625rem;font-family:Fira Code,Monaco,monospace;font-size:.875em;font-weight:600}.dark .prose code:not(pre code){color:#f87171;background-color:#1f2937}.dark .prose{color:#d1d5db}.dark .prose strong{color:#fff}.dark .prose a{color:#60a5fa}.gradient-text{background:linear-gradient(90deg,#2563eb,#9333ea);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.callout{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:4px solid;border-radius:.5rem;margin:1.5rem 0;padding:1.25rem}.callout-info{color:#1e3a8a;background-color:#3b82f61a;border-left-color:#3b82f6}.dark .callout-info{color:#93c5fd;background-color:#2563eb33}.callout-warning{color:#5c3317;background-color:#f59e0b1a;border-left-color:#f59e0b}.dark .callout-warning{color:#fde047;background-color:#d9770633}.callout-success{color:#14532d;background-color:#22c55e1a;border-left-color:#22c55e}.dark .callout-success{color:#86efac;background-color:#22c55e33}.callout-error{color:#7f1d1d;background-color:#ef44441a;border-left-color:#ef4444}.dark .callout-error{color:#f87171;background-color:#dc262633}.prose{scrollbar-width:thin;scrollbar-color:#3b82f6 transparent}.prose::-webkit-scrollbar{width:8px}.prose::-webkit-scrollbar-track{background:0 0}.prose::-webkit-scrollbar-thumb{background:linear-gradient(#3b82f6,#9333ea);border-radius:4px}.prose::-webkit-scrollbar-thumb:hover{background:linear-gradient(#2563eb,#7e22ce)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}.animate-fade-in-up{animation:.6s ease-out fadeInUp}.animate-slide-in-left{animation:.6s ease-out slideInLeft}html{scroll-behavior:smooth}::selection{color:#fff;background:linear-gradient(90deg,#3b82f6,#9333ea)}::selection{color:#fff;background:linear-gradient(90deg,#3b82f6,#9333ea)}