@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-deep: #04071a;--bg-primary: #070d20;--bg-surface: rgba(12, 20, 48, .7);--bg-elevated: rgba(20, 30, 65, .75);--bg-hover: rgba(30, 45, 90, .8);--text-primary: #e8eef8;--text-secondary: #8fa3c8;--text-muted: #4a5d82;--accent-violet: #8B5CF6;--accent-violet-light: #b085ff;--accent-cyan: #22d3ee;--accent-amber: #F59E0B;--accent-pink: #ec4899;--glass-bg: rgba(10, 18, 45, .55);--glass-bg-heavy: rgba(6, 12, 32, .75);--glass-border: rgba(120, 160, 255, .12);--glass-border-glow: rgba(139, 92, 246, .35);--glass-blur: 20px;--glass-blur-heavy: 32px;--border-subtle: rgba(120, 160, 255, .07);--border-light: rgba(120, 160, 255, .12);--border-medium: rgba(120, 160, 255, .2)}*,*:before,*:after{box-sizing:border-box}html{height:100%}body{margin:0;padding:0;min-height:100vh;background:var(--bg-deep);color:var(--text-primary);font-family:Inter,Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 80% 60% at 15% 20%,rgba(88,28,220,.18) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 85% 75%,rgba(34,211,238,.1) 0%,transparent 55%),radial-gradient(ellipse 70% 55% at 50% 100%,rgba(236,72,153,.08) 0%,transparent 50%),linear-gradient(160deg,#04071a,#07102b,#050c1e);animation:auroraShift 18s ease-in-out infinite alternate}body:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle 400px at 70% 20%,rgba(139,92,246,.07) 0%,transparent 70%),radial-gradient(circle 350px at 20% 80%,rgba(34,211,238,.06) 0%,transparent 70%),radial-gradient(circle 300px at 90% 60%,rgba(236,72,153,.05) 0%,transparent 70%);animation:auroraShift 24s ease-in-out infinite alternate-reverse}#root{position:relative;z-index:1}.glass{background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #00000040,inset 1px 0 #ffffff0a,0 2px #0000004d,0 8px 24px #0006,0 20px 48px #0003!important}.glass-card{background:#0c1432d9!important;border:1px solid var(--glass-border)!important;box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0000004d,inset 1px 0 #ffffff0a,0 1px #8b5cf614,0 4px 8px #0000004d,0 12px 32px #00000059,0 24px 48px #00000026!important;transition:all .35s cubic-bezier(.4,0,.2,1)!important}.glass-card:hover{border-color:#8b5cf64d!important;box-shadow:inset 0 1px #ffffff24,inset 0 -1px #00000040,inset 1px 0 #ffffff0f,0 0 0 1px #8b5cf61f,0 6px 16px #0006,0 18px 48px #00000059,0 0 28px #8b5cf61a!important}.glass-premium{background:linear-gradient(160deg,#10183ae0,#0c1432cc 40%,#080e26d9)!important;border:1px solid rgba(139,92,246,.18)!important;box-shadow:inset 0 1px #ffffff1f,inset 0 -2px #00000059,inset 1px 0 #ffffff0d,inset -1px 0 #00000026,0 2px #0000004d,0 0 0 1px #8b5cf60f,0 8px 24px #00000073,0 32px 72px #0006,0 0 80px #8b5cf612!important}.accent-top{border-top:1px solid rgba(139,92,246,.5)!important;box-shadow:0 -1px 12px #8b5cf633,inset 0 1px #8b5cf612!important}.gradient-border{position:relative}.gradient-border:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#8b5cf680,#22d3ee40,#ec489933);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}.gradient-text{background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-primary{background:linear-gradient(135deg,#b085ff,#22d3ee 60%,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#8b5cf640;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#8b5cf680}@keyframes auroraShift{0%{opacity:.9;transform:scale(1) rotate(0)}50%{opacity:1;transform:scale(1.06) rotate(1.5deg)}to{opacity:.85;transform:scale(.97) rotate(-1deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 8px #8b5cf626}50%{box-shadow:0 0 28px #8b5cf659,0 0 56px #8b5cf61a}}@keyframes borderGlow{0%,to{border-color:#8b5cf626}50%{border-color:#8b5cf673}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn .5s ease-out}.animate-slide-up{animation:slideUp .5s ease-out forwards}.animate-scale-in{animation:scaleIn .3s ease-out}.animate-float{animation:float 6s ease-in-out infinite}.animate-pulse-glow{animation:pulseGlow 3s ease-in-out infinite}.animate-border-glow{animation:borderGlow 3s ease-in-out infinite}.status-connected{color:#22c55e}.status-error{color:#ef4444}.status-pending{color:#f59e0b}.accent-bg-violet{background:#8b5cf612;border:1px solid rgba(139,92,246,.15)}.accent-bg-amber{background:#f59e0b12;border:1px solid rgba(245,158,11,.15)}.accent-bg-cyan{background:#22d3ee12;border:1px solid rgba(34,211,238,.15)}.accent-bg-success{background:#22c55e12;border:1px solid rgba(34,197,94,.15)}.accent-bg-error{background:#ef444412;border:1px solid rgba(239,68,68,.15)}.glow-violet{box-shadow:0 0 20px #8b5cf64d,0 0 60px #8b5cf61a}.glow-cyan{box-shadow:0 0 20px #22d3ee40,0 0 60px #22d3ee14}.glow-amber{box-shadow:0 0 20px #f59e0b4d,0 0 60px #f59e0b1a}code{font-family:JetBrains Mono,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}