/* Sleek black + rainbow smoke refresh for Bryforge. */
:root {
  --bg: #010104;
  --panel: rgba(4, 6, 12, 0.76);
  --panel-strong: rgba(6, 8, 14, 0.94);
  --text: #f7f9ff;
  --muted: #aab4c6;
  --dim: #687083;
  --steel: #edf2ff;
  --ember: #23f7ff;
  --gold: #8b9cff;
  --blue: #ff3df2;
  --line: rgba(255, 255, 255, 0.13);
  --shadow: 0 42px 150px rgba(0, 0, 0, 0.72);
}

body {
  background:
    radial-gradient(circle at 18% 12%, rgba(35, 247, 255, 0.13), transparent 28rem),
    radial-gradient(circle at 82% 4%, rgba(255, 61, 242, 0.12), transparent 30rem),
    radial-gradient(circle at 50% 100%, rgba(83, 255, 133, 0.07), transparent 34rem),
    linear-gradient(180deg, #000 0%, #03040a 48%, #010104 100%);
}

.glass,
.smoke-card,
.manifesto,
.project-feature {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.058), rgba(255, 255, 255, 0.018)),
    rgba(4, 6, 12, 0.78);
  border-color: rgba(255, 255, 255, 0.12);
}

.nav {
  background:
    linear-gradient(145deg, rgba(5, 8, 16, 0.88), rgba(255, 255, 255, 0.035));
}

.brand-mark,
.core-letter {
  background: linear-gradient(135deg, #f7f9ff, #23f7ff, #ff3df2);
  box-shadow: 0 0 38px rgba(35, 247, 255, 0.22), 0 0 72px rgba(255, 61, 242, 0.12);
}

h1,
h2 {
  background: linear-gradient(90deg, #ffffff, #23f7ff, #8b9cff, #ff3df2, #53ff85, #ffffff);
  background-size: 240% 100%;
  -webkit-background-clip: text;
  color: transparent;
}

.eyebrow,
.number,
.status-pill,
.small-link {
  color: #23f7ff;
  text-shadow: 0 0 20px rgba(35, 247, 255, 0.38);
}

.hero::before,
.projects::before,
.support::before {
  background:
    linear-gradient(115deg, transparent, rgba(255,255,255,0.075), transparent 42%),
    radial-gradient(circle at 78% 36%, rgba(35, 247, 255, 0.12), transparent 26rem),
    radial-gradient(circle at 26% 76%, rgba(255, 61, 242, 0.09), transparent 22rem);
}

.forge-panel {
  background:
    radial-gradient(circle at center, rgba(35, 247, 255, 0.12), transparent 15rem),
    radial-gradient(circle at 70% 30%, rgba(255, 61, 242, 0.09), transparent 16rem),
    linear-gradient(145deg, rgba(255,255,255,0.06), rgba(255,255,255,0.018));
}

.ring-a { border-top-color: #23f7ff; }
.ring-b { border-right-color: #ff3df2; }
.ring-c { border-bottom-color: #53ff85; }

.primary,
.coffee,
.coffee-card {
  background: linear-gradient(90deg, #23f7ff, #8b9cff, #ff3df2, #53ff85, #f7f9ff);
  background-size: 260% 100%;
}

.ghost {
  background: rgba(255, 255, 255, 0.045);
  border-color: rgba(255, 255, 255, 0.14);
}

.ember-a {
  background: conic-gradient(from 20deg, #23f7ff, #8b9cff, #ff3df2, #53ff85, #23f7ff);
  opacity: 0.18;
}

.ember-b {
  background: conic-gradient(from 160deg, #ff3df2, #23f7ff, #53ff85, #8b9cff, #ff3df2);
  opacity: 0.16;
}

.smoke-card::after {
  background: linear-gradient(90deg, transparent, rgba(35,247,255,0.22), rgba(255,61,242,0.18), transparent);
}

.project-feature img {
  filter: saturate(1.08) contrast(1.04) drop-shadow(0 0 32px rgba(35,247,255,0.18));
}

.footer {
  color: rgba(170, 180, 198, 0.68);
}