@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";.fade-enter-active[data-v-9cbcd19c],.fade-leave-active[data-v-9cbcd19c]{transition:opacity .2s}.fade-enter-from[data-v-9cbcd19c],.fade-leave-to[data-v-9cbcd19c]{opacity:0}@tailwind base;@tailwind components;@tailwind utilities;@layer base{@apply bg-dark-bg text-dark-text font-sans antialiased text-sm overflow-x-hidden selection:bg-white/20 selection:text-white;body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@apply w-1.5 h-1.5 opacity-0 transition-opacity;@apply bg-transparent;@apply bg-transparent rounded-full border-[1px] border-transparent bg-clip-padding transition-all hover:bg-zinc-600/50 hover:border-zinc-800;@apply bg-zinc-700/30;}@layer components{@apply bg-[#09090b]/40 backdrop-blur-xl border-t border-[#27272a]/80 border-l border-[#27272a]/50 border-r border-[#27272a]/50 border-b border-[#27272a]/30 rounded-2xl;.glass-card{box-shadow:0 20px 40px -10px #0009,inset 0 1px #ffffff05}@apply bg-white text-black font-medium px-5 py-2.5 rounded-xl transition-all duration-300 ease-[cubic-bezier(.16,1,.3,1)] hover:bg-zinc-200 hover:scale-[.98] active:scale-[.96] shadow-[0_2px_10px_rgba(255,255,255,.1)] disabled:opacity-40 disabled:cursor-not-allowed disabled:hover:scale-100 disabled:shadow-none;@apply bg-transparent text-dark-text border border-[#27272a] font-medium px-5 py-2.5 rounded-xl transition-all duration-300 ease-out shadow-sm hover:bg-white/5 hover:border-white/10 active:scale-[.98];@apply w-full bg-[#000] border border-[#27272a] rounded-xl px-4 py-3 text-white placeholder:text-zinc-600 shadow-[inset_0_1px_0_rgba(255,255,255,.02)] focus:outline-none focus:ring-1 focus:ring-white/20 focus:border-white/20 focus:bg-[#09090b] transition-all duration-300;.grid-bg{background-image:linear-gradient(90deg,#ffffff08 1px,#0000 1px),linear-gradient(#ffffff08 1px,#0000 1px);background-size:40px 40px}}
