@import"https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap";@tailwind base;@tailwind components;@tailwind utilities;html{scroll-behavior:smooth}:root{--background: 0 0% 100%;--foreground: 220 15% 15%;--card: 0 0% 100%;--card-foreground: 220 15% 15%;--popover: 0 0% 100%;--popover-foreground: 220 15% 15%;--primary: 207 82% 52%;--primary-foreground: 0 0% 100%;--secondary: 220 15% 15%;--secondary-foreground: 0 0% 100%;--muted: 210 20% 96%;--muted-foreground: 220 10% 45%;--accent: 207 82% 52%;--accent-foreground: 0 0% 100%;--brand: 207 82% 52%;--destructive: 0 85% 60%;--destructive-foreground: 0 0% 100%;--success: 142 76% 45%;--success-foreground: 0 0% 100%;--warning: 38 92% 50%;--warning-foreground: 0 0% 100%;--info: 210 100% 50%;--info-foreground: 0 0% 100%;--border: 220 15% 85%;--input: 220 15% 90%;--ring: 210 100% 50%;--chart-1: 210 100% 55%;--chart-2: 280 65% 55%;--chart-3: 165 75% 45%;--chart-4: 38 92% 50%;--chart-5: 330 75% 55%;--ai-accent: 330 90% 60%;--status-pending: 38 92% 50%;--status-active: 165 75% 45%;--status-completed: 142 76% 45%;--status-failed: 0 85% 60%;--sidebar: 0 0% 98%;--sidebar-foreground: 0 0% 3.9%;--sidebar-primary: 210 100% 50%;--sidebar-primary-foreground: 0 0% 100%;--sidebar-accent: 0 0% 96.1%;--sidebar-accent-foreground: 0 0% 9%;--sidebar-border: 0 0% 89.8%;--sidebar-ring: 0 0% 63.9%;--font-sans: "Manrope", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--radius: .625rem;--shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / .05);--shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / .05);--shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / .1), 0 1px 2px -1px hsl(0 0% 0% / .1);--shadow: 0 1px 3px 0px hsl(0 0% 0% / .1), 0 1px 2px -1px hsl(0 0% 0% / .1);--shadow-md: 0 1px 3px 0px hsl(0 0% 0% / .1), 0 2px 4px -1px hsl(0 0% 0% / .1);--shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / .1), 0 4px 6px -1px hsl(0 0% 0% / .1);--shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / .1), 0 8px 10px -1px hsl(0 0% 0% / .1);--shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / .25);--tracking-normal: 0em;--spacing: .25rem}.dark{--background: 220 20% 8%;--foreground: 0 0% 98%;--card: 220 18% 12%;--card-foreground: 0 0% 98%;--popover: 220 18% 12%;--popover-foreground: 0 0% 98%;--primary: 217 84% 53%;--primary-foreground: 0 0% 100%;--secondary: 262 83% 58%;--secondary-foreground: 0 0% 100%;--muted: 220 15% 18%;--muted-foreground: 220 10% 65%;--accent: 165 70% 50%;--accent-foreground: 0 0% 100%;--destructive: 0 75% 65%;--destructive-foreground: 0 0% 100%;--success: 142 70% 50%;--success-foreground: 0 0% 100%;--warning: 38 85% 55%;--warning-foreground: 0 0% 100%;--info: 210 100% 55%;--info-foreground: 0 0% 100%;--border: 220 15% 20%;--input: 220 15% 22%;--ring: 210 100% 55%;--chart-1: 210 100% 60%;--chart-2: 280 60% 60%;--chart-3: 165 70% 50%;--chart-4: 38 85% 55%;--chart-5: 330 70% 60%;--ai-accent: 330 85% 65%;--status-pending: 38 85% 55%;--status-active: 165 70% 50%;--status-completed: 142 70% 50%;--status-failed: 0 75% 65%;--sidebar: 0 0% 9%;--sidebar-foreground: 0 0% 98%;--sidebar-primary: 210 100% 50%;--sidebar-primary-foreground: 0 0% 100%;--sidebar-accent: 0 0% 14.9%;--sidebar-accent-foreground: 0 0% 98%;--sidebar-border: 0 0% 16%;--sidebar-ring: 0 0% 35%;--font-sans: "Manrope", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--radius: .625rem;--shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / .05);--shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / .05);--shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / .1), 0 1px 2px -1px hsl(0 0% 0% / .1);--shadow: 0 1px 3px 0px hsl(0 0% 0% / .1), 0 1px 2px -1px hsl(0 0% 0% / .1);--shadow-md: 0 1px 3px 0px hsl(0 0% 0% / .1), 0 2px 4px -1px hsl(0 0% 0% / .1);--shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / .1), 0 4px 6px -1px hsl(0 0% 0% / .1);--shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / .1), 0 8px 10px -1px hsl(0 0% 0% / .1);--shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / .25)}@theme inline{ --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); --font-sans: var(--font-sans); --font-mono: var(--font-mono); --font-serif: var(--font-serif); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --shadow-2xs: var(--shadow-2xs); --shadow-xs: var(--shadow-xs); --shadow-sm: var(--shadow-sm); --shadow: var(--shadow); --shadow-md: var(--shadow-md); --shadow-lg: var(--shadow-lg); --shadow-xl: var(--shadow-xl); --shadow-2xl: var(--shadow-2xl); }@layer base{*{@apply border-border;}body{@apply bg-background text-foreground;font-family:var(--font-sans);line-height:1.5}h1,h2,h3,h4,h5,h6{@apply font-semibold;}h1{@apply text-3xl md:text-4xl lg:text-5xl text-primary;}h2{@apply text-2xl md:text-3xl lg:text-4xl text-primary/90;}h3{@apply text-xl md:text-2xl text-foreground;}svg.lucide,svg[data-lucide],.lucide{color:#0080ff}button{@apply focus-visible:ring-primary;}progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:.5rem;border-radius:var(--radius);overflow:hidden}progress::-webkit-progress-bar{background-color:hsl(var(--muted));border-radius:var(--radius)}progress::-webkit-progress-value{background-color:#0080ff;border-radius:var(--radius);transition:width .3s ease}progress::-moz-progress-bar{background-color:#0080ff;border-radius:var(--radius);transition:width .3s ease}.gradient-text{@apply bg-gradient-to-r from-primary via-chart-1 to-primary/80 bg-clip-text text-transparent;}.gradient-heading{@apply bg-gradient-to-r from-primary to-chart-1 bg-clip-text text-transparent font-bold;}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input:focus,textarea:focus,select:focus{@apply ring-primary border-primary;}}@layer components{.container{@apply max-w-7xl mx-auto px-4 sm:px-6 lg:px-8;}.btn-primary{background-color:#0080ff;color:#fff;border:2px solid hsl(210 100% 50%);@apply font-medium hover:bg-primary/90 hover:border-primary/90 hover:scale-105 hover:shadow-lg rounded-lg px-4 py-2;transition:all .3s ease}.btn-secondary{@apply bg-secondary hover:bg-secondary/80 text-secondary-foreground border-2 border-secondary hover:border-secondary/80 hover:scale-105 hover:shadow-lg rounded-lg px-4 py-2;transition:all .3s ease}.btn-teal{background-color:#0080ff;color:#fff;border:2px solid hsl(210 100% 50%);@apply font-semibold hover:bg-primary/90 hover:border-primary/90 hover:scale-105 hover:shadow-lg rounded-lg px-4 py-2;transition:all .3s ease}.goodfi-btn{background-color:#3087d9!important;color:#fff!important;border-color:#3087d9!important}.goodfi-btn:hover{background-color:#2678c7!important;border-color:#2678c7!important}.icon{color:#0080ff;fill:#0080ff;transition:all .3s ease}.icon:hover{color:#0073e6;fill:#0073e6}.icon-accent{color:#1a8cff;transition:all .3s ease}.icon-accent:hover{color:#0080ff}.progress-bar{@apply w-full h-2 bg-muted rounded-full overflow-hidden;}.progress-bar-fill{background-color:#0080ff;@apply h-full rounded-full transition-all duration-500 ease-out;box-shadow:0 0 10px #0080ff4d}.progress-bar-animated .progress-bar-fill{animation:progress-pulse 2s ease-in-out infinite}[data-radix-progress-indicator]{background-color:#0080ff;transition:transform .3s ease}.card-web3{@apply bg-card border-2 border-border hover:border-primary/30 hover:shadow-lg hover:shadow-primary/10 hover:scale-[1.02] transition-all duration-300;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-hover{box-shadow:0 0 20px #0080ff33;@apply hover:shadow-xl transition-all duration-300 hover:-translate-y-2 hover:scale-[1.02];}.card-hover:hover{box-shadow:0 0 30px #0080ff4d}.wallet-connect{background-color:#0080ff;@apply px-6 py-3 rounded-lg shadow-lg;animation:glow-pulse 2s ease-in-out infinite}.animate-fade-in{animation:fadeIn .6s ease-out}.animate-slide-up{animation:slideUp .8s ease-out}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #0080ff4d}50%{box-shadow:0 0 30px #0080ff80}}@keyframes progress-pulse{0%,to{box-shadow:0 0 10px #0080ff4d}50%{box-shadow:0 0 20px #0080ff99}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floating{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes slide-in-up{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-in-left{0%{transform:translate(-30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-in-right{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes scale-in{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes blockchain-flow{0%{transform:translate(-100%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(100%);opacity:0}}@keyframes pulse-slow{0%,to{opacity:1}50%{opacity:.7}}.web3-bg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;opacity:.03}.blockchain-node{position:absolute;width:4px;height:4px;background:#0080ff;border-radius:50%;animation:blockchain-flow 8s ease-in-out infinite}.blockchain-node:nth-child(1){top:20%;animation-delay:0s}.blockchain-node:nth-child(2){top:40%;animation-delay:2s}.blockchain-node:nth-child(3){top:60%;animation-delay:4s}.blockchain-node:nth-child(4){top:80%;animation-delay:6s}.stat-number{@apply text-foreground;}.animate-slide-in-up{animation:slide-in-up .8s ease-out}.animate-slide-in-left{animation:slide-in-left .8s ease-out}.animate-slide-in-right{animation:slide-in-right .8s ease-out}.animate-scale-in{animation:scale-in .6s ease-out}.animate-floating{animation:floating 6s ease-in-out infinite}.animate-pulse-slow{animation:pulse-slow 3s ease-in-out infinite}.animate-delay-100{animation-delay:.1s}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.animate-delay-400{animation-delay:.4s}.animate-delay-500{animation-delay:.5s}.animate-delay-600{animation-delay:.6s}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes wave{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes countUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}.scroll-animate{opacity:0}.scroll-animate.fade-in-up{animation:fadeInUp .8s ease-out forwards}.scroll-animate.slide-in-left{animation:slideInLeft .8s ease-out forwards}.scroll-animate.slide-in-right{animation:slideInRight .8s ease-out forwards}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-4px) scale(1.02)}.header-sticky{position:fixed;top:0;left:0;right:0;z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffffe6;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.dark .header-sticky{background-color:#1c1f26e6}.landing-page{--lp-black: 0 0% 5%;--lp-dark: 0 0% 10%;--lp-gray-900: 0 0% 16%;--lp-gray-700: 0 0% 33%;--lp-gray-500: 0 0% 53%;--lp-gray-300: 0 0% 73%;--lp-gray-200: 0 0% 87%;--lp-gray-100: 0 0% 93%;--lp-gray-50: 0 0% 97%;--lp-white: 0 0% 100%;--lp-accent: 174 82% 40%;--lp-accent-light: 166 76% 89%;--lp-accent-glow: 174 82% 40%;--lp-green: 142 71% 45%}::selection{background:#12baa9;color:#fff}@keyframes lp-fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes lp-popIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes lp-pulse{0%,60%,to{opacity:.3}30%{opacity:1}}@keyframes lp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.lp-animate-float{animation:lp-float 6s ease-in-out infinite}.lp-animate-fade-up{animation:lp-fadeUp .25s ease-out}.lp-animate-pop-in{animation:lp-popIn .4s cubic-bezier(.175,.885,.32,1.275)}.lp-typing-dot{animation:lp-pulse 1.2s ease-in-out infinite}
