/* Voltix: black and white surfaces with electric red accents. */
.voltix-contract { position: relative; z-index: 10; display: flex; align-items: center; gap: 12px; max-width: 100%; margin-top: 24px; padding: 12px 16px; border: 1px solid #e821274d; border-radius: 12px; background: #100b0de6; }
.voltix-contract-label { color: #ff6874; font: 600 12px monospace; }
.voltix-contract-address { min-width: 0; overflow-wrap: anywhere; user-select: text; color: #ededed; font: 12px/1.6 monospace; }
.voltix-contract button { flex-shrink: 0; color: #fff; background: #9d1822; border-radius: 6px; padding: 10px; font: 600 10px monospace; }
.voltix-contract button:hover { background: #c51c29; }
@media (max-width: 480px) { .voltix-contract { gap: 8px; padding: 10px; } .voltix-contract-address { font-size: 10px; } }
img[src="/assets/voltix-logo-500x500.png"] {
  object-fit: contain;
  border-radius: 0;
  opacity: 1;
  mix-blend-mode: normal;
}
header img[src="/assets/voltix-logo-500x500.png"],
footer img[src="/assets/voltix-logo-500x500.png"] {
  width: 2.5rem;
  height: 2.5rem;
}
:root {
  --background: 0 0% 3%;
  --foreground: 0 0% 96%;
  --card: 0 0% 6%;
  --card-foreground: 0 0% 96%;
  --popover: 0 0% 6%;
  --popover-foreground: 0 0% 96%;
  --primary: 355 100% 64%;
  --primary-foreground: 0 0% 100%;
  --secondary: 0 0% 12%;
  --secondary-foreground: 0 0% 96%;
  --muted: 0 0% 10%;
  --muted-foreground: 0 0% 68%;
  --accent: 355 35% 15%;
  --accent-foreground: 0 0% 100%;
  --border: 0 0% 23%;
  --input: 0 0% 28%;
  --ring: 355 79% 53%;
  --sidebar-primary: 355 100% 64%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 355 30% 13%;
  --sidebar-accent-foreground: 0 0% 96%;
  --sidebar-ring: 355 79% 53%;
}
::selection { background: #e82127; color: #fff; }
.iridescent-bg {
  background: radial-gradient(ellipse at 50% 35%, #e821271c 0%, transparent 60%), linear-gradient(180deg, #101010, #050505);
}
.iridescent-text {
  background: linear-gradient(90deg, #ff858a, #ff4757, #ff858a);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.cta-pill, .iridescent-pill {
  background: #d71920;
  border-color: #e82127;
  color: #fff;
  box-shadow: 0 8px 30px #0006, 0 0 28px #e8212726;
}
.cta-pill:hover, .iridescent-pill:hover {
  background: #b9151b;
  color: #fff;
  box-shadow: 0 10px 36px #e8212738;
}
button[type="submit"] {
  background-color: #d71920;
  color: #fff;
}
button[type="submit"]:hover:not(:disabled) { background-color: #b9151b; }
.nav-dot { background: #e82127; }
.nav-pill { border-color: #353535; box-shadow: inset 0 1px #ffffff0d; }
.nav-pill a:hover { color: #ff5967; }
.glow-line { background: linear-gradient(90deg, transparent, #e8212770, transparent); }
.hex-border, .iridescent-border { border-color: #e8212738; }
.code-block { border-color: #e8212740; }
.code-block-header { background: #140c0d; border-bottom-color: #e821272e; }
:is(a, button, input, textarea):focus-visible { outline: 2px solid #ff5967; outline-offset: 4px; }
@keyframes pulse-glow {
  0%, 100% { box-shadow: 0 0 4px #e821274d; }
  50% { box-shadow: 0 0 12px #e8212799; }
}