@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Space+Mono:wght@400;700&display=swap");@tailwind base;@tailwind components;@tailwind utilities;@layer base{*,body,html{@apply bg-white text-black font-sans antialiased}::selection{@apply bg-black text-white}:focus{@apply outline-none}:focus-visible{@apply ring-2 ring-black ring-offset-2}.btn-ghost,.btn-primary,.btn-secondary,a,code,h1,h2,h3,h4,h5,h6,pre code{@apply text-black px-6 py-3 rounded-lg font-medium transition-all duration-200 hover:bg-gray-100 focus:ring-2 focus:ring-black focus:ring-offset-2}}@layer components{.card,.code-block,.container,.section-padding,.terminal{@apply bg-gray-50 border border-gray-200 rounded-lg overflow-hidden}.animate-in{@apply opacity-0 translate-y-4;animation:slideIn .6s ease-out forwards}@keyframes slideIn{to{@apply opacity-100 translate-y-0}}.gradient-text,.status-dot,.status-offline,.status-online{@apply text-gray-400}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{@apply bg-gray-300 rounded-full}::-webkit-scrollbar-thumb:hover{@apply bg-gray-400}.loading,.skeleton{@apply bg-gray-200 rounded}@screen sm{h1,h2,h3{@apply text-3xl}}@screen lg{h1,h2,h3{@apply text-4xl}}