:root {
  --brand: #2dd4bf; /* teal-400 */
  --brand-dark: #14b8a6; /* teal-500 */
}
html { scroll-behavior: smooth; }
body { font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, 'Helvetica Neue', Arial, 'Noto Sans', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; }
.glass { background: rgba(255,255,255,0.08); backdrop-filter: blur(8px); border: 1px solid rgba(255,255,255,0.08); }
.container-pad { padding-left: clamp(1rem, 4vw, 2rem); padding-right: clamp(1rem, 4vw, 2rem); }
.grad { background: radial-gradient(1200px 600px at 10% -10%, rgba(45,212,191,.2), transparent 60%),
                   radial-gradient(1200px 600px at 90% 10%, rgba(99,102,241,.18), transparent 60%); }
.badge-dot { width: .5rem; height: .5rem; border-radius: 9999px; display: inline-block; }
.badge-connected { background-color: #22c55e; }
.badge-disconnected { background-color: #ef4444; }
.token-mask { -webkit-mask-image: linear-gradient(90deg,#000 70%, transparent); mask-image: linear-gradient(90deg,#000 70%, transparent); }