:root{--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-accent: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-success: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);--gradient-danger: linear-gradient(135deg, #f5576c 0%, #dc2626 100%);--gradient-dark: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--gradient-mesh: radial-gradient(at 40% 20%, hsla(28, 100%, 74%, .15) 0px, transparent 50%), radial-gradient(at 80% 0%, hsla(189, 100%, 56%, .15) 0px, transparent 50%), radial-gradient(at 0% 50%, hsla(355, 100%, 93%, .15) 0px, transparent 50%), radial-gradient(at 80% 50%, hsla(340, 100%, 76%, .15) 0px, transparent 50%), radial-gradient(at 0% 100%, hsla(22, 100%, 77%, .15) 0px, transparent 50%), radial-gradient(at 80% 100%, hsla(242, 100%, 70%, .15) 0px, transparent 50%), radial-gradient(at 0% 0%, hsla(343, 100%, 76%, .15) 0px, transparent 50%);--color-primary: #667eea;--color-secondary: #764ba2;--color-accent: #00f2fe;--color-success: #43e97b;--color-warning: #ffa726;--color-error: #f5576c;--color-danger: #dc2626;--bg-dark-primary: #0f172a;--bg-dark-secondary: #1e293b;--bg-dark-tertiary: #334155;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .4);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--glow-primary: 0 0 20px rgba(102, 126, 234, .5);--glow-accent: 0 0 20px rgba(0, 242, 254, .5);--glow-success: 0 0 20px rgba(67, 233, 123, .5);--glow-danger: 0 0 20px rgba(245, 87, 108, .5);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .5s cubic-bezier(.68, -.55, .265, 1.55);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem}body.light-mode{--bg-dark-primary: #f5f7fb;--bg-dark-secondary: #ffffff;--bg-dark-tertiary: #e2e8f0;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(0, 0, 0, .1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .08);--text-primary: #0f172a;--text-secondary: #334155;--text-tertiary: #64748b;--gradient-mesh: radial-gradient(at 40% 20%, hsla(28, 100%, 74%, .05) 0px, transparent 50%), radial-gradient(at 80% 0%, hsla(189, 100%, 56%, .05) 0px, transparent 50%), radial-gradient(at 0% 50%, hsla(355, 100%, 93%, .05) 0px, transparent 50%), radial-gradient(at 80% 50%, hsla(340, 100%, 76%, .05) 0px, transparent 50%), radial-gradient(at 0% 100%, hsla(22, 100%, 77%, .05) 0px, transparent 50%), radial-gradient(at 80% 100%, hsla(242, 100%, 70%, .05) 0px, transparent 50%), radial-gradient(at 0% 0%, hsla(343, 100%, 76%, .05) 0px, transparent 50%)}body.light-mode .glass{background:#ffffffb3;border:1px solid rgba(0,0,0,.1);box-shadow:0 8px 32px #00000014}body.light-mode .glass-strong{background:#fffffff2;border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 16px #0000001a}body.light-mode ::-webkit-scrollbar-track{background:#e2e8f0}body.light-mode ::-webkit-scrollbar-thumb{background:var(--gradient-primary)}body.light-mode .hover-lift:hover{box-shadow:0 12px 24px #00000026}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-dark-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glass{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-strong{background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-border{position:relative;background:var(--bg-dark-secondary);border-radius:16px}.gradient-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;padding:2px;background:var(--gradient-primary);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);pointer-events:none;z-index:0}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse-glow{0%,to{box-shadow:var(--glow-primary)}50%{box-shadow:0 0 40px #667eeacc}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-float{animation:float 6s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-gradient{background-size:200% 200%;animation:gradient-shift 3s ease infinite}.hover-lift{transition:var(--transition-smooth)}.hover-lift:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000004d}.hover-glow:hover{box-shadow:var(--glow-primary)}.hover-scale{transition:var(--transition-smooth)}.hover-scale:hover{transform:scale(1.05)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark-secondary)}::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gradient-accent)}.btn-web3,.btn-primary{position:relative;padding:12px 32px;border:none;border-radius:var(--radius-md);font-weight:600;font-size:14px;cursor:pointer;overflow:hidden;transition:var(--transition-smooth);background:var(--gradient-primary);color:#fff}.btn-web3:before,.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn-web3:hover:before,.btn-primary:hover:before{left:100%}.btn-web3:hover,.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--glow-primary)}.btn-web3:disabled,.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{position:relative;padding:12px 32px;border:1px solid var(--glass-border);border-radius:var(--radius-md);font-weight:600;font-size:14px;cursor:pointer;transition:var(--transition-smooth);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary)}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.btn-danger{position:relative;padding:12px 32px;border:none;border-radius:var(--radius-md);font-weight:600;font-size:14px;cursor:pointer;overflow:hidden;transition:var(--transition-smooth);background:var(--gradient-danger);color:#fff}.btn-danger:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn-danger:hover:before{left:100%}.btn-danger:hover{transform:translateY(-2px);box-shadow:var(--glow-danger)}.btn-success{position:relative;padding:12px 32px;border:none;border-radius:var(--radius-md);font-weight:600;font-size:14px;cursor:pointer;overflow:hidden;transition:var(--transition-smooth);background:var(--gradient-success);color:#fff}.btn-success:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn-success:hover:before{left:100%}.btn-success:hover{transform:translateY(-2px);box-shadow:var(--glow-success)}.card-web3{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:20px;padding:24px;transition:var(--transition-smooth)}.card-web3:hover{transform:translateY(-4px);border-color:#fff3;box-shadow:0 20px 40px #0000004d}.input-web3{width:100%;padding:14px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;transition:var(--transition-smooth)}.input-web3:focus{outline:none;background:#ffffff14;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a}.input-web3::placeholder{color:var(--text-tertiary)}body.light-mode .input-web3{background:#00000008;border:1px solid rgba(0,0,0,.15)}body.light-mode .input-web3:focus{background:#fff;box-shadow:0 0 0 3px #667eea26}.modal-web3{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:0 20px 60px #00000080}.modal-overlay{background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.text-gradient-primary{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-accent{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bg-mesh{background:var(--bg-dark-primary);background-image:var(--gradient-mesh)}.text-slate-200{color:var(--text-primary)!important}.text-slate-300{color:var(--text-secondary)!important}.text-slate-400{color:var(--text-tertiary)!important}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}