@tailwind base;@tailwind components;@tailwind utilities;@import url("https://api.fontshare.com/v2/css?f[]=clash-display@400,500,600,700&f[]=satoshi@400,500,700&display=swap");:root{--font-clash:"Clash Display",sans-serif;--font-satoshi:"Satoshi",sans-serif;--brand-purple:#a855f7;--brand-violet:#7c3aed;--brand-pink:#ec4899;--brand-cyan:#06b6d4;--glass-bg:hsla(0,0%,100%,.04);--glass-border:hsla(0,0%,100%,.08);--glass-hover:hsla(0,0%,100%,.07);--surface-1:#0a0a0f;--surface-2:#111118;--surface-3:#1a1a24;--surface-4:#22222f;--text-primary:#f8f8ff;--text-secondary:#a1a1bb;--text-muted:#64648a}.light{--glass-bg:hsla(0,0%,100%,.7);--glass-border:rgba(0,0,0,.08);--glass-hover:hsla(0,0%,100%,.9);--surface-1:#f8f8ff;--surface-2:#f0f0fa;--surface-3:#e8e8f5;--surface-4:#dddded;--text-primary:#0a0a1a;--text-secondary:#4a4a6a;--text-muted:#8a8aaa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--surface-1);color:var(--text-primary);font-family:var(--font-satoshi),system-ui,sans-serif;font-feature-settings:"ss01","ss02";-webkit-font-smoothing:antialiased;overflow-x:hidden}@layer components{.glass{background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.glass-hover{transition:background .2s,border-color .2s,transform .2s}.glass-hover:hover{background:var(--glass-hover);border-color:rgba(168,85,247,.3);transform:translateY(-1px)}.gradient-text{background:linear-gradient(135deg,#a855f7,#ec4899 50%,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow-purple{box-shadow:0 0 30px rgba(168,85,247,.25),0 0 60px rgba(168,85,247,.1)}.glow-sm{box-shadow:0 0 12px rgba(168,85,247,.2)}.noise-overlay:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:0}.metric-value{font-family:var(--font-clash),sans-serif;font-size:2rem;font-weight:600;line-height:1;letter-spacing:-.02em}.skeleton{background:linear-gradient(90deg,var(--surface-3) 25%,var(--surface-4) 50%,var(--surface-3) 75%);background-size:200% 100%;animation:shimmer 1.5s linear infinite;border-radius:6px}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-4);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:rgba(168,85,247,.4)}}@layer components{.input-field{width:100%;padding:.625rem .875rem;border-radius:.75rem;background:var(--surface-3);border:1px solid var(--glass-border);color:var(--text-primary);font-size:.8125rem;outline:none;transition:border-color .2s,box-shadow .2s}.input-field:focus{border-color:rgba(168,85,247,.4);box-shadow:0 0 0 3px rgba(168,85,247,.1)}.input-field::placeholder{color:var(--text-muted)}.input-field:disabled{opacity:.5;cursor:not-allowed}select.input-field option{background:var(--surface-2)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes orbit{0%{transform:rotate(0deg) translateX(120px) rotate(0deg)}to{transform:rotate(1turn) translateX(120px) rotate(-1turn)}}.animate-fade-up{animation:fadeUp .5s ease-out both}.animate-fade-in{animation:fadeIn .4s ease-out both}.stagger>:first-child{animation-delay:0s}.stagger>:nth-child(2){animation-delay:80ms}.stagger>:nth-child(3){animation-delay:.16s}.stagger>:nth-child(4){animation-delay:.24s}.stagger>:nth-child(5){animation-delay:.32s}.stagger>:nth-child(6){animation-delay:.4s}select,select option{background-color:#1a1a2e!important;color:#fff!important}select option:checked,select option:focus,select option:hover{background-color:rgba(168,85,247,.2)!important;color:#fff!important}