@use "styles/futures" as futures;:root{@each $key,$value in futures.$tokens{--futures-#{$key}: #{$value};}}html,body{margin:0;padding:0;min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#e2e8f0;background:radial-gradient(circle at top,#0f172a,#020617);background-attachment:fixed}:root{--futures-neon-primary: #c4b5fd;--futures-neon-secondary: #f0e6ff;--futures-neon-accent: #0ff;--futures-neon-pink: #ff69b4;--futures-neon-magenta: #ff007f;--futures-neon-green: #00ff88;--futures-neon-yellow: #ffd700;--futures-bg-dark: #0a0a1a;--futures-bg-deep: #050008;--futures-bg-card-alt: #0a0410;--futures-bg-card: #1a1a2e;--futures-bg-input: rgba(6, 2, 14, .6);--futures-bg-overlay: rgba(10, 10, 26, .85);--futures-text-primary: #e0e0ff;--futures-text-secondary: #a0a0c0;--futures-space-xs: 4px;--futures-space-sm: 8px;--futures-space-md: 16px;--futures-space-lg: 24px;--futures-space-xl: 32px;--futures-radius-sm: 6px;--futures-radius-md: 10px;--futures-radius-lg: 16px;--futures-radius-xl: 22px;--futures-border-neon: 1px solid rgba(196, 181, 253, .3);--futures-border-magenta: 1px solid rgba(255, 0, 127, .35);--futures-glow-primary: 0 0 10px rgba(196, 181, 253, .5);--futures-glow-accent: 0 0 10px rgba(0, 240, 255, .6);--futures-glow-green: 0 0 10px rgba(0, 255, 136, .5);--futures-font-family: Outfit, Inter, sans-serif;--futures-text-xs: .75rem;--futures-text-sm: .875rem;--futures-text-md: 1rem;--futures-text-lg: 1.25rem;--futures-text-xl: 1.5rem;--futures-transition-fast: .15s ease;--futures-transition-normal: .25s ease;--futures-z-dropdown: 100;--futures-z-overlay: 200;--futures-z-modal: 300;--futures-z-toast: 400}