html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.container{max-width:1200px}.scroll-mt-24{scroll-margin-top:6rem}.scroll-area::-webkit-scrollbar{width:6px}.scroll-area::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.scroll-area::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.scroll-area::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 768px){.container{padding-left:1rem;padding-right:1rem}}@media (max-width: 1024px){aside{transition:all .3s ease-in-out}}@media print{.sticky,footer,aside,button{display:none!important}.container{max-width:none;padding:0}section{break-inside:avoid;page-break-inside:avoid}}button:focus-visible,a:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-hover{transition:transform .2s ease,box-shadow .2s ease}.card-hover:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0000001a}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}code{background-color:#f1f5f9;padding:.125rem .25rem;border-radius:.25rem;font-size:.875em;font-family:Fira Code,Monaco,Cascadia Code,Roboto Mono,monospace}.badge{transition:all .2s ease}.badge:hover{transform:scale(1.05)}@media (max-width: 640px){.grid{grid-template-columns:1fr}}@media (prefers-contrast: high){.border{border-width:2px}.text-gray-600,.text-gray-700{color:#000}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}