body {
      background-color: #f9f9f9;
      font-family: "Manrope", sans-serif;
      -webkit-font-smoothing: antialiased;
    }

    .material-symbols-outlined {
      font-variation-settings:
        "FILL" 0,
        "wght" 400,
        "GRAD" 0,
        "opsz" 24;
    }

    .referral-card {
      box-shadow: 0px 8px 24px rgba(74, 14, 78, 0.06);
    }

    .button-press:active {
      transform: scale(0.98);
    }

    .brand-logo-fallback {
      display: none;
      width: 2.5rem;
      height: 2.5rem;
      border-radius: 0.75rem;
      background: #40024a;
      color: #ffffff;
      align-items: center;
      justify-content: center;
      font-weight: 800;
      font-size: 1rem;
      line-height: 1;
      letter-spacing: -0.02em;
      flex-shrink: 0;
    }

    .brand-logo-fallback.is-visible {
      display: inline-flex;
    }