:root{
  --bg:#0B1220;
  --text:#EAF2FF;
  --muted:#9FB2C7;
  --primary:#00FFD5;
  --accent:#00A3FF;
  --panel:#18243A;
  --border:rgba(255,255,255,.10);
  --shadow:0 18px 46px rgba(0,0,0,.40);
  --radius:22px;
  --pad:22px;
  --mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --font: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
:root.light{
  --bg:#F2F6FF;
  --text:#0B1220;
  --muted:#174458;
  --primary:#00A28A;
  --accent:#0078C8;
  --panel:#FFFFFF;
  --border:rgba(0,0,0,.10);
  --shadow:0 16px 42px rgba(16,28,55,.10);
}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
a{color:inherit}
.container{max-width:1100px;margin:0 auto;padding:26px 18px}
.brand{font-weight:900;font-size:28px;letter-spacing:-.6px}
.brand .dot{opacity:.85}
.brand .eth{color:var(--primary)}
.card{background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--pad)}
.small{font-size:12px;opacity:.82}
.muted{opacity:.75}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:14px;padding:10px 14px;border:1px solid var(--border);background:rgba(255,255,255,.06);cursor:pointer;font-weight:800}
.btn.primary{background:linear-gradient(135deg,var(--primary),var(--accent));color:#08101a;border:0}
.btn:disabled{opacity:.6;cursor:not-allowed}