/* RESET */
:root {
  --bg: #0b0f17;
  --panel: rgba(255, 255, 255, 0.06);
  --panel2: rgba(255, 255, 255, 0.08);
}

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background: radial-gradient(
      1200px 600px at 20% 0%,
      rgba(124, 92, 255, 0.25),
      transparent 60%
    ),
    radial-gradient(
      900px 500px at 90% 20%,
      rgba(154, 134, 255, 0.18),
      transparent 55%
    ),
    var(--bg);
}

main {
  background: transparent;
  flex-grow: 1;
  display: block;
}

.bg-glass {
  background: rgba(11, 15, 23, 0.55) !important;
  backdrop-filter: blur(12px);
}

.bg-panel {
  background: var(--panel) !important;
}

.brand-mark {
  width: 34px;
  height: 34px;
  display: inline-grid;
  place-items: center;
  border-radius: 12px;
  background: linear-gradient(135deg, #7c5cff, #9a86ff);
  box-shadow: 0 10px 28px rgba(124, 92, 255, 0.25);
  color: white;
}

.link-soft {
  color: rgba(255, 255, 255, 0.86);
  text-decoration: underline;
  text-decoration-color: rgba(255, 255, 255, 0.22);
  text-underline-offset: 3px;
}
.link-soft:hover {
  text-decoration-color: rgba(255, 255, 255, 0.6);
}

.shadow-soft {
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.45);
}

.fw-black {
  font-weight: 900;
}

.page-content {
  flex: 1;
}